본문으로 바로가기

CCZ-CROSS 스킨 배포

category 티스토리/스킨배포 2015.12.26 10:33

CCZ-CROSS 스킨 소개

기존에 사용하고 있던 스킨에 대한 공유 요청이 있어 배포 가능한 형태로 재작업하여 배포하게 되었습니다. 개인적으로 구형 브라우저 및 기기들을 지원하는 마지막 작업 결과물인 동시에, 여러가지 쓸만한 아이디어를 조합한 시험작입니다.


특징

  • 클래식한 테마
  • 다양한 기기 및 브라우저를 지원하는 반응형 디자인
  • 옵션 값의 변경으로 일부 기능 ON/OFF 가능
  • 글 작성시 도움이 될만한 서식 스타일 추가

브라우저 지원

  • Windows XP 운영체제의 Internet Explorer 7/8
  • Windows 7 운영체제의 Internet Explorer 9/11
  • Windows 8.1 운영체제의 Internet Explorer 11
  • Windows 10 운영체제의 Internet Explorer 11/Edge
  • Firefox 최신버전
  • Chrome 최신버전
  • Opera 최신버전
  • iOS Safari
  • Android 2.3.x 이상 내장브라우저
  • Android Chrome
테스트의 진행은 위의 브라우저들에서 진행되었지만 웹 표준을 준수하는 브라우저라면 그 밖의 브라우저에서도 이상없이 작동됩니다. 블로그 주소를 도메인을 연결하여 사용하시거나 개별글 주소를 문자형태로 사용하신다면 테스트가 필요합니다.

라이센스

  • CCZ-CROSS 스킨은 무료로 배포되며, 자유로이 수정하셔서 사용하셔도 됩니다.
  • 판매의 목적으로 사용될 수 없습니다.
  • 썸네일 추출과 관련된 소스는 ishaiin 님이 판매중인 스킨의 썸네일 추출 소스를 참고하였습니다. 공개 라이센스가 아니기에 이의 재사용을 금합니다.

스킨 참고 및 참조

스킨을 배포판으로 재작업하면서 스킨 공모전에 출품된 많은 작품들을 참고하였습니다.

스킨 다운로드 및 설치

아래의 스킨 파일을 다운로드하고 압축을 해제합니다.

CCZ-CROSSV1.2.1.fix.zip

스킨등록

  1. 티스토리 관리 페이지에 접속합니다.
  2. 꾸미기 스킨 → 스킨등록 버튼을 클릭합니다.
  3. 스킨저장명에 적당한 이름(ex. ccz-cross)을 입력하고 추가버튼을 통해 index.xml, skin.html, style.css, preview.gif 및 images 폴더의 모든 파일을 업로드하고 저장합니다.
  4. 보관함 탭의 등록된 스킨을 적용합니다.

스킨설정

  • 꾸미기의 모바일웹 스킨 OFF로 설정합니다.
  • 꾸미기의 사이드바에서 원하는 모듈을 등록하고 저장합니다.
  • 꾸미기의 화면설정에서 메뉴 탭에 원하는 메뉴를 설정합니다.
  • 꾸미기의 화면설정에서 화면출력탭
    • 기본화면(홈화면)의 출력할 글 갯수를 설정합니다.
    • 선택화면(카테고리)의 글 갯수를 설정하고 목록+내용으로 설정합니다.
    • 태그화면을 인기순으로 설정합니다.
    • 펼침 설정의 댓글펼침을 활성화합니다.
    • 사이드바 태그를 인기순으로 설정합니다.
  • 플러그인의 플러그인 설정에서 블로그 아이콘 표시 플러그인을 활성화(64x64) 합니다.
  • 환경설정의 기본 정보에서 블로그 정보탭의 블로그 화면 이미지와 아이콘을 등록합니다(개인이 준비).

스킨 옵션설정

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    //포스트,댓글,방명록 날짜표기 변경 
	
}

각각의 옵션은 truefalse 값으로, 활성/비활성화 됩니다.

