티스토리 글을 작성하다 보면 제목을 나만의 스타일로 넣고 싶을 때가 많다.
인터넷에 찾아보면 다양한 스타일을 제공해 주는 블로그들이 많은데, 스타일만 알려주고 넣는 방법은 건너뛰는 경우가 있다.
내가 찾은 티스토리 글 제목에 스타일을 넣는 방법은 간단하게 2가지가 있다.
미리 정의한 서식을 이용한 방법, 스킨 편집의 html 편집(css)을 이용한 방법이 있다.
서식을 이용한 방법
1. 블로그 화면에서 관리 페이지로 접속한다.
관리 페이지로 접속하는 방법은 2가지가 있다.
- 티스토리 주소/manage 접속
- 티스토리에서 키보드 Q를 클릭하여 접속
2. 좌측 사이즈 메뉴 콘텐츠에 서식 관리 클릭
3. 우측 상단 서식 쓰기 클릭
4. 우측 상단 기본모드 클릭 후 HTML 클릭
HTML로 편집 모드를 변경 후 HTML 코드를 입력하여야 서식이 적용된다.
5. 원하는 서식 입력
6. 좌측 아래 미리보기 클릭
7. 미리보기를 통해 적용될 서식 확인
8. 글쓰기에서 상단 우측 점 3개 클릭 후 서식 클릭
9. 서식 선택
10. 서식이 적용된 제목에 내용 넣기
스킨 편집의 html 편집(CSS)을 이용한 방법
1. 블로그 화면에서 관리 페이지로 접속한다.
2. 좌측 사이드 메뉴 꾸미기에 스킨 편집을 클릭
3. 우측 html 편집 클릭
4. 상단 CSS 클릭 후 CSS 코드 제일 아래 서식 코드를 넣고 적용 클릭
css 코드는 서식에서 넣었던 html 코드 중 style 부분에 코드를 넣으면 된다.
그리고 나의 경우는 티스토리에서 제공하는 두 번째 반응형 스킨을 사용하였고,
제목1에 해당하는 태그 수정은 ".area_view h2" 을 이용하여야 하지만
다른 스킨의 경우는 태그를 찾아서 수정해야 한다.
5. 글쓰기에서 제목을 작성 후 상단 문단 모양을 적용하고 미리보기 클릭
각 내용 별 문단 모양을 제목1, 제목2, 제목3으로 적용
6. CSS 코드를 적용한 제목1만 스타일이 적용
더보기
태그별 문단모양
- h1 큰제목
- h2 제목1
- h3 제목2
- h4 제목3
티스토리 글 제목 스타일을 적용하는 2가지 방법을 알아보았다.
2가지 다 장단점이 있기 때문에 쓰기 편한 방법을 사용하면 된다.
※ 서식을 이용할 경우 글쓰기 때마다 서식을 가져와야 하는 불편함이 있지만, 다양한 스타일로 서식을 만들어서 쓸 수 있다.
CSS을 적용할 경우 모든 글에 적용되므로 글마다 스타일을 적용할 필요 없지만, 글마다 스타일을 따로 하고 싶을 때 개별 적용해야 하는 불편함이 있다.
반응형
