예전에 Whatever 스킨 설정법에 대해 자세히 정리해 드린 적이 있었는데요,
2019/05/10 - [티스토리+애드센스] - 티스토리 Whatever 스킨 설정 방법 총정리
티스토리 Whatever 스킨 설정 방법 총정리
지난 시간에 이어 티스토리 두번째 따라하기 안내글입니다. 지난 시간에는 왜 반응형 스킨을 선택해야 하는지, 실제 본격적으로 글을 쓰기 전 스킨 선택 꿀팁에 대해 글을 썼었는데요, 2019/05/09 - [티스토리+애..
happynlucky.tistory.com
계속 손보다가 메뉴를 활용한 카테고리 방식을 버리고, 스킨 윗 부분에 아예 카테고리를 넣는 식으로 스킨을 변경하였습니다.
(추후에 다시 메뉴방식으로 돌아갈 수도 있지만, 일단 현재는 이 상태를 유지하려고 합니다.)
카테고리 넣는 방식은 100% 원더바웃 님의 글을 참고하였구요
해당 사이트 링크만을 넣을까 했으나,
초보자가 따라하기에는 조금 어려울 수 있어 정말 초보자도 따라 할 수 있게끔 조금 보완하였습니다.
자, 시작해봅니다!
1. 원더바웃님이 만든 코드 복사하기
https://wonderbout.tistory.com/39
이곳 가셔서 코드를 복사 합니다.
번거로우신 분들은 아래의 파일 다운 받으신 후 복사하시면 됩니다.
2. 블로그 관리 - 스킨편집 - html편집 - CSS 로 간 뒤, 최하단에 복사한 코드 붙여넣기
제 스킨의 경우 2958번째 줄이 기존 CSS의 마지막 줄이었습니다.
엔터 치고, 그 밑에 복사한 코드를 붙여 넣으시면 됩니다.
이 단계에서는 굳이 적용 누르실 필요 없습니다.
3. CSS 왼쪽에 위치한 HTML에서
찾은 뒤, 윗 줄에
넣어주기
Ctrl + F 를 활용하여
찾은 뒤, 그 윗줄에
를 입력하셔도 되지만,
익숙하지 않은 분들은 그냥 스크롤바를 밑으로 내리셔도 금방 찾으실 수 있습니다.
Ctrl + F 를 활용하여 찾다가, 자칫 잘못하면 HTML 코드가 망가질 수 있기 때문에,
처음 티스토리 시작하시는 분들은 그냥 스크롤바 내려서 찾는 것을 추천드립니다.
4. 적용 후 새로고침 하며 카테고리 보이는 지 확인
새로고침을 하셨다면 아래 화면처럼 카테고리가 위에, 밑에는 메뉴가 나오는 것을 확인하실 수 있을 것입니다.
만약, 이런 식으로 화면이 뜨지 않는다면, HTML이나 CSS에서 무언가를 건드려서 변경되는 대참사가 발생한 것이므로,
스킨을 아예 처음부터 다시 Whatever 로 변경 후 사용하시기 바랍니다.
제 블로그를 통해 따라하시는 분들은 아직 웹마스터 도구에 등록하지 않으셨기 때문에 스킨변경해도 상관 없으니 걱정마시고 오류 발생시 그냥 처음부터 다시 시작하시길 바랍니다.
물론 이경우 커버를 다시 만들어야 하는 번거로움은 발생합니다.
5. 카테고리만 사용 vs 메뉴의 방명록도 추가로 사용 결정
1) 카테고리만 사용
4번 화면 보시면, 카테고리와 메뉴가 동시에 나오기 때문에 보기 싫은 것을 느끼실 겁니다.
메뉴 관련
를 지우게 되면 카테고리만 보이게 되지만, 이 경우 방명록을 사용하실 수 없습니다.
따라서, 방명록이 필요 없다면,
아예 삭제 하시고 쓰시면 되고, 방명록 있는 게 좋다는 분은 다음 따라하시면 됩니다.
2) 메뉴의 방명록도 사용
메뉴에 가셔서 다 삭제후 방명록만 남겨 놓으시면 됩니다. 이렇게 하면 카테고리 + 방명록까지 모두 사용 가능합니다.
6. 카테고리별 글 수 및 새글 발행 여부 표시 결정
카테고리내에 글 갯수가 보기 싫은 분들은 콘텐츠 - 카테고리 관리 들어가셔서 수정하시면 됩니다.
<맺는 말>
어떻게 잘 따라하셨나요?
도움 되셨다면 ♥공감+α 꾹 부탁드리며, 궁금한 점은 언제든 댓글 주세요 :)
'티스토리+애드센스' 카테고리의 다른 글
| 애드센스 약 한 달 차(25일 차) 수익 보고 (0) | 2019.06.04 |
|---|---|
| 구글에 티스토리 등록 및 검색 노출시키는 방법 (49) | 2019.05.30 |
| 네이버에 티스토리 등록 및 검색 노출시키는 방법 (0) | 2019.05.30 |
| 티스토리 사이트맵 제대로 만들기, 티스토리 사이트맵 주소 확인하기 (23) | 2019.05.25 |
| 티스토리 한달차, 애드센스 10일차 수익 보고 및 애드센스 기밀유지 약관 안내 (2) | 2019.05.17 |
| 오류 덩어리 티스토리 (0) | 2019.05.17 |
| 티스토리 블로그 인터넷에서 검색되게 하는 방법 (8) | 2019.05.14 |
| 티스토리 Whatever 스킨 설정 방법 총정리 (19) | 2019.05.11 |