[티스토리 스킨] #4. 딘치(Dinch)에서 제목스타일과 부제목 설정하기

제목 스타일

제목스타일은 글쓰기 에디터 왼쪽에 위치한 머릿말 2, 3, 4에 대한 기능을 말하며 태그로써는 h2, h3, h4 태그에 해당합니다. 따로 스타일은 지정해줄 필요가 없고 글쓰기 에디터에서 적용하면 바로 적용됩니다.

머릿말은 글쓰기 에디터 왼쪽에서 찾을 수 있다.


머릿말 2

머릿말 3

머릿말 4

부제목 설정하기

부제목은 포스트 제목아래에 있는 작은 글씨로 된 제목입니다. 티스토리에서 어떻게 제공하면 좋을까 생각하다가 포스트 스타일처럼 HTML 설정을 통해 지정할 수 있도록 하기로했습니다.


<div class="brunch"
  data-role="subtitle"
  data-content="__SUB_TITLE__" 
  style="display:none;">
  서브타이틀
</div>


data-role="subtitle"

해당 HTML태그가 부제목을 설정하기 위한 것임을 알립니다.

data-content="__SUB_TITLE__"

__SUB_TITLE__ 부분에 부제목내용을 입력합니다.

style="display:none"

스킨을 변경할 때를 대비해 미리 화면 비표시 스타일을 지정해놓습니다.

제목 텍스트 스타일

제목 텍스트를 중앙정렬로 변경합니다.

<div class="brunch brunch-align-center" ...>

제목 텍스트를 중앙 정렬로 배치합니다.


magazine티스토리 스킨
앱작가
전생했더니 개발자였던 건에 관하여
신나게 놀고먹고있는 24살 백수 개발자. 티스토리를 위한 티도리 프레임워크(https://tidory.com)를 개발했다.
댓글