본문 바로가기
일상/블로그 관리

티스토리 블로그 북클럽 스킨 - 최근글 인기글 분리

by 당신의 마법사 2020. 5. 14.

티스토리 북스킨 인기글 최근글 분리시키기 


티스토리 스킨중에서 북스킨을 가장 좋아합니다. 반응형에다가 깔끔하고 심플하거든요. 하지만 몇군데 손을 봐줘야합니다. 가장먼제 눈에 거슬렸던건 썸네일이였습니다.  썸네일 사이즈 변경은 아래 포스팅을 참고해주세요. 

[일상/블로그 관리] - 티스토리 블로그 북클럽 스킨-썸네일 크기 변경

그 다음은 블로그에서 유입된 후 유출되지않도록 머무를 수 있는 시간을 늘려야합니다. 그럴려면 컨텐츠가 많이 노출되어야하는데 북스킨은 인기글과 최근글이 클릭을 해야 볼 수 있도록 되어있어서 분리 시키기로 마음 먹었습니다. 

기존에는 최근글 인기글이 묶여있어서 인기글을 보려면 클릭을 해야된다는 단점이 있습니다. 또한 인기글이 더 클릭할 확률이 높은데 노출이 안되어 아쉽네요. 변경 후 모습이 보이시나요? 확달라 졌습니다. 더 많은 콘텐츠가 노출되어 클릭을 더 유도 할 수 있습니다. 

방법은 간단합니다. 스킨편집으로 들어가서 html을 수정해주시면됩니다. 

1. 스킨편집- HTML 탭으로 들어갑니다. 

2. HTML탭에서 Ctrl + F 찾기를 합니다. 

3. post-list tab-ui 를 검색을 합니다. 

4. 아래와 같이 <div class="post-list tab-ui">부분을 <!--div class="post-list tab-ui"--!>으로변경을 합니다. 


5. 적용을 눌러줍니다. 


추가 팁으로 인기글과 최근글 <div id="popular" class="tab-list">~<.div>:인기글 과 <div id="recent" class="tab-list">~<.div>:최근글 위치를 바꿔주면 리스트 순서가 변합니다. 또한 한글로 되어있는 인기글과 최근글을 다른 단어로 변경시주줘도 됩니다. 어려워보이지만 한번 해보시면 쉽게 하실 수 있습니다. 이쁜블로그를 꾸며서 보시길 바랍니다. 감사합니다. 


댓글