whatever(왓에버) 스킨 인기글 적용하기

티스토리에 커버스킨이 나오면서 인기 글을 사이드바에 적용할 수 있는 치환자가 생겼습니다. 얼마 전 까지만 해도 이 기능이 모바일 버전에만 있고 PC나 반응형 버전에는 없어 자바스크립트를 이용해 모바일 버전에 있는 이 블로그 인기 글을 파싱해서 사용할 수 있는 소스를 만들어서 배포 했었는데 참 반가운 기능입니다.

왓에버 스킨 하단에 인기글 넣기

가장 간단한 방법으로 인기 글을 블로그 하단 사이드바에 넣는 방법입니다.

블로그관리 홈으로 가서 꾸미기 > 스킨편집 HTML 편집 창으로 갑니다.

편집 창 아무 곳에다 커서를 위치시키고 단축키 Ctrl + F + <!-- 최근 포스트 --> 을 찾습니다.

아래 코드를 복사해서 최근 포스트가 끝나는 곳 아래에 붙여넣기 합니다.

<s_sidebar_element>
    <!-- 인기 포스트 -->
    <div class="posts">
        <h2>인기 포스트</h2>
        <ul>
            <s_rctps_popular_rep>
                <li><a href=""></a></li>
            </s_rctps_popular_rep>
        </ul>
    </div>
</s_sidebar_element>

아래 이미지 참고

저장(적용)하고 나옵니다.

블로그관리 홈 > 꾸미기 > 사이드바로 이동합니다.

기본 모듈에 인기 포스트가 생성된 게 보입니다.
기본 모듈에 있는 인기 포스트를 드래그해서 사이드바1 최근 포스트 위 또는 아래에 넣습니다.

저는 최근 포스트 밑에 넣었습니다.

이제 변경 사항을 저장하고 나와서 블로그로 가서 하단 사이드바에 잘 적용이 되었는지 확인합니다.

참고사항

인기 포스트의 글(포스팅)수나 글자 수를 따로 설정 할 수는 없고 최근 글 설정을 통해 설정해야 합니다. 티스토리 측에서 인기 글 치환자를 만들면서 이 부분까지는 고려하지 못 한듯합니다.

• 티스토리 가이드 인기글 치환자 : https://tistory.github.io/document-tistory-skin/sidebar/popular_post.html