티스토리 반응형 스킨 | JB Skin 1 For Tistory > V0.2.0 이하 > 설치 및 설정

JB Skin 1 For Tistory는 JB Skin 103 For Tistory로 이름을 바꾸어 개발합니다.

설치

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

모바일웹 스킨 설정

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

스킨 옵션

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

// Skin Options - Start
  var jbUseFront = 1;                // 0 -> Yes, 1 -> No
  var jbFrontCount = 8;
  var jbUseSearchListThumbnail = 1;  // 0 -> Yes, 1 -> No
  var jbExcerptLength = 100;
  var jbShowSlider = 1;
  ..
// Skin Options - End

첫화면 만들기

var jbUseFront = 1;

1을 0으로 바꾸면 썸네일과 요약글이 있는 글목록을 첫화면에 출력합니다.

첫화면 글 출력 개수

var jbFrontCount = 8;

첫화면에 출력될 글 개수를 정합니다.

카테고리 글 목록 등에 썸네일, 요약글 사용하기

var jbUseSearchListThumbnail = 1;

1을 0으로 바꾸면 카테고리 글 목록이나 검색 결과 글 목록에 썸네일과 요약글을 출력합니다.

요약글 길이

var jbExcerptLength = 100;

숫자를 변경하여 요약글 길이를 정할 수 있습니다.

슬라이더

var jbShowSlider = 1;

1을 0으로 바꾸면 첫화면에 슬라이더가 나옵니다.

자세한 사용법은 http://www.cmsfactory.net/node/11350에 있습니다. (JB Magazine 설명서이지만, 사용법은 같습니다.)

첫화면 만드는 방법

var jbUseFront = 1;

이 1로 되어있는지 확인합니다. 만약 0이라면 1로 변경합니다.

[화면 설정]에서 티에디션을 사용하고, 티에디션 구성요소를 한 개만 남기고 다 삭제합니다. (한 개는 남겨야 티에디션이 적용됩니다.)

var jbUseFront = 1;

1을 0으로 변경합니다.

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

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

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

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

SNS 수정

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

<ul>
  <li><a href="#" class="jb-sns jb-sns-facebook"><i class="fa fa-facebook"></i></a></li>
  <li><a href="#" class="jb-sns jb-sns-google-plus"><i class="fa fa-google-plus"></i></a></li>
  <li><a href="#" class="jb-sns jb-sns-twitter"><i class="fa fa-twitter"></i></a></li>
  <li><a href="[##_rss_url_##]" class="jb-sns jb-sns-rss"><i class="fa fa-rss"></i></a></li>
</ul>

#으로 되어 있는 것을 SNS 주소로 변경하시면 됩니다.

예를 들어 페이스북 주소가 https://www.facebook.com/CmsFactory/라면

<li><a href="https://www.facebook.com/CmsFactory/" class="jb-sns jb-sns-facebook"><i class="fa fa-facebook"></i></a></li>

처럼 변경합니다.

필요 없는 SNS는 삭제하면 됩니다.

Created on 2015-10-14 01:54 | Updated on 2017-04-04 11:56

이 글을 공유하기

Kakao

티스토리 스킨 by CMS Factory

Book navigation