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

설치

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

모바일웹 스킨 설정

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

글 출력 설정

[화면설정 - 화면출력]에서

  • [기본화면]에서 글 개수를 정합니다. 이 개수만큼 첫화면에 글 목록이 만들어집니다.
  • [선택화면]에서 글 개수를 정하고, [목록+내용]으로 설정합니다.

티에디션 해제

티에디션을 사용하고 있다면 사용 해제를 해야 첫화면이 반응형으로 제대로 나옵니다. 만약 사용하는 것으로 설정되어 있다면 [화면설정 - 티에디션]에서 사용 해제하세요.

슬라이더 설정

skin.html에 다음과 같은 코드가 있습니다.

var jbShowSlider = 0;

jbShowSlider의 값이 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는 주석(<!-- -->)처리되어 있습니다. 주석을 제거하여 사용하실 수 있습니다.

Created on 2016-03-23 19:37 | Updated on 2016-03-23 20:01

이 글을 공유하기

Kakao

티스토리 스킨 by CMS Factory

Book navigation