STUDY/티스토리 / / 2022. 7. 10. 12:31

티스토리 꾸미기 - 북클럽 스킨 커버 아이템 활용

티스토리 꾸미기 - 북클럽 스킨 커머 아이템 활용

 

목차

     

    북클럽 스킨-커버 아이템 활용

     

    티스토리 북클럽(Book Club) 스킨 활용하기

     

    티스토리 블로그를 운영 초기에 가장 많이 신경 쓰는 파트는 아마도 '스킨'입니다.

    다양한 티스토리 스킨



    내 블로그를 어떻게 꾸미면 더 보기 좋고 더 예쁠지 생각하시는 분들이 많죠. 대표적인 스킨이 아마도 '북클럽(Book Club)'스킨이 아닐까 합니다. 애드센스 광고 게시 호환도 좋은 편이고 사이드바 활용 등 최적화되어 있는 스킨이죠. 다양한 스킨 종류들이 유/무료로 많이 배포되고 있으나 자기만의 티스토리 블로그를 꾸미면서 기초 코딩 공부도 해보는 것을 추천드립니다. 오늘은 북클럽 스킨 옵션 중 커버 아이템에 대해서 알아보도록 하겠습니다. 설정 후 각각의 썸네일 크기 조정 등 다양한 옵션들 또한 HTML / CSS에서 수정도 가능하니 본인만의 개성 있는 사이트를 구성하는 것도 가능합니다.

    티스토리 스킨 종류 및 특징은 하이퍼링크 달아드리니 확인해보시기 바랍니다.

     

     

    북클럽 스킨 커버 아이템

     

    티스토리 블로그에 많은 북클럽 스킨들을 볼 수 있는데 매번 방문하는 블로그들 마다 '북클럽 스킨 같은데 뭔가 조금 틀리네?'라는 생각을 해보신 적 있지 않으신가요?

    다양한 이미지, HTML / CSS 수정으로 시그니처한 사이트로 탈바꿈하는 것도 가능하지만 아직 입문, 초보의 세계에선 범접할 수가 없습니다. 차근차근 블로그의 기초적인 설정부터 배워나가면서 하나의 파츠들을 수정해나가는 재미도 느껴보셨으면 합니다.

    북클럽 스킨 중에서도 글들의 게시 포지션이 틀린 부분들을 보셨을 거라 생각합니다. 본인이 게시하고 싶은 글들을 모아서 각각의 포지션에 배치도 가능합니다. 북클럽 스킨을 사용한다면 '커버 아이템'을 사용해서 아래처럼 꾸밀 수 있습니다. 

    다양한 커버아이템

     

    기본 리스트, 섬네일 리스트, 뉴스레터, 커버 갤러리 1, 2, 이벤트 배너 이렇게 총 6가지의 종류들을 블로그 홈에 구성하고 각각 배치가 가능합니다. 북클럽 스킨의 커버 아이템은 기본으로 제공되는 옵션으로 쉽게 적용을 하실 수 있습니다. 각각의 커버 아이템은 조금씩 크기나 스타일이 다르니 각자의 블로그에 적용해보시고 이상적인 구도를 잡으시면 됩니다.

     

    커버아이템 설정

     

     

     

    커버아이템 적용 방법

    커버 아이템을 적용하기 위해서는 블로그 관리에서 꾸미기 -> 스킨 편집 -> 커버로 들어가시면 다양한 커버 아이템 추가 및 설정을 할 수 있습니다. 다양한 커버 종류들의 배치가 가능하고 순서 또한 조정이 가능합니다. 블로그 글의 카테고리를 설정 해두셨다면 카테고리 별로 커버를 설정하여 홈 화면에 나타낼수도 있고 최신글, 특정글들만 노출 시킬수도 있습니다. 간단하게 적용이 가능하니 다양한 커버아이템들을 조합 해보시기 바랍니다. 새로고침으로 홈, 글, 카테고리, 태그 등 바뀐 모습을 확인 후 가장 이상적인 구도로 설정 하시면 됩니다.

    스킨편집커버아이템 추가 및 설정



    각각의 커버 아이템들은 조금 더 디테일하게 수정이 가능합니다. HTML / CSS 편집을 활용하여 사이즈, 폰트 크기, 여백, 색상 조정이 가능하니 추후 관련하여 정리하여 포스팅 하도록 하겠습니다. 

    블로그 전체 글씨체를 원하는 웹폰트로 변경하는 파트는 이전 포스팅 링크 달아드리니 참고 한번 해보시면 좋으실듯 합니다.

     

    티스토리 블로그 글씨체 바꾸기 - 웹폰트 사이트 활용

     

    티스토리 블로그 글씨체 바꾸기 - 웹폰트 사이트 활용

    Contents 티스토리 블로그 글씨체 웹폰트로 바꿔보기  티스토리 블로그를 처음 시작했거나 블로그를 막 꾸미기 시작한 분들이라면 블로그 초기 세팅에 관심이 많을 겁니다. 저도 블로그 꾸미기에

    www.hibabinews.com

     

    • 네이버 블로그 공유
    • 네이버 밴드 공유
    • 페이스북 공유
    • 카카오스토리 공유