본문 바로가기


강좌/tistory

왓에버 스킨 카테고리 만들기

티스토리를 하다 보면 스킨변경에 대한 유혹이 자주 들고는 하는데요. 기본으로 제공하는 스킨 중에서 본인에게 딱 맞는 스킨을 발견하기가 어렵기 때문이 아닐까 생각합니다. 그래서 최대한 자신에게 맞는 스킨을 선택한 후에 조금씩 수정하여 쓰는데요.

 

최근까지 북클럽 스킨을 잘 이용하다가 왓에버 스킨으로 바꾸게 되었습니다. 북클럽 보다 조금 더 가볍고 광고 송출이 잘 된다는 장점 때문이었는데요.

 

하지만 왓에버 스킨은 카테고리 기능이 없습니다. 그래서 사용하지 않고 있다가 최근에 들어 몇 개 카테고리의 글이 많아지면서 찾아서 읽는 분들을 위해 카테고리 기능이 필요하다는 결론에 이르렀습니다. 그래서 찾은 방법을 알려드릴까 합니다.

 

 

 

 

1. 왓에버 스킨 카테고리 만들기 개요

왓에버 스킨은 사이드바가 PC나 모바일 환경 모두 하단에 있습니다. PC에서는 글 하단에 좌에서 우로 3개가 나열되고 모마일에서는 글하단에 위에서 아래로 3개가 나열되는 형태입니다.

 

이 사이드바를 이용하면 글 하단부에 카테고리를 만들 수 있는데요. 바로 사이드바 기본 모듈에 있는 '최근 포스트'를 '카테고리'로 바꾸어 주면 사이드바에 카테고리 기능을 송출시킬 수 있습니다.

왓에버 스킨 카테고리왓에버 스킨 카테고리
왓에버 스킨 카테고리 만들기(좌:변경 전, 우:변경 후)

 

 

 

 

2. HTML수정

왓에버 스킨 카테고리

관리자 페이지에서 >> 꾸미기 >> 스킨편집 >> html편집

 

 

 

왓에버 스킨 카테고리

Ctrl + F를 눌러 '최근 포스트'를 검색합니다. 그럼 '최근 포스트'글자가 두 번 나타나는데요. 위 사진에서 빨간색 네모칸 1, 2, 3이 모두 바꾸어야 할 부분입니다.

 

1번 '최근 포스트'는 >> '카테고리'로 바꾸어 줍니다.

 

2번 '최근 포스트'는 >> 'CATEGORY'로 바꾸어 줍니다.

 

3번 네모칸은 모두 삭제하고  아래와 같이 바꾸어 줍니다.

 

 

 

왓에버 스킨 카테고리

3군데를 수정하시면 이렇게 html이 바뀌게 됩니다.

 

 

 

 

3. 사이드바 설정

왓에버 스킨 카테고리

'관리자 페이지 >> 사이드바'로 들어갑니다. 저는 사이드바 2에는 수동으로 애드센스 광고를 넣고 있었는데요. 사이드바 1에는 '검색'기능을 사이드바 3에는 새로 생긴 '카테고리'기능을 넣어 줍니다. + 버튼을 누르시면 됩니다.

 

 

 

왓에버 스킨 카테고리

이렇게 한 후 변경사항 저장을 눌러 주세요.

 

 

 

 

4. 최종확인

위의 작업을 모두 끝내셨으면 내 글로 들어가 카테고리가 잘 나오는지 확인해 줍니다.

 

 

PC화면

왓에버 스킨 카테고리

사이드바 1,2,3의 순서는 검색 > 광고 > 카테고리입니다. 좌에서 우로 순서대로 잘 나오고 있습니다. 

 

 

 

모바일화면

왓에버 스킨 카테고리

모바일 화면 역시 사이드바 1,2,3의 순서대로 위에서 아래로 검색 > 광고 > 카테고리 순으로 잘 나오고 있습니다.

 

 


 

 

간단하게 왓에버 스킨 하단에 카테고리가 나오고 있습니다. 다만 저는 최근 포스트 기능을 쓰지 않아서 가능한 방법이었습니다. 유용한 정보였기를 바랍니다.

 

 

 

[함께 읽으면 좋은 글]

 

티스토리 스킨 변경 후기(기본스킨 오디세이, 북클럽, 왓에버 비교)

티스토리 블로그를 운영하다 보면 스킨 변경에 대한 유혹이 한 번은 찾아오는 것 같습니다. 저도 그랬는데요. 가장 최근에 만들어져서 좋을 것이라고 오디세이 스킨을 덥석 선택해 운영해오고

allrepairman.tistory.com