티스토리 반응형 스킨 | JB Magazine For Tistory > 설치 및 설정 - V0.1.2 이하

설치

티스토리 스킨 설치는 http://www.cmsfactory.net/node/10244를 참고하세요. 주의할 점은 images 폴더 안의 파일도 모두 업로드해야 한다는 것입니다.

모바일웹 스킨 설정

티스토리 관리자에서 모바일웹 스킨을 Off로 설정합니다.

스킨 옵션

skin.html에 스킨 옵션(Skin Options)이 있습니다.

var jbUseExcerpt = 0;             // Yes -> 0, No -> 1

첫화면에 최신 글을 요약글과 함께 출력할지를 정합니다. 0이면 출력하고 1이면 출력하지 않습니다.

요약글을 사용할 경우 다음과 같이 설정하세요.

  • jbUseExcerpt의 값을 1로 설정하세요.
  • [화면 설정 - 티에디션]을 [사용하기]로 설정한 후 첫화면에 하나의 구성요소만 넣으세요. 더 넣어도 첫화면은 잘 나오지만, 적을수록 속도가 빠릅니다.
  • jbUseExcerpt의 값을 0으로 설정하세요.
var jbExcerptNumber = 8;

요약글을 사용할 경우 출력할 글의 개수를 정합니다.

첫화면은 RSS로 발행된 글을 이용하여 만듭니다. 따라서 글을 작성해도 RSS로 발행되지 않았다면 첫화면에 나오지 않습니다. 또한 RSS 갱신 글 개수는 스킨 옵션의 첫화면 글 출력 개수(jbExcerptNumber)보다 크거나 같아야 합니다.

글 공개/발행과 RSS 출력과의 관계는 http://www.cmsfactory.net/node/11714를 참고하세요.

var jbExcerptTextSize = 80;

요약글을 사용할 경우 요약글에 나올 글자수를 정합니다.

var jbUseExcerptSearch = 0;       // Yes -> 0, No -> 1

검색 결과에 썸네일을 출력할지를 정합니다. 0이면 출력하고 1이면 출력하지 않습니다.

var jbShowSlider = 0;             // Yes -> 0, No -> 1

첫화면 슬라이더 사용 여부를 정합니다. 0이면 사용하고, 1이면 사용하지 않습니다.

자세한 슬라이더 사용법은 http://www.cmsfactory.net/node/11350에 있습니다.

SNS

SNS는 skin.html의 다음과 같은 코드로 만들어집니다.

<div class="jbSidebar jbSidebarSns">
  <h2>Follow Me</h2>
  <ul class="clearfix">
    <li><a href="#" class="jbSns jbSnsTwitter"><i class="fa fa-twitter"></i></a></li>
    <li><a href="#" class="jbSns jbSnsFacebook"><i class="fa fa-facebook"></i></a></li>
    <li><a href="#" class="jbSns jbSnsGooglePlus"><i class="fa fa-google-plus"></i></a></li>
    <li><a href="[##_rss_url_##]" class="jbSns jbSnsRss"><i class="fa fa-rss"></i></a></li>
    <!-- <li><a href="#" class="jbSns jbSnsYouTube"><i class="fa fa-youtube"></i></a></li> -->
    <!-- <li><a href="#" class="jbSns jbSnsInstagram"><i class="fa fa-instagram"></i></a></li> -->
    <!-- <li><a href="#" class="jbSns jbSnsVimeo"><i class="fa fa-vimeo-square"></i></a></li> -->
    <!-- <li><a href="#" class="jbSns jbSnsLinkedIn"><i class="fa fa-linkedin"></i></a></li> -->
  </ul>
</div>

RSS 이외의 SNS에는 링크가 #으로 되어있습니다. 자신의 링크로 바꿔주세요.

YouTube 등 4개의 SNS는 주석(<!-- -->)처리되어 있습니다. 주석을 제거하여 사용하실 수 있습니다.

2차 주소 사용시 추가할 코드

2차 주소를 사용한다면 http://www.cmsfactory.net/node/11660의 안내대로 몇 줄의 코드를 추가하는 것이 좋습니다.

Created on 2015-10-14 11:40 | Updated on 2016-03-23 20:01

이 글을 공유하기

Kakao

티스토리 스킨 by CMS Factory

Book navigation