티스토리 블로그 사이드바 최근글/인기글 → 인기글/최근글로 바꾸기

티스토리 블로그 사이드바의 최근 글과 인기글을 보여주는 순서를 바꾸는 방법을 소개하려고 한다. 이걸 굳이 바꿀 이유가 있나? 싶을지도 모르지만 바꿨을 때가 더 좋다!라고 생각할 만큼 나는 만족도가 높았기 때문에 알아둬도 좋은 방법이다.

 

---

 

홈 화면 리스트에서 보이는 최근글, 그 옆 사이드바에 또 보이는 최근 글

 

요즘 블로그를 꾸미면서 가장 거슬렸던 것이다. 홈 화면에 들어갈 때마다 최근 글이 보이는데 사이드바에서 또 최근글이 보이는 것이 너무 공간 낭비 같았기 때문이다. 물론 인기글도 볼 수 있지만 탭을 눌러야 볼 수 있었다. 그래서 최근글/인기글 기능을 빼버릴까도 생각했지만 나나 사람들이 홈 화면에서만 머무르지는 않기 때문에 어리석은 생각이었다. 

 

인기글부터 보이게 할 수는 없을까?

 

인기글부터 보여주게 할 수 있다면 홈 화면 리스트와 겹치는 내용을 보여주지도 않고 홈 화면이 아닌 페이지에 있을 때 최근글이 보고 싶다면 탭을 누르기만 하면 되기 때문에 내가 하는 고민의 해결방법으로 적당했다. 

 

스킨 편집 HTML 화면으로 들어가서 사이드바 최근 글/인기글 기능을 제어하는 태그인 <div class="post-list tab-ui"> 를 찾는다. 651번째 줄에 위치하고 있었다. 나는 이미 최근글/인기글 순서를 변경시켜 주었기 때문에 인기글 태그가 앞에 나와 있지만 보통은 최근 글이 앞쪽에 위치하고 있을 것이다. 인기글 태그인 <div id="popular" class="tab list"> 에서부터 </div>까지 쭉 잘라내기 해준 후 <div class="post-list tab-ui"> 바로 아래에 붙여 넣기 해주자. 그러면 위의 사진처럼 인기글 태그가 앞쪽에 오도록 순서가 변경된다. 

 

 

참고로 최근 글 태그는 <div id="recent" class="tab-list">에서 683번째 줄 </div>까지이다. 밑에 </div>가 왜 하나 더 있는지 궁금한 사람이 있을까 봐 설명하자면 </div>는 div로 시작하는 태그를 닫아준다는 뜻이다. 그래서 위에 아직 닫지 못한 <div class="post-list tab-ui"> 를 닫아주는 역할을 하는 것이다. </div> 두 개가 잘 닫혀있는지 확인 후 적용을 클릭한다. 

 

 

 

정상적으로 완료했다면 이렇게 따로 클릭하지 않아도 인기글부터 보이게 된다. (스킨은 북클럽)