티스토리 반응형웹 스킨 skeleton 의 최근글과 Copyright 수정하기

Tip!/티스토리

티스토리 반응형웹 스킨 skeleton 을 본인의 블러그에 맞추자.


이전 포스트에서는 skeleton 을 처음 블러그에 적용해서 메뉴바를 구성하는것에 대해서 알아 봤습니다. 다들 수정은 잘 하셨나요? 생각만큼 어렵지는 않을 겁니다. ^^ 오늘의 계획은 포스트 공유에 대해서 작서을 할 생각이었으나, 빠트리고 넘어간 부분이 있어 간단하게 작성 하겠습니다. 처음 skeleton 스킨을 처음 설치 Recent Articles (최근글) 에 스킨 제작자인 Markquery 님의 글이 표시되는 것을 자신의 블러그 글로 변경하는 것과 블러그 하단의 Copyright 조금 변경해보도록 하겠습니다.



Recent Articles (최근글) 수정하기


Recent Articles (최근글) 을 자신의 블러그 글로 변경하기 위해서는 skin.html 을 수정해야 합니다.skin.html 수정은 이전 포스트에서 설명드린데로 자신의 관리자 페이지 HTML/CSS 에서 가능 합니다.


<script>
   jQuery(function($) {
        $(".widget-feed").rss("http://markquery.com/feed", {
          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=\"{teaserImageUrl}\"></a><div class=\"media-body\"><h4 class=\"media-heading\"><a href=\"{url}\">{title}</a></h4></div></li>'
        })
      })
</script>

Recent Articles (최근글) 을 수정하기 위해서 http://markquery.com/feed 단어를 검색 합니다. 첨부한 코드 내용과 같이 Recent Articles (최근글) 에 포스트 대표이미지를 포함한 내용을 표기하는 script 를 확인할 수 있습니다. 여기서 수정해야 할 부분은 script 두번째줄의 Markquery 님의 홈페이지 주소 입니다. 해당 주소를 http://자신의 블러그 주소/feed 로 변경하고, 저장을 하시면 됩니다. 예를들어 글쓴이가 수정을 한다면 http://jaebok.tistory.com/feed 이 되겠죠!



최근글


수정을 완료하신후에 블러그에서 Recent Articles (최근글) 을 확인해보시면 자신의 최근글이 대표 이미지를 포함해서 이쁘게 표시되는 것을 확인하실수 있습니다. ^^


NOTE
포스트 작성시 대표 이미지는 포스트 공유, 모바일 페이지, 최근글 등 다양하게 사용이 되니 포스트의 내용과 가장 크게 부합되는 이미지를 선택하는게 좋습니다.




블러그 하단부 Copyright 수정하기


이번에는 블러그 하단의 Copyright 에 자신의 블러그 이름과 연결할 주소를 수정해 보겠습니다.


<div class="source-org vcard copyright">
	<!-- Your Footer Here / http://microformats.org/profile/hcard-->
	<div class="row">
	<div class="col-xs-12">
	<p>Copyright © 2013 <a class="org fn url" href="#" target="_blank">your brand</a>, company. Terms Privacy Security Contact</p>
	</div>
	</div>

에디터에서 Copyright 단어를 검색 하시면, 첨부한 코드 내용과 같이 블러그 하단부의 내용을 확인할 수 있습니다. 여기서 수정해야 할 부분은 두가지 입니다. 먼저 http://#" 부분에서 # 을 지우고 자신의 블러그 주소를 입력 합니다. 두번째는 your brand 에 자신의 블러그 타이틀 을 입력 합니다. 그리고 뒤의 compa~ 문구 는 원하는데로 수정 하시면 됩니다.


NOTE
바로 밑에 있는 <!-- MARKQUERY AND OPENSOURCES LICENSE --> 부분은 skeleton 스킨을 무료로 이용하고, 본인이 수정을 할수는 있지만은... 꼭 표기해야 하는 부분이니 수정하시면 안됩니다.


Copyright 가 표기된 바로 밑에 자신이 원하는 문구가 있으면 얼마든지 추가 하셔도 됩니다. 글쓴이는 저작권 표시인 CCL(creativecommons) 을 표기하고 링크를 걸었습니다. 이외에도 자신이 알리고자 하는 내용들 예를 든다면 이메일 주소, 페이스북 주소, 연락처, 접속자 카운트 등 조금만 응용을 하시면 얼마든지 쉽고 간편하게 꾸밀 수 있답니다. ^^


CCL


이렇게 해서 수정한 글쓴이의 하단부를 보면... 어떤가요? 깔끔한가요?


어제 오늘 일이 너무 바뻐서 오늘 내용은 여기서 마무리 하도록 하겠습니다. 누군가는 바쁘면 좋은거라고 하던데~ 정말일까요?



글쓴이의 다른 포스트 보기