본문 바로가기

Blog/티스토리스킨

웹 반응형 티스토리 스킨 적용 후 가장먼저 설정해야 될 썸네일 최신글 수정하기.

마크쿼리 웹 반응형 무조건 설정해야 되는 것

Spider’s Web 3.0.5 기준으로 작성했습니다.

다운로드한 스킨을 적용한후 처음으로 해야될부분입니다.
적용하고 스킨을 확인하면 사이드바에 썸네일 형식에 최신 글목록 부분이 있습니다.
이분을 지정 안 하면 자신의 글이 나오지 않고 처음 설정된 마크쿼리님 글이 나옵니다. '';;
사용 안 하신다면 상관이 없지만 사용하시면 바꿔야 됩니다?


썸네일최신글


  1. 티스토리 관리 페이지에서 꾸미기 > HTML/CSS 편집 skin.html 부분에서 수정
  2. 나머지 선택

썸네일최신글수정



티스토리 관리 페이지 꾸미기에 HTML/CSS 편집에 skin.html에서 밑으로 쭉 내리면 위에 같은 부분이 나옵니다.
표시된 부분을 자신의 티스토리 RSS주소를 복사해서 붙여넣기하면 끝!!


<script>
//<![CDATA[
   jQuery(function($) {
        $(".widget-feed").rss("http://blog-pleur.tistory.com/rss", {
          limit: 5,
          effect: 'slideFast',
          layoutTemplate: '<ul class=\"media-list\">{entries}</ul>',
            entryTemplate: '<li class=\"media\"><a class=\"pull-left\" href=\"{url}\"><img class=\"media-object media-thumbnail\" src=\"{featuredImageUrl}\" alt=\"{featuredImageAlt}\"></a><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"{url}\">{title}</a></h4><small>{kdate}</small></div></li>'
        })
      })


$(".widget-feed").rss("http://blog-pleur.tistory.com/rss" 부분에 $(".widget-feed").rss("http://blog-pleur.tistory.com/rss/xml" 로 설정

xml 붙이는 거는 얼마 전 3.0.5 업데이트때...
썸네일 지원 최신 글 목록을 위한 rss 주소는 http://도메인/rss/xml입니다. 최신 글이 나타나지 않거나 딜레이가 되는 부분이 해결될 것입니다.
하지만 사용해본 결과... 차이가 없어서 선택사항인 듯



limit: 5, 부분에 숫자가 썸네일 최신 글 개수를 지정하는 것이니까 원하는 수만큼 수정



<small>{kdate}</small> 부분을 삭제하면 썸네이 최신 글에서 날짜를 제거할수있음



<p><a href=\"{url}\">{shortBodyPlain}</a></p>

이소스를 <small>{kdate}</small> 뒷부분에 입력하면 일부분의 본문 내용이 나옵니다.


Plus

RSS 주소만 바꿔주면 되는데 괜히 이것저것 적어서 헷갈리는 거 아닌가 생각도 듭니다.
하지만 섬네일 최신 글에 날짜 삭제랑 본문 내용 부분 넣고 싶어 하는 분이 있는 걸 알기에 끄적끄적 몇 자 적었습니다.
헷갈리거나 잘 모르겠다면... 댓글이나 방명록으로 문의하셔도 됩니다 ^^

그리고, 오른쪽 마우스 잠금 기능을 해제를 할까? 말까 고민되는데 어떤게 좋을까요? ㅎㅎ