본문 바로가기
고부가가치사업 이야기/티스토리를 꾸며보자

티스토리 썸네일 서식으로 편하게 추가, 카테고리 별로 글 작성하기

by 무는슬이 2018. 12. 7.

누구나 쉽게 시작할 수 있는 티스토리


안녕하세요 버블입니다.


지난 포스팅에서는 티스토리 블로그 사이드바 수정과 카테고리 추가하는 방법에 대해서 알아보았습니다.

이전 포스팅을 보지 않으신 분들은 아래의 링크를 통해 지난 포스팅 목록으로 이동하실 수 있습니다.


티스토리 이야기


이번 포스팅에서는 썸네일을 편하게 삽입하는 방법과

지난번 추가했던 카테고리에 맞게 포스트를 작성하는 방법에 대해서 알아보겠습니다.


우선 제 포스팅을 보시면 썸네일이 존재합니다.

썸네일이란 아래 이미지들과 같이 글의 미리보기와 같은 개념입니다.

각자 적용한 스킨마다 다르겠지만 글을 작성하면 블로그 화면에서 글의 왼쪽에 위치하는 작은 이미지 입니다.





썸네일을 사용하려면 한 장의 이미지가 필요합니다.

저같은 경우에는 아래와 같이 포토샵을 통해 주제에 맞게 여러개의 이미지를 제작했습니다.

썸네일은 메인이 되는 이미지, 즉 대표하는 이미지이기 때문에 신중하게 고르시는 것이 좋습니다.

자신이 작성한 글의 주제와 맞는 깔끔한 썸네일을 사용해야 합니다.


   


썸네일을 결정했으면 이제 글을 작성할 때 등록해야 합니다.

글을 작성할 때 가장 최상단, 즉 제일 먼저 첨부한 이미지가 글의 썸네일로 적용이 됩니다.

하지만 매번 글을 작성할 때 마다 이미지를 첨부하면 약간 번거로움이 있게 됩니다.

이 과정을 생략하고 편하게 썸네일을 삽입하는 방법에 대해서 알아보겠습니다.


우선 관리모듈의 콘텐츠 탭의 서식 관리를 클릭해 보겠습니다.



서식관리를 클릭하면 아래와 같은 창이 활성화 됩니다.

제 TEST 블로그에도 서식이 없기 때문에 등록된 서식이 없다는 문구를 볼 수 있습니다.

우측 상단의 서식쓰기를 클릭해 보겠습니다.



서식 쓰기를 클릭하면 아래와 같이

글쓰기 창이 활성화 되며 제목 아래에 위치한 사진 버튼을 클릭해 주시면 됩니다.



사진 버튼을 클릭해주시면 다음 포토업로더라는 작은 창이 생성되며

사진추가하기를 눌러 아까 만들어 놓거나 구해놓은 썸네일 이미지를 추가하시고

우측 하단에 위치한 사진 올리기 버튼을 클릭하시면 됩니다.

저도 테스트 블로그용 서식을 하나 만들어 보았습니다.



서식이미지가 추가된 모습입니다.

자신이 알아보기 쉽게 제목을 입력해 주시면 됩니다.

저는 TEST라고 입력해 보겠습니다.



여기서 한가지 더 해야할 일이 있습니다.

업로드 된 서식 이미지를 클릭하면 블록이 잡히며 우측에 이미지에 관한 정보가 활성화 됩니다.

여기서 대체 텍스트에 아까 적은 제목과 같은 텍스트를 입력해 주셔야 합니다.

이 대체텍스트를 입력하지 않아도 서식이 표시되는데는 문제가 없지만

하지만 사용자가 검색을 할 때 웹사이트에서 이미지는 그저 한장의 이미지일 뿐입니다.

만약 사용자가 검색을 할때 검색어에 우리가 입력해 놓은 대체 텍스트의 문구가 일치한다면

이 서식의 글이 함께 노출되게 됩니다.

즉 쉽게 말하자면 검색결과 노출을 도와주는 개념입니다.


대체 텍스트 입력을 완료했으면 바로 아래 위치한 확인을 클릭해 저장하고

포스트를 발행해 주시면 됩니다.



방금 추가한 서식이 추가되어 있는 모습을 볼 수 있습니다.

이제 이 썸네일을 어떻게 쉽게 추가하는지 알아보기 전에 글을 작성하는 방법도 같이 알아보겠습니다.



블로그 관리모듈의 쓰기를 클릭하면 포스팅을 진행할 수 있습니다.



쓰기를 클릭하면 아까 서식과 비슷한 글쓰기 창이 활성화 됩니다.

여기서 왼쪽 상단의 분류 전체보기 부분을 클릭하시면 이전에 추가해 놓은 카테고리들이 나타납니다.

현재 작성하고자 하는 글의 주제에 맞는 카테고리를 설정한 뒤 제목을 입력해 주시면 됩니다.

카테고리를 설정한 뒤 작성하는 글들은 해당 카테고리에 나타나게 됩니다.



글을 쓰기 전 제일먼저 썸네일을 추가해야 합니다.

썸네일을 추가하기 위해서는 이미지를 첨부하는 방법이 있지만

우리는 그런 번거로움을 생략하기 위해 서식을 미리 등록해 놓았기 때문에 서식을 추가하는 방법을 알아보겠습니다.

우측 하단의 서식탭을 클릭하면 아까 등록해 놓았던 서식 TEST가 있는 것을 볼 수 있습니다.

클릭해 주면 썸네일 이미지가 추가가 됩니다. 이제 이어서 글을 작성해 주시면 됩니다.


매번 번거롭게 사진을 추가하지 않고 서식을 등록해 놓은 뒤 클릭 하나만으로 썸네일을 추가할 수 있습니다.

포스팅이 다 끝나면 하단의 발행 버튼을 클릭해서 작성한 글을 발행하시면 됩니다.



만약 서식을 추가 했는데도 썸네일에 이미지가 나타나지 않는다면

글 수정으로 다시 들어간 뒤 우측 파일보관함의 서식 이미지를 찾은 뒤

대표란에 체크해 주시고 재발행 하시면 됩니다.

간혹가다 이렇게 까지 했는데도 썸네일 이미지가 표시되지 않는 경우가 있는데

그럴 때는 본문에서 썸네일을 지워주시고 썸네일 이미지를 직접 추가해주시면 됩니다.



글을 발행한 뒤 사이드바 카테고리 부분에 글이 추가된 모습입니다.

이렇게 원하는 카테고리 별로 글을 분류하여 작성할 수 있습니다.



오늘 포스팅에서는 썸네일 서식으로 추가하는 방법과 카테고리 별로 글 장성하는 방법에 대해서 알아보았습니다.

블로그를 처음 접하시는 분들도 제 글을 보고 쉽게 따라하실 수 있도록

하나하나 완성시켜 가는 방법을 세세하게 설명하는

유익한 포스팅을 할 수 있도록 노력하겠습니다.