티스토리 블로그 #4, 북클럽 스킨 Book Club 설정하기

티스토리에서는 다양한 스킨을 지원합니다.

오늘은 그 중에서도 제가 처음으로 사용하고 있는 북클럽 스킨 설정하는 방법에 대해 알아보고자 합니다.

 

북클럽 스킨은

도서콘텐츠를 제공하는 출판사 블로그에 추천한다고 되어 있는데

전체적으로 깔끔한 디자인에 사이드바를 지원하여 방문자가 사이트를 이용하기에 편하게 되어 있는 디자인입니다.

 

---

스킨 데모화면입니다.

전체적인 디자인을 확인해 볼 수 있으니 한 번 방문해 보시기 바랍니다.

 

https://skin-demo-0053.tistory.com/

Book Club

---

자 그럼 설정하는 방법을 알아보겠습니다.

블로그 관리 홈 화면에서 스킨편집을 클릭합니다.

그럼 오른편에 아래와 같은 화면이 나타납니다.

 

최신글과 커버를 선택할 수 있는데 우선 최신글에 대해 알아보겠습니다.

 

최신글에 대해 먼저 알아보겠습니다.

홈설정은 홈화면 첫화면에 보이는 글의 갯수와 구성요소를 변경할 수 있습니다.

구성요소는 목록+내용으로 선택하면 되고

홈화면 글수는 원하는 대로 설정하면 되는데 6개가 적당해 보입니다.

 

만약 5개로 설정했다면 아래와 같이 최대 5개만 나타납니다.

다음 기본 설정은 홈화면이 아니 카테고리를 클릭했을 때 보이는 화면을 설정합니다.

홈 설정과 같은 방식으로 간단히 설정할 수 있습니다.

태크 클라우드 순서는 인기순 / 이름순으로 원하시는 것으로 선택하면 됩니다.

3개로 설정했을 때 화면입니다.

 

다음 홈프로모션1~3은 메인화면 제일 상단에 나타나는 이미지 영역을 설정합니다.

총 3가지를 설정할 수 있습니다.

원하는 이미지를 넣고 문구와 색상, 링크 등을 설정하실 수 있습니다.

다음 리스트 영역입니다.

리스트 타입은 북리뷰/베스트셀러/뉴북/뉴스레터 4가지를 선택할 수 있고

더보기 방식은 페이징/더보기를 선택할 수 있습니다.

우선 리스트타입은 순서대로 아래와 같은 디자인입니다.

북리뷰

베스트셀러

뉴북

뉴스레터

더보기 방식은 페이징은 숫자로 더보기는 more로 나타납니다.

페이징

더보기

다음 사이드바는 사이드바의 위치를 좌측과 우측으로 위치를 변경할 수 있고

 

사이드 하단에 페이스북, 트위터, 인스타그램, 유투브등의 링크를 설정할 수 있습니다.

입력하지 않으면 아이콘이 나타나지 않습니다.

푸터는 화면 하단에 외부링크 및 문구를 넣을 수 있습니다.

 

 

마지막 추가설정은 로고를 이미지로 설정할 수 있습니다.

---

마지막으로 홈화면에서 커버를 선택하면

홈화면에 여러가지 카테고리를 다양한 디자인으로 구성을 할 수 있습니다.

커버 아이템 종류는 총 6가지입니다.

기본 리스트

섬네일 리스트

 

뉴스레터

커버 갤러리1

커버 갤러리2

이벤트 배너

원래 기본 설정의 썸네일은 대부분 직사각형으로 구성되어 있는데

스킨편집의 html편집을 통해 정사각형등 원하는 사이즈로 변경이 가능합니다.

다음번에는 썸네일의 크기 설정 방법에 대해 알아 보도록 하겠습니다.