Material Design
썸네일 이미지

사이드바로 메뉴 관리하기

티스토리 관리페이지 - 꾸미기 - 사이드바 사이드바에서 각 메뉴위치에 순서와 배치를 마음대로 설정할 수 있습니다. 각 사이드바 위치 사이드바1 카테고리 블로그 메뉴 기간별 글 표시/숨기기 카테고리, 메뉴, 아카이브 리스트를 표시/숨기기 순서 변경 하실 수 있습니다. 추가 방법 괄호안에 어디서 쓰이는 메뉴인지 나타나기 때문에 알맞게 선택해주시면 됩니다. 사이드바2 최근에 올라온 글 블로그 인기글 방문자 수 최근 공지사항 링크 다섯개 모두 선택가능하며 권장개수는 1~4개 입니다. 5개시 1열에 5개, 2열에(3개 2개), 5열에 1개로 배치됩니다. 기존 최신글, 인기글, 방문자수로 선택이 제한되었던 점에 비해 이제 자유롭게 1~5개 원하는 메뉴만, 순서대로 지정하실 수 있습니다. 링크는 관리자페이지 - 링크..

스킨 각종 코드 수정

아래 링크들을 걸어둡니다. 궁금하신 내용이 있으시면 링크에 들어가셔서 댓글 남겨주세요 티스토리 2차도메인 댓글 문제 임시 해결하기 https://hi098123-skin.tistory.com/22 티스토리 2차도메인 댓글 문제 임시 해결하기 간단 해결 방법 다음의 코드를 스킨편집 - HTML편집에서 넣어줍니다. head, body 어디든 상관없습니다. 적용을 한 후 2차도메인 티스토리에 접속하면, 댓글달기를 알아서 찾아 다음 문구를 보여줍니� hi098123-skin.tistory.com 티스토리 댓글에 링크달기 https://hi098123-skin.tistory.com/6 티스토리 댓글에 링크달기 이전에 작성한 글이 있어서 링크를 건다. hi098123.tistory.com/215 티스토리) 댓글에 ..
썸네일 이미지

스킨 설정(편집) - 목차 우측고정

목차 기본 설정값은 글 바로 옆에 고정됩니다. 다만, 편집으로 우측에 고정시키고 싶은경우 우측에 고정할 방법이 있습니다. CSS를 수정합니다. #navi{left:initial !important;right:0!important} 이 코드를 스킨편집 - HTML편집 - CSS에 넣어주시면 됩니다. 경우에 따라 right 값을 변경하여 간격을 조절하거나 #navi의 기본 너비 : 15vw 를 조절하여 너비를 조절할수도 있습니다. #navi{ left:initial !important; right:10px !important; width:10vw; }
썸네일 이미지

스킨 적용 방법

다운로드 받으셨나요? 먼저 다운받기(결제)를 통해 파일을 다운로드 받습니다. 티스토리 스킨 등록방법 스킨 변경 -> 스킨 등록에 접속합니다. 다운받은 파일을 모두 업로드해주시면됩니다. 저장 버튼을 누르시면 완료
썸네일 이미지

스킨 설정 - 커버

커버의 위치는 아래와 같습니다. 커버에는 3가지 아이템이 쓰입니다. content_list content_detail_list content_list_thumnail 이 뒤로도 menu4, menu5 ... 이 있지만 실제로 사용되지는 않으며, 사용자가 스킨 편집을 하는경우 사용할 수 있습니다. (커버를 늘리려면 스킨설정값들이 모두 초기화 되기 때문에 한번에 많이 만들어 둡니다.) 1. content_list 스타일 간단한 텍스트로 제목만 표시합니다. 2. content_detail_list 스타일 기본 디자인입니다. 3. content_list_thumnail 스타일 아래사진은 테스트용 이미지를 사용해서 별 볼품없어 보이지만.. 유튜브 썸네일과 비슷한 디자인입니다. 16 : 9 사이즈를 권장드립니다.
썸네일 이미지

스킨 설정 - 코드 블럭

Prism.js 코드블럭을 사용할 수 있습니다. 코드블럭 스타일 : 기본 값 aa 참조 : https://hi098123.tistory.com/90 만약 사용 할 경우 "코드블럭 사용 (기본 언어 포함)" 기능이 있어야 아래의 설정을 켤수있습니다. cmake 코드블럭 사용 C#(csharp) 코드블럭 사용 django 코드블럭 사용 ... 기본언어에는 HTML, CSS, Javasvript, Python, Java, C++, Kotlin, Swift, PHP, GO가 있습니다. (티스토리 기본 코드블럭 목록) 마지막으로, 코드 스킨은 아래의 주소 우측의 Themes 부분을 눌러 확인해보실 수 있습니다. 기본값은 default로 설정되어있으며, Mozila MDN 에서도 사용중인 코드블럭입니다. https..
썸네일 이미지

스킨 설정 - 세부 설정

댓글기능 사용여부 댓글기능 사용여부를 설정할 수 있습니다. 키워드 제목(ON), 브랜드 제목(OFF) 키워드 제목 : 글 제목 - 티스토리 제목 브랜드 제목 : 티스토리 제목 - 글 제목 만약 티스토리 제목이 브랜드명이라면 브랜드 제목 사용시 검색에 더 좋을 수 있습니다. 보통은 키워드 제목이 좋습니다.
썸네일 이미지

스킨 설정 - 레이아웃

레이아웃 - 타이틀 색상 타이틀 배경 색상 기본색상 Blue-grey 위와 같은 기본 색상(Blue-grey)이 기본값이며 다른값을 설정가능합니다. Blue-grey-Dark Red Deep-purple Light-blue Indigo 타이틀 색상에는 위의 목록의 색깔이 있습니다. 직접지정을 통해 직접 지정하실수도 있습니다. 직접지정의 기본 값은 없습니다. (빈 값) 직접지정 설정시 "타이틀 배경색상" 목록 값은 무시됩니다. 타이틀 글자 색상 기본색상 White (#FFF, #ffffff) 기본 값은 흰색입니다. 경계 색상 기본 값은 없습니다. (빈 값) 만약 빨간색으로 선택시 아래와 같이 빨간 경계색이 생깁니다. 다시 없애고 싶으시다면, 값을지우세요 아래 사진처럼 지우고 적용하시면 됩니다. 레이아웃 메..