티스토리 반응형 스킨, 프라치노 공간은 스킨의 전반적인 분위기나 글 목록의 모양새, 대표 커버 이미지 등을 글 별로 다르게 설정할 수 있습니다. 글을 편집할 때 원하는 기능의 코드를 추가하기만 하면 됩니다.

글의 HTML 편집

글을 편집할 때 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>

코드를 추가하고 글을 발행하면 스킨은 입력한 코드대로 설정됩니다.

반응형