activeCate

티스토리에서 제공하는 카테고리의 현재 위치 표기가 불량이라 이를 지원하기 위해 새로 만든 옵션입니다. 이후에 티스토리측에서 정상적인 형태로 제공하게 된다면 비활성화 하시면 됩니다.

autoLink

댓글과 방명록에 링크형식(ex. http://www.tistory.com)의 문자들을 실제 클릭 가능한 링크로 변환하는 옵션입니다. 댓글이 많이 달리는 블로그라면 성능에 영향을 미칠수 있으며, 악의적인 링크연결을 방지하고 싶다면 비활성화 하세요.

extendThumb

홈화면 또는 카테고리 목록에서 유투브, 비메오, 다음tv팟, 사운드클라우드, 데일리모션과 같은 멀티미어 서비스들의 썸네일을 추가하는 옵션입니다. 관련 서비스들을 이용한 글을 주로 작성한다면 이를 활성화하세요.

newIcon

새 글을 알리는 NEW 아이콘을 변경하는 옵션입니다. 기존의 이미지형 아이콘은 세로 정렬에 한계가 있어 준비했지만 원치 않는다면 비활성화 하세요.

preloader

해당 스킨은 스크립트로 변경되는 부분이 존재하며, 이를 콘텐츠가 노출된 상태에서 변경되는 과정을 감추기 위해서 FOUC 처리가 기본으로 적용되어 있습니다. 다만, 로딩이 길어질 경우 빈 화면을 노출하고 있기에 기호에 따라 로딩 이미지로 대체할 수 있도록 이 옵션을 제공합니다. 활성화하면 페이지 로딩시에 아래와 같은 이미지가 제공됩니다.

searchTag

검색시에 보여줄 추천 검색어를 인기태그를 활용해 제공합니다. 해당 스킨이 기본적으로 태그를 인기태그로 변경하나 변경되지 않는다면 직접 관리 페이지의 화면설정 → 화면출력에서 사이드바 태그를 인기순으로 변경하시길 바랍니다.

searchTagCount

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

tbHide

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

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

timeChange

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

기타 궁금하신 내용은 CCZ-CROSS 데모페이지에서 살펴보시기 바랍니다.

패치노트

파일을 수정할때 마다 위의 다운로드 파일을 갱신하고 있습니다. 스킨을 수정해서 사용하시는 분들은 전체를 변경하기 어려우실꺼라 생각되어 패치내역 을 따로 공개하고 있습니다.

스킨을 사용하시면서 발견되는 미흡한 부분에 대해서 많은 제보 부탁드립니다.

알려진 문제점

  • 각종 서식, 디자인의 스타일 및 위치정렬과 관련된 문제 - 2015.12.29/2015.12.31 패치
  • 댓글 및 방명록 작성후, 신규 댓글이나 답글을 작성할 수 없었던 문제 - 2016.01.04 패치
  • MAC 운영체제의 크롬브라우저에서 검색이 작동하지 않는 문제 - 티스토리측에서 확인중
  • 카테고리명에 '/' 문자가 들어있을 경우, 카테고리명 노출이 오작동을 일으킴(ex. C/C++) - ,& 같은 다른 문자 사용추천
  • 카테고리 및 검색결과등의 목록이 보이지 않는 경우 - 스킨을 적용한 후, 관리자 페이지의 꾸미기의 화면설정메뉴로 이동한 후 화면출력의 선택화면 글 목록의 갯수와 표기화면을 목록+내용으로 전환합니다. 이미 표기화면이 목록+내용으로 되어 있어도 다른 방식으로 변경후 저장하고 다시 목록+내용으로 변경해보세요.
  • 티스토리의 신고기능 업데이트로 인해 기존의 날짜표기 변경 기능이 정상적으로 작동하지 않습니다. 관련해서 업데이트 사항을 참고하세요.


신고

'티스토리 > 스킨배포' 카테고리의 다른 글

CCZ-CROSS 패치노트  (6) 2015.12.29
CCZ-CROSS 스킨 배포  (456) 2015.12.26

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. BlogIcon 샨(Shan) 2017.02.12 22:04 신고

    안녕하세요. 저는 서버엔지니어입니다. 어쩌다가 자료를 찾아 흘러오게 되었는데 스킨이 참 마음에 드네.. 생각했는데 마침 직접 배포를 하고 계시네요.
    안그래도 블로그를 다시 시작할려고 마음먹고 있었는데 덕분에 잘적용했습니다.
    감사히 쓰겠습니다.

  3. BlogIcon MORI」 2017.02.13 17:54 신고

    이쁘고 깔끔한 스킨 만들어주셔서 정말 감사합니다. 잘 사용하겠습니다!^^

  4. 2017.02.14 15:20

    비밀댓글입니다

    • BlogIcon 흉내쟁이 2017.02.14 16:20 신고

      애드센스 관련하여서는 http://ccz-cross.tistory.com/29 에 정리되어 있습니다. 참고하시고 스마트폰뿐만 아니라 전체적으로 해당 스킨이 무거운 감이 없지 않습니다.
      IE7까지 지원하면서 반응형을 구현하다보니 불가피한 상황입니다. 모바일에서도 크롬브라우저로 접속하시면 좀 더 쾌적하지 않을까 생각합니다.

      copycatz 스킨은 배포용으로 제작된 것이 아니라서(임의로 수정을 많이 해야됩니다.) 따로 배포하지 않고 있습니다.

  5. BlogIcon 샨(Shan) 2017.02.16 14:49 신고

    안녕하세요. 스킨 매우 흡족해하며 사용중입니다.

    혹시 저의 경우는 사진이미지를 많이 업로드를 하는데 이미지가 클경우는 자동으로 반응형에 맞게 크기가 고정이 되는것 같은데요. 혹시 클릭시에 원본크기로 볼수 있게 HTML편집이 가능한가요?

    • BlogIcon 흉내쟁이 2017.02.16 15:02 신고

      일단, 사진 첨부하실때 이용하는 포토업로더에서 원본크기로 올리셔야 될겁니다.

      그리고 플러그인 중에 Light TT EX (이미지 크게보기) 활성화 하시고요.

      그리고 http://webdir.tistory.com/484 의 글이 추가적으로 도움이 되실지도 모르겠네요.

  6. 2017.02.16 18:56

    비밀댓글입니다

    • BlogIcon 흉내쟁이 2017.02.16 21:58 신고

      추가하신 스크립트 중에 오류가 있으신가봅니다. 광고 같은데, 일단 그것부터 해결해보시고요.

      크롬에서 F12 개발자도구 띄우시고, Network 탭 선택하시고 새로고침하시면 파일별 페이지로딩에 걸리는 시간이 나옵니다.

      큰이미지 사용하시면 좀 더 느려지고 이것저것 플러그인들 삽입하면 좀 더 느려집니다.

      기본적으로 페이지로딩이 완료된 후에 콘텐츠 부분이 보이는 형식이라 체감상 더욱 느리다고 느낄수도 있습니다.

      관련해서 질문하신 분들이 많아 이곳 댓글들과 방명록 댓글로 문의주신 것들 답변을 종종했습니다. 관련해서 찾아보시길 권합니다.

  7. 2017.02.17 09:48

    비밀댓글입니다

  8. 2017.02.17 10:01

    비밀댓글입니다

  9. BlogIcon 프리루트 2017.02.25 17:29 신고

    안녕하세요~ 제작하신 스킨 정말로 잘사용하고 있고 개인적으로 굉장히 뿌듯해하고 있는 한 유저입니다 :)
    다름아니라 "스킨 옵션설정" 부분에서 preloader 부분이 false로 꺼져있는데도
    인터넷 익스플로러로 접속하면 preloader 기능을 켰을 때 보이는 loading 문구가 보이는데 이건 원래 이런건가요 아니면 버그인가요??

    ( 참고로 저는 주로 구글 크롬을 쓰며 크롬에서는 loading 문구가 뜨지 않고 잘보입니다 )

    • BlogIcon 흉내쟁이 2017.02.25 17:46 신고

      브라우저의 캐시삭제를 해보세요. 스크립트의 수정사항이 반영이 안되고 있을 가능성이 많습니다.

    • BlogIcon 프리루트 2017.02.25 19:21 신고

      오우 잘됩니다 :D 감사드립니다~

    • BlogIcon 프리루트 2017.02.26 21:03 신고

      위에 말씀드린대로 preloader 기능과 관련된 부분은 잘해결해서 사용하고 있습니다 :) 다시 한번 감사드립니다

      그 이번에는 제가 PC방에서 인터넷 익스플로러( 정확히 버전은 11입니다 )로 흉내쟁이님이 만드신 이 CCZ-CROSS 스킨이 적용되어있는 제 블로그에 접속을 했다가 본문이 제대로 표시가 되지 않은 오류현상을 겪어서 이렇게 문의드립니다

      가끔 제 지인들이나 블로그를 이용하시는 유저분들이 문의하셨던 내용이 제가 오늘 겪은 위 오류현상과 일치해서 이렇게 좀더 상세하게 문의드려봅니다

      오류증상은 블로그에 들어가 메인화면에서 목록에 있는 글들중에 하나를 눌러 게시글에 들어가면 블로그 상단바, 오른쪽 부분의 사이드바 내용들은 모두 잘뜨는데 좌측에 본문 내용이 하얀색 빈칸으로 표시가 되지 않습니다

      PC방에 같이 간 지인이 앉은 자리에서도 인터넷 익스플로러 11로 접속해보니까 좌측에 본문 부분만 딱 표시가 되지 않더라구요 / 신기하게도 구글 크롬으로는 또 됩니다 / 게다가 저희 집 컴으로 접속했을 때에는 구글 크롬, 인터넷 익스플로러로 둘다 접속해봐도 둘다 모두 잘 표시되구요

      그래서 인터넷 익스플로러에서 F12를 눌러 하단에 개발자 도구창을 띄워놓은 상태에서 F5 및 Ctrl+F5키를 눌러 새로고침을 해줬더니 DOM 탐색기 부분에 아래와 같은 영어로 된 문구가 뜹니다

      Diagnostic:
      Exception in window.onload: Error: An error has occurredJSPlugin.3005
      StackTrace:

      Error: 매우 긴 장문의 오류 문구들이 뜹니다

      (+ 이 문제를 해결하시는데 도움이 되실 수 있도록 제가 위 오류문구를 찍어놓은 이미지를 전해드리고 싶은데 혹시 필요하시다면 이메일을 같이 말씀해주세요! 해당 이메일에 이미지를 같이 전해드리도록 하겠습니다)

      이 문제 어떻게 해결이 될 수 있는 부분일까요??

    • BlogIcon 흉내쟁이 2017.02.26 21:34 신고

      음, 일단 해당 스킨에 따로 추가하신 스크립트가 있는지요?

      에러내용에 JSPlugin 이 무얼 가리키는지 모르겠네요. 제가 해당 스킨에 삽입한 스크립트 중엔 없는 것으로 기억합니다.

      로딩중에 어느 한 부분에서 스크립트 오류가 나면 이후에 스크립트들을 로드하지 못하기 때문에 정상작동하지 않는 걸로 추측되긴 합니다.

      해당 스킨이 모든 콘텐츠의 로드가 완료되면 본문 내용이 보이게 디자인 되어 있습니다.

      관련해서 http://ccz-cross.tistory.com/31 의 fouc 처리에서 설명하고 있습니다.

      목록이 보이지 않는 것은 skin.html 파일에서 fouc 클래스가 처리가 되어 있기 때문이고

      <article class="entry h-entry">
      <div class="content-width">
      <div class="fouc ...">

      와 같이 fouc 클래스가 적용된 부분을 제거하면 로딩중에도 화면에 나타납니다. 다만 스크립트로 디자인이 변경되는 부분들이 노출되어 보여서 좀 지저분해 보일 순 있습니다.


    • BlogIcon 흉내쟁이 2017.02.26 21:36 신고

      메일은 uzugoer@gmail.com 으로 보내주시면 됩니다.!

    • BlogIcon 프리루트 2017.02.26 22:14 신고

      말씀하신 이메일에 캡처본 보내드리도록 하겠습니다 :D

      그리고 질문주신 스크립트와 관련되어서 HTML 부분을 살펴보았지만 제가 따로 블로그 HTML 부분에서 설정해준 것은 네이버 웹마스터 도구 블로그 설명용 메타태그, 구글 웹마스터 도구 사이트 소유 확인용 메타태그, 블로그에서 오른쪽 사이드바 상단 부분에 로고를 추가시켜준 부분 이외에 수정사항은 없었습니다

      근데 스크립트라고 하셔서 제가 블로그에 추가시킬 스크립트로는 구글 애널리틱스, 구글 애드센스 관련 스크립트 밖에 없는지라 그중에 구글 애널리틱스 스크립트가 혹시 블로그에 적용되어있는지 살펴보았습니다만 없더라구요 / 그런데도 구글 애널리틱스에 들어가보았더니 블로그 실시간 방문자가 측정이 되고 테스트 트래픽 전송도 제대로 되길래 뭐지 싶었는데

      티스토리 블로그 자체에서 지원해주는 기능중에 관리자 페이지에서 "플러그인 설정" - "구글 애널리틱스" 항목이 제 블로그에 적용되어있더라구요 / 이 플러그인 설정 부분에서 추가시킨 항목이 혹시 제가 문의드린 오류에 영향을 주는게 아닌가 싶어 제 블로그에 적용되어있는 플러그인 설정 항목도 같이 말씀드려봅니다

      - 마우스 오른쪽 클릭 방지
      - 블로그 아이콘 표시
      - 반응형 웹스킨 이미지 최적화 플러그인
      - 방문자 통계 그래프
      - Light TT EX (이미지 크게보기)

      - 유입키워드
      - 영어환자 (댓글스팸방지)
      - 유입 경로
      - 방문자 통계
      - 검색어 통계

      - 배너출력
      - 구글 애드센스 (반응형)
      - 구글 애널리틱스
      - 구글 애드센스 (데스크탑 웹용)

    • BlogIcon 흉내쟁이 2017.02.26 22:21 신고

      네, 일단은 에러나는 JSPlugin 이 어디서 추가되는지가 중요합니다.

      해당 스킨 배포시에 대부분은 테스트했었지만 이후에 생긴 플러그인들은 테스트가 되지 않았습니다.

      구글 애드센스도 티스토리에서 삽입하는 플러그인은 해당 스킨 배포시에 없던 기능이라 정상작동하고 있는지도 의문이군요.

      http://ccz-cross.tistory.com/29 에 따로 애드센스 추가하는 방법을 설명했었습니다.

      보내주신 메일만으로는 에러를 알수가 없습니다. 가리키는 경로들이 C:\ 의 인터넷익스플로우라 더욱알수가 없군요.

    • BlogIcon 프리루트 2017.02.26 22:45 신고

      음 일단은 fouc 클래스가 적용된 부분들만 제거를 해서 응급처치(?!)를 해놔야겠네여 상세하게 알려주셔서 감사드립니다

      추가로 구글에 Exception in window.onload: Error: An error has occurredJSPlugin.3005 문구를 검색해보니 윈도우 7 + 인터넷 익스플로러 11 환경에서 개발자 도구를 켤 때 발생하는 오류라고 합니다 / 해결책으로는 윈도우 7 버전용 인터넷 익스플로러 11 보안 업데이트(KB3008923)를 추가로 설치해주면 해결이 된다고 하네요!

  10. 라라라 2017.02.25 20:34 신고

    안녕하세요. 스킨 잘 쓰고 있습니다. 감사합니다.
    질문이 있습니다. 모바일로 들어가면 모달 카테고리인 왼쪽 메뉴를 펼쳐을 때 위아래로 잘 움직이지 않습니다.
    익스플로러에서는 자연스럽게 움직이는데 크롬에서는 삐그덕 거립니다.
    어떻게 고칠 방법 없을까요?

    • BlogIcon 흉내쟁이 2017.02.25 20:48 신고

      음 크롬이 무언가 업그레이드되면서 변경사항이 영향을 미치나보네요. 이전버전의 크롬에서는 문제가 없어보입니다. 크롬 업데이트관련사항을 살펴보고 파악해야 할 사항이라 당분간은 모바일에서 내장브라우저 사용하시라는 것 밖에 도움을 드릴수 없겠네요.

    • BlogIcon 흉내쟁이 2017.02.26 15:58 신고

      크롬 55버전과 해당 스킨에 삽입된 iScroll 스크립트가 충돌을 일으켰나봅니다.

      관련해서 수정된 파일을 본문에 올려두었습니다. skin.html 파일의 iScroll 초기화부분(파일의 맨 하단)에 몇가지 옵션을 추가해주면 됩니다.

      아래의 링크에 수정된 코드에 대한 부분이 있습니다.
      https://github.com/uzugoer/CCZ-CROSS/commit/cb311f3fa4a837a87283a02df7205d173c3f8d0e

    • 라라라 2017.03.01 07:35 신고

      알려주신 링크에 적힌대로 수정하였더니 움직임이 자연스러워 졌어요. 정말 감사합니다!

  11. BlogIcon 옆동네조르바 2017.02.27 13:31 신고

    감사합니다~잘 쓸게요~

  12. 2017.02.27 16:58

    비밀댓글입니다

    • BlogIcon 흉내쟁이 2017.02.27 17:03 신고

      <center> 태그는 사라진 태그라 정상작동하지 않을 수도 있습니다. 브라우저에따라 여전히 지원하는 경우도 있지만 그렇지 않은 경우도 있습니다.

      애드센스 추가와 관련해서 http://ccz-cross.tistory.com/29 에서 설명한 적이 있습니다. 참고하시면 도움이 되실지도 모르겟네요.


  13. BlogIcon IT에피소드 2017.03.02 21:11 신고

    어제 스킨받아 사용중입니다. 좋은스킨 감사드리고. 잘 사용하겠습니다.

  14. BlogIcon 리빈아빠 2017.03.02 22:42 신고

    안녕하세요. 어제 스킨을 받아 적용하였는데요~
    사이드에 애드센스를 달았는데 다른 화면들에선 잘 보이는데
    이상하게 글 내용들어가면 보이질 않네요..ㅠㅠ
    하루종일 별짓 다해봤지만 답을 못찾았습니다..ㅠ
    <s_sidebar_element>
    <!-- 광고 -->
    <div class="module module-tag">
    <h3 class="module-title"><span class="inline-block">AD</span></h3>
    <div class="module-content list-unstyled clearfix">
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- 사이드광고 -->
    <ins class="adsbygoogle"
    style="display:inline-block;width:160px;height:600px"
    data-ad-client=""
    data-ad-slot=""></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    </div>
    </div>
    </s_sidebar_element>

    도와주세요..

  15. BlogIcon ResetDy 2017.03.02 23:19 신고

    감사합니다^^ 적용하고 사용해보겠습니다!

  16. BlogIcon 리빈아빠 2017.03.02 23:58 신고

    감사합니다. 쿠키 문제 였네요 ㅠ

  17. 2017.03.06 15:06

    비밀댓글입니다

    • BlogIcon 흉내쟁이 2017.03.06 15:39 신고

      말씀하시는 머리말 1,2가 <h1>,<h2> 태그를 말씀하시는 거죠?

      해당 태그에 대한 스타일이 따로 지정되지 않은 이유는 블로그 전체의 개요(아웃라인)를 고려해서 본문에서는 사용되지 않는 것을 전제해서입니다.

      여기서 말하는 개요란 아래처럼, 서적의 목차란에 해당한다고 생각하시면 됩니다.

      <h1>책제목 (블로그명)
      <h2>1단원 제목 (페이지제목)
      <h3>단락 제목 (본문단락제목)
      .....

      해당 스킨이 위와 같은 구조를 유념하고 만들어졌고, 이는 SEO(검색엔진최적화)에 유리한 방식입니다.

      그렇다고 <h1>이나 <h2>가 중복노출된다고 브라우저가 오류를 검출하진 않으니 원하시는데로 수정하셔도 됩니다.

      개요를 눈으로 확인해보시려면http://gsnedders.html5.org/outliner 를 방문하셔서 지금 이페이지의 URL을 입력해보셔요.

    • BlogIcon s87boyo 2017.03.06 15:43 신고

      꼼꼼한 답변 감사합니다. 궁금증이 해소되었습니다. 좋은 하루 보내세요^^

  18. BlogIcon 황색언론 2017.03.11 13:03 신고

    안녕하세요 여전히 스킨을 잘 쓰고 있는 황색언론입니다.

    스킨 옵션에 timeChange에 대해서 묻고 싶은데요.
    이것은 off로 설정하기 위해서는 스킨을 처음부터 다시 업로드해야하는지.. 궁금합니다.
    혹은 HTML/CSS에서의 수정만으로 가능한지요..

    • BlogIcon 흉내쟁이 2017.03.12 19:08 신고

      옵션 on/off 는 main.js 에서 담당합니다. main.js 파일만 파일업로드에 올려주심됩니다. 덮어쓰게 되는 거겠죠.

      이후에 브라우저 캐시삭제를 실행해주심 정상작동할 겁니다.

  19. 가르강티 2017.03.12 16:53 신고

    안녕하세요 멋진 스킨배포 감사드립니다~
    저도 잘 시용하고 있는데요. 한가지 궁금한게 있는데 이 스킨으로 쓴 포스팅은 네이버 검색결과에서 제목다음에 본문이 표시되는게 아니라 카테고리 혹은 tag내용이 표시되더라구요.
    다른 블로그들은 그자리에 본문이 나오고요.
    혹시 스킨에서 이부분을 설정할 수 있는건가요?
    네이버 검색에서 혹시나 불이익을 받을지 몰라서 그러는데
    평범한 블로그들처럼 검색결과에 본문내용이 검색되게 하는 방법이 있을까요?

    • BlogIcon 흉내쟁이 2017.03.12 19:26 신고

      네이버 검색옵션을 변경한게 아니시라면, 기본적으로 검색어에 해당하는 제목과 본문내용에서 검색어에 해당하는 키워드가 들어간 구문을 보여주죠.

      본문에 검색어에 해당하는 키워드의 구문이 없다면 말씀하신데로 태그나 카테고리명이 나올 가능성이 없진 않을 것 같군요.

      제 블로그의 글제목들을 네이버에서 검색해보아도 정상적으로 작동하고 있습니다. 스킨제작시 검색엔진최적화도 염두에 두었기때문에 검색에 도움을 받을 순 있지만 불이익과는 거리가 멉니다.

      검색엔진 최적화에 관심이 있으시다면 본문 글 작성시에도 헤딩(h3, h4)을 이용하여 작성하시면 도움이 될겁니다.

      http://ccz-cross.tistory.com/6 을 참고하시어 본문에 h3, h4 h5 태그를 사용해보세요. h1은 블로그명, h2는 글제목으로 구분되어 있습니다.

  20. BlogIcon 리릭시스트 2017.03.16 05:11 신고

    정말 최고의 스킨입니다 잘쓰겟습니다 감사합니다

  21. BlogIcon JoonDong 2017.03.21 11:52 신고

    멋진 스킨 배포해주셔서 감사합니다.

티스토리 툴바