티스토리 서식 관리 기능 사용하는 방법

티스토리 서식이란 글을 쓸 때마다 반복해서 자주 쓰는 양식을 서식화 해서 저장해 놓고 쓸 때마다 불러오는 방법입니다. 주로 글 중간에 들어가는 에드센스 광고코드, 혹은 앵커텍스트 버튼을 만들때, 혹은 글의 서론 본론 결론을 일정한 포맷화해서 쓸 때 서식 관리 메뉴를 사용하게 됩니다.


  • 핀터레스트  공유하기
  • 카카오톡 공유하기
  • 네이버블로그 공유하기
  • 네이버밴드 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • URL 복사하기

서식 관리

티스토리 서식 관리
서식관리
  • 블로그관리창 – 콘텐츠 – 서식 관리 로 들어갑니다

서식쓰기
서식쓰기

우상단에 있는 서식쓰기 버튼을 누릅니다. 기본적으로 글쓰기와 동일합니다. 다만 저장되는 카테고리가 글관리가 아닌 서식관리라고 생각하시면 됩니다. 아직 등록된 서식이 없기 때문에 서식을 한 번 등록해 보도록 하겠습니다. 버튼을 한 번 만들어보도록 하겠습니다.

버튼 만들기

티스토리에서 링크를 넘길때 시각적으로 버튼을 만들어서 클릭을 하게 하면 CTR을 높일 수 있습니다. 아래와 같은 버튼은 티스토리에서 서식으로 만들어서 링크와 문구를 바꿔서 쓰시면 됩니다.

버튼 문구



제목 작성

제목작성
제목 작성

먼저 서식에 대한 제목을 적습니다. 나중에 서식 불러오기에서 알아보기 편한 제목으로 적어주시면 됩니다.

HTML 코드 붙여넣기

일반 서식이면 바로 글을 써도 되지만 버튼 같은 경우는 html로 변환해서 만들어야 하기 때문에 우상단의 기본모드를 HTML로 바꿔줍니다.

코드 복사
코드 복사
<center>
<p data-ke-size="size16"><a style="background-color: #0040ff; color: #fff; border-radius: 15px; padding: 16px 32px; font-size: 20px; font-weight: bold; text-decoration: none;" href="https://mimmi.tistory.com">버튼 문구</a></p>
</center>

여기서 앵커텍스트에 해당하는 하이퍼링크는 예시로 “https://mimmi.tistory.com”가 들어가 있습니다. 원하는 주소로 바꿔주셔야 합니다.

기본모드 전환

기본모드
기본모드

다시 기본모드로 돌아옵니다.

버튼 문구
버튼 문구 완성

그럼 만들었던 버튼 문구가 이렇게 이쁘게 나와있는 걸 보실 수 있습니다.

서식 저장

완료버튼
완료버튼

마지막으로 완료버튼을 눌러 저장합니다. 일반 글일 경우에는 발행이 되지만 서식은 외부로 발행이 되지 않는 내부 서식으로 저장되게 됩니다.

서식관리
서식관리

그럼 이제 서식관리에서 저장한 서식을 볼 수 있습니다. 서식 저장은 원하는 만큼 만드실 수 있습니다.

관련해서 아랫글도 꼭 읽어보세요.

티스토리 서식 불러오기

그럼 이제 글을 쓰다가 서식을 불러와서 적용해보도록 하겠습니다. 글을 쓰는 방법은 아래 링크를 참조해주세요

서식 불러오기
서식 불러오기

글을 쓰다가 미리 저장한 서식을 불러오려면 상단 우측에 있는 점 세개 버튼을 눌러 두번 째 메뉴인 서식을 눌러줍니다.

서식
서식 선택

그럼 팝업창이 뜨면서 기존에 저장한 서식의 목록이 뜨게 됩니다. 버튼을 선택해보도록 하겠습니다.

버튼 문구
버튼 문구

그럼 버튼 문구가 이런 식으로 나타나게 됩니다. 참고로 버튼 서식을 이런식으로 만들 수도 있고, 제가 개인적으로 서식을 많이 쓰는 경우는 애드센스 본문광고코드를 입력할 때입니다. 애드센스에서 반응형 코드를 서식으로 하나 생성해서 원하는 위치에 수동으로 광고를 넣으시면 됩니다. 지난 글에서 소제목 양식은 서식 기능보다는 CSS로 하는 방법에 대해서는 알려드렸으니 참조하시면 됩니다.

관련글