5. 글 별로 다른 모드 설정하기
티스토리 반응형 스킨, 프라치노 공간은 스킨의 전반적인 분위기나 글 목록의 모양새, 대표 커버 이미지 등을 글 별로 다르게 설정할 수 있습니다. 글을 편집할 때 원하는 기능의 코드를 추가하기만 하면 됩니다.
글을 편집할 때 HTML 모드로 전환하고, 글 맨 아래 줄에 아래의 코드를 추가하세요:
<div class="fraccino-function"></div>
fraccino-function
을 자신이 원하는 기능의 코드로 대치하여 사용합니다. 대치 가능한 코드는 여러가지며, 아래부터는 대치하여 사용 가능한 코드를 설명합니다.
일반
스킨의 전반적인 분위기를 변경할 수 있습니다.
fraccino-setas-day
는 스킨의 분위기를 낮으로 설정합니다.fraccino-setas-dawn
은 스킨의 분위기를 노을로 설정합니다.fraccino-setas-night
는 스킨의 분위기를 밤으로 설정합니다.
대표 커버 이미지
글 제목 영역의 배경을 대표 이미지로 표시할 것인지 설정할 수 있습니다.
fraccino-enable-pagecover
는 대표 커버 이미지를 표시합니다.fraccino-enable-fullscreenpagecover
는 대표 커버 이미지를 꽉 차게 표시합니다.fraccino-enable-pagealtcover
는 대표 커버 이미지를 대체 커버 이미지로 표시합니다.fraccino-disable-pagecover
는 대표 커버 이미지를 표시하지 않습니다.
바탕체
글의 문단 요소를 바탕체로 보이게 할 것인지 설정할 수 있습니다.
fraccino-enable-serif
는 문단 요소를 바탕체로 보이게 합니다.fraccino-disable-serif
는 문단 요소를 돋움체로 보이게 합니다.
간단한 예시
예를 들어 특정 글의 분위기를 밤으로 설정하고, 대표 커버 이미지를 꽉 찬 커버로 표시하고 싶다고 가정해 봅시다. 특정 글을 편집할 때 HTML 모드에서 아래의 코드를 맨 아래 줄에 추가합니다:
<div class="fraccino-setas-night fraccino-enable-fullscreenpagecover"></div>
코드를 추가하고 글을 발행하면 스킨은 입력한 코드대로 설정됩니다.
반응형
'User Guide' 카테고리의 다른 글
6. 관리 관점에서 글을 쓸 때 알아두면 좋은 것들 (5) | 2020.03.03 |
---|---|
5-1. 글에 사용된 이미지의 별도 여백 설정하기 (3) | 2020.01.12 |
4. 블로그 첫 페이지에 커버 설정하기 (3) | 2019.07.22 |
3-16. 블로그에 사업자 정보 표시하기 (2) | 2019.07.22 |
3-15-1. 스킨과 어울리는 애드센스의 스타일 (3) | 2019.07.22 |
댓글
이 글 공유하기
다른 글
-
6. 관리 관점에서 글을 쓸 때 알아두면 좋은 것들
6. 관리 관점에서 글을 쓸 때 알아두면 좋은 것들
2020.03.03 -
5-1. 글에 사용된 이미지의 별도 여백 설정하기
5-1. 글에 사용된 이미지의 별도 여백 설정하기
2020.01.12 -
4. 블로그 첫 페이지에 커버 설정하기
4. 블로그 첫 페이지에 커버 설정하기
2019.07.22 -
3-16. 블로그에 사업자 정보 표시하기
3-16. 블로그에 사업자 정보 표시하기
2019.07.22