몽땅뚝딱 개발자

[티스토리꾸미기] 글쓰기 소제목 꾸미기 본문

Design/티스토리

[티스토리꾸미기] 글쓰기 소제목 꾸미기

레오나르도 다빈츠 2021. 6. 3. 13:00

 

블로그에 글을 쓰면서 HTML도 지원하길래 소제목도 꾸밀 수 있나 찾아봤더니 정말 있다!

티스토리에서 기본적으로 제공하는 서식은 예쁘지만 원하는 색상이 없어 아쉬웠는데 내 맘대로 CSS를 줄 수 있다니 너무 좋다.

 

방법은 2가지가 있다.

1. 직접 태그에 인라인으로 style을 넣는 방식

2. CSS 파일을 수정하는 방식

 

1번 방식은 HTML 태그에 class를 따로 주고 CSS 파일까지 찾아서 수정해야하기에..

너무 귀찮으므로 그냥 2번 방식인 인라인으로 작성하고 티스토리에서 제공하는 서식등록을 이용하기로 했다.

 

CSS를 인라인으로 넣어 깔끔하진 않지만.. 그래도 맘에 든다.

 

테마 HTML 태그

소제목

안녕하신가용
<h2 style="box-sizing: border-box; border-right-width: 0px; border-top-width: 0px; border-left: #a076f5 12px solid; line-height: 1.5; margin: 10px 0px; padding: 0px 0px 0px 15px;" data-ke-size="size26">
  <span style="font-family: 'Noto Sans Demilight', 'Noto Sans KR';">
      <b>소제목</b>
  </span>
</h2>
<span style="font-family: 'Noto Sans Demilight', 'Noto Sans KR';">
   안녕하신가용
</span>
<h2 style="box-sizing: border-box; border-right-width: 0px; border-top-width: 0px; border-left: #a076f5 12px solid; line-height: 1.5; margin: 10px 0px; padding: 0px 0px 0px 15px;" data-ke-size="size26">
  <span style="font-family: 'Noto Sans Demilight', 'Noto Sans KR';">
      <b>소제목</b>
  </span>
</h2>
<span style="font-family: 'Noto Sans Demilight', 'Noto Sans KR';">
  	안녕하신가용
</span>

 

 

테마 HTML 태그

소제목

안녕하신가용
<h2 style="box-sizing: border-box; border-right-width: 0px; border-top-width: 0px; border-left: #a076f5 12px solid; line-height: 1.5; margin: 10px 0px;" data-ke-size="size26">
  <span style="font-family: 'Noto Sans Demilight', 'Noto Sans KR'; background-color: #f0e8ff; padding: 1px 18px 2px 18px;">
      <b>
        소제목
      </b>
  </span>
</h2>
<span style="font-family: 'Noto Sans Demilight', 'Noto Sans KR';">
안녕하신가용
</span>
<h2 style="box-sizing: border-box; border-right-width: 0px; border-top-width: 0px; border-left: #a076f5 12px solid; line-height: 1.5; margin: 10px 0px;" data-ke-size="size26">
  <span style="font-family: 'Noto Sans Demilight', 'Noto Sans KR'; background-color: #f0e8ff; padding: 1px 18px 2px 18px;">
      <b>
        소제목
      </b>
  </span>
</h2>
<span style="font-family: 'Noto Sans Demilight', 'Noto Sans KR';">
	안녕하신가용
</span>

 

 

 


 

 

서식관리에서 지정해주면 된다.

 

언제든지 불러올 수 있다.

 


개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.

 

Comments