Material Design
썸네일 이미지

스킨 설정 - 커버

커버의 위치는 아래와 같습니다. 커버에는 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) 기본 값은 흰색입니다. 경계 색상 기본 값은 없습니다. (빈 값) 만약 빨간색으로 선택시 아래와 같이 빨간 경계색이 생깁니다. 다시 없애고 싶으시다면, 값을지우세요 아래 사진처럼 지우고 적용하시면 됩니다. 레이아웃 메..
썸네일 이미지

스킨 디자인 - 댓글

댓글의 디자인 댓글의 디자인은 아래와 같습니다. 댓글의 상단에 댓글 작성창이 있습니다. 다른 티스토리 계정 비밀글 기능이 있습니다. 비 로그인 시 댓글이 있는 경우 답글 쓰기 버튼 디자인 및 댓글 우측의 수정 삭제 버튼
썸네일 이미지

스킨 디자인 - 태그

태그는 제목 아래에 위치합니다. 클릭시 특정 태그만 모아볼수 있습니다. hi098123-google-skin.tistory.com/tag/%EA%B8%B0%EB%8A%A5
썸네일 이미지

스킨 기능 - 목차

목차 설정 스킨 편집 -> 레이아웃 -> 목차 보이기 숨기기와 보이기 설정가능 PC화면 PC화면의 경우 우측 상단에 목차가 뜹니다. 클릭시 해당 위치로 이동합니다. 태블릿 화면 태블릿 화면은 거의 비슷하나 글 상단에 목차가 뜹니다. 모바일 모바일은 메뉴가 토글버튼으로 바뀌고 태블릿과 동일하게 글의 상단에 뜹니다.
썸네일 이미지

분류 전체보기 이름 변경 방법

1. 블로그 관리에서 콘텐츠 -> 카테고리 관리 에 들어갑니다. 2. 수정 버튼을 누릅니다. 3. 카테고리명 변경이 가능합니다. (저는 이름을 전체 카테고리로 변경하였습니다.) 이렇게 설정시 메뉴가 변경됩니다. 기존(분류 전체보기) 변경(전체 카테고리)