[티스토리] 반응형 웹 스킨 CCZ-CROSS로 변경하는 방법

 

 

이번에 CCZ-CROSS 스킨으로 변경하게 되었습니다. ^^;;;

 

반응형으론 샐리의 이야기보따리에선 두번째 옷이네요.

 

많은 반응형 웹 스킨중에서

 

샐리가 적용한 스킨이 궁금하신 분은

 

CCZ-CROSS 스킨 배포를 클릭해보시면 되겠습니다.

 

 

CCZ-CROSS 스킨 소개에도

 

스킨 적용 후 해야할 것들에 대해 나와있지만

 

정리도 할겸해서 올려봅니다.

 

 

CCZ-CROSS 스킨을 사용하고자 한다면

 

스킨등록전 체크사항이 있습니다.

 

위의 스킨배포글에도 써있지만 한번 더 설명하자면

 

 

CCZ-CROSS 스킨 파일 중  images 폴더내의 main.js에서

 

몇가지 사용여부를 확인하고 스킨을 등록해주면 편리합니다.

 

main.js를 메모장등으로 열어 글의 윗부분을 확인하면 다음과 같이 확인이 됩니다.

 

 

 

var setting = {

activeCate: true,    //현재카테고리위치 표기
autoLink: true,      //댓글,방명록 자동링크
extendThumb: false,  //썸네일 확장
newIcon: true,    //new 아이콘 변경여부
preloader: false,    //프리로드 활성화
searchTag: true,  //검색시에 우선순위태그를 보여줌
searchTagCount: 8,   //보여줄 우선순위태그 갯수
tbHide: true,        //트랙백숨기기
timeChange: true    //포스트,댓글,방명록 날짜표기 변경

}

 

 

순서대로 설명하자면

 

activeCate

현재 카테고리의 현재 위치 표기로 후에 티스토리에서 정상적인 형태로 제공하면 비활성하면 된다고 합니다.

 

autoLink

댓글과 방명록에 링크형식(ex. http://www.tistory.com)의 문자들을 실제 클릭 가능한 링크로 변환하는 옵션

댓글이 많이 달리는 블로그라면 성능에 영향을 미칠수 있으며, 악의적인 링크연결을 방지하고 싶다면 비활성화

 

extendThumb

홈화면 또는 카테고리 목록에서 유투브, 비메오, 다음tv팟, 사운드클라우드, 데일리모션과 같은 멀티미어 서비스들의 썸네일을 추가하는 옵션.

관련 서비스들을 이용한 글을 주로 작성한다면 이를 활성화.

 

newIcon

새 글을 알리는 NEW 아이콘을 변경하는 옵션. 원치 않는다면 비활성화

 

preloader

로딩이 길어질 경우 빈 화면을 노출하고 있기에 기호에 따라 로딩 이미지로 대체할 수 있도록 이 옵션을 제공.

활성화하면 페이지 로딩시에 아래와 같은 이미지가 화면에 표시된다

 

 

 

searchTag

검색시에 보여줄 추천 검색어를 인기태그를 활용해 제공합니다.

관리 페이지의 화면설정 → 화면출력에서 사이드바 태그를 인기순으로 변경.

 

searchTagCount

위의 searchTag 옵션 활성화시에 보여줄 추천 검색어의 갯수를 설정합니다.

 

tbHide

엮인글(트랙백)과 관련된 내용을 숨깁니다. 엮인글을 사용하는 경우 비활성화

본문 하단의 엮인글 영역과 사이드바의 엮인글 영역

 

timeChange

날짜표기 방식을 2016.04.25 과 같은 방식에서 3개월전, 몇시간전과 같이 현재를 기준으로 지난 시간을 표기.

 

활성화는  true, 비활성화는 false 로 변경후에 저장을 해줍니다.

 

 

위의 사항을 본인에 맞게 수정을 하였다면 스킨등록을 합니다.

 

 

스킨등록 방법

 

1. 본인의 티스토리 관리 페이지에 접속합니다.

 

   스킨등록을 처음하는 분들은 아래 두개의 글을 참고하시기 바랍니다.

 

   [티스토리] 반응형 웹 스킨 FastBoot으로 스킨 변경하는 법 1 - 기존 스킨 저장

 

   [티스토리] 반응형 웹 스킨 FastBoot으로 스킨 변경하는 법 2 - 반응형 웹 스킨 등록

 

 

2. 꾸미기 스킨 → 스킨등록 버튼을 클릭합니다.

 

3. 스킨저장명에 적당한 이름(ex. ccz-cross)을 입력하고

   추가버튼을 통해 index.xml, skin.html, style.css, preview.gif 및 images 폴더의 모든 파일을 업로드하고 저장합니다.

 

4. 보관함 탭의 등록된 스킨을 적용합니다.

 

 

 

스킨설정

 

 

1. 꾸미기의 모바일웹 스킨 OFF로 설정합니다.

 

 

2. 꾸미기의 사이드바에서 원하는 모듈을 등록하고 저장합니다.

 

   예) 카운터, 글보관함, 태그, 트랙백, 달력등을  넣을것인지 뺄것인지

 

 

3. 꾸미기의 화면설정에서 메뉴 탭에 원하는 메뉴를 설정합니다.

 

  예) 

 

 

    화면의 오른쪽 맨 윗부분의 메뉴(홈, 태그, 미디어로그, 위치로그, 방명록)를  변경할 수 있답니다.

 

 

   위 사진처럼 메뉴명(영문 or 한글)을 정하고 속성등을 선택한 후 추가를 클릭한 후 저장을 누르면 됩니다.

 

 

4. 꾸미기의 화면설정에서 화면출력탭

 

       기본화면(홈화면)의 출력할 글 갯수 설정.

 

       선택화면(카테고리)의 글 갯수를 설정하고 목록+내용으로 설정

 

       태그화면을 인기순으로 설정

 

       펼침 설정의 댓글펼침을 활성화.

 

       사이드바 태그를 인기순으로 설정.

 

5. 플러그인의 플러그인 설정에서 블로그 아이콘 표시 플러그인을 활성화(64x64) 합니다.

 

   블로그 정보에 아이콘 정보가 있는 경우, 댓글 또는 방명록 작성시 필명 앞에 작성자의 아이콘을 보여줍니다.

 

 

6. 환경설정의 기본 정보에서 블로그 정보탭의 블로그 화면 이미지와 아이콘을 등록합니다.

 

   등록을 하면 아래와 같이 이미지가 확인이 된답니다.

 

 

기본적인 스킨변경방법은 여기까지 입니다.

 

본격적인 스킨꾸미기는 지금부터일지도 모르겠네요. ^^;;

 

샐리도 차근차근 꾸며보아야겠습니다. ㅎㅎ