티스토리 고래 스킨 4.0 안내

안녕하세요. 고래의 개인 노트입니다. 꼭 필요한 기능과 최소한의 디자인, 깔끔한 스킨을 원하시는 블로거분들을 위해 티스토리 반응형 스킨 고래 스킨을 배포합니다.

 

고래 스킨은 검색 엔진이 원활하게 수집할 수 있도록 태그 사용, HTML, CSS 코드, 폰트 사이즈 등이 최적화되어 있습니다. 따라서, 본인이 게시글을 작성하실 때 올바른 SEO 글쓰기 기준에 맞춰 작성하시면 다른 티스토리 스킨보다 검색 포털 상위에 노출될 가능성이 있습니다. 

 

블로그 디자인 관련, 추가 기능 요청 문의는 댓글 작성해주시면 업데이트 시 반영하여 수정 및 배포하도록 하겠습니다. 스킨 편집에 대한 댓글은 답변드리지 않습니다. 스킨의 원래 속도와 디자인을 보시려면 데모 블로그를 참조하세요. 제 블로그는 커스텀 작업이 많이 진행된 상태입니다.

 

데모 블로그

 

이번 4.0 스킨에서는 기존에 남아있던 버그를 수정하고 디자인을 개선했습니다. 추가로 블로그 속도 개선을 위해 티스토리에서 지원하는 "카테고리 글 더보기" 플러그인을 제외하고 썸네일을 지원하는 글 목록을 추가했습니다. 

 

11/09

논문 작성하느라 바쁘네요.. 이메일, 댓글 답변은 한 번에 해드리겠습니다. (스킨 수정 관련 답변은 안 해드려요..) 

 

목차펼치기

 

반응형 티스토리 스킨 배포 ( 고래스킨 4.0 )

 

티스토리 고래 스킨 최근 변경 내용 ( 11월 01일 Update )

 

 

  • 2020.11.01 - 메타태그 중복 오류 수정

 

Description 메타 태그가 중복되어 제거했습니다.  이미 스킨을 사용 중이신 분들은 스킨 편집에서 <head> 태그 안에 <meta name="description" Content="[##_desc_##]" /> 부분을 찾아 제거하시면 됩니다. 

 

1. 카테고리 다른 글 설정

 

1번 -> 기존 카테고리 다른 글 / 2번 추가된 버전

1. 카테고리 글 더보기 플러그인 

2. 티스토리 스킨 내장 태그 사용

 

두 가지 스타일을 지원하고 있으니 1번 스타일 카테고리 글 더보기 플러그인만 사용하실 분들은 HTML 편집에서 아래 코드를 지워주시면 됩니다. HTML 편집창에 접속 후 코드 화면에 마우스 좌클릭 > Ctrl + F -> 카테고리의 다른 글 검색하시면 쉽게 찾을 수 있습니다. 다른 코드 삭제하시면 오류가 발생하니 조심하세요.

 

<!-- 카테고리의 다른 글 -->
<s_article_related>
...
</s_article_related>
 <!-- 위 s_article 태그를 포함한 영역 제거 -->

 

2번 스타일을 사용하시려면 [ 관리자 > 플러그인 메뉴 ] 에서 "카테고리 다른 글" 플러그인 해제하시면 됩니다.

 

 

티스토리 고래 스킨 제공 기능

  • PC, 모바일 반응형 스킨
  • 네이버, 구글 검색 엔진 최적화
  • 구글 애드센스 광고 최적화 
  • 사이드바 설정 기능 ( 전체 보이기 / 전체 숨기기 / 본문 페이지 제거 / 모바일 제거 )
  • 헤더 영역 배경색 설정 기능
  • 모바일 전용 카테고리
  • 보호 글 / 관련 글 지원
  • 불친절한 스킨 편집 지원 ( 소스코드 개판입니다 미안해요.. ) 

 

헤더 영역 배경색 설정 기능

헤더 영역 배경색을 원하는 색으로 지정할 수 있도록 추가했습니다. 

 

사이드바 배치 설정 기능

고래 스킨은 사이드바 설정을 통해 메인화면에서만 사이드바를 표시하는 기능과 또는 사이드바를 모두 제거하여 원페이지로 이용할 수 있도록 지원하고 있습니다. 본인이 블로그를 운영할 때 콘텐츠만 주목을 하게 만들려는 경우 유용하게 사용할 수 있습니다. 

 

티스토리 고래 스킨 참고 사항

  1. 등록된 카테고리가 없다면 메인 화면에서는 빈 영역으로 표시됩니다. (최소 1개 이상 카테고리 등록)
  2. 스킨에 내장된 "카테고리 관련 글" 기능과 티스토리에서 제공하는 "카테고리 글 더보기" 기능을 모두 사용 시 외관상 안 좋을 수 있습니다. 위에 안내드린 내용을 참조해서 한 가지만 사용할 수 있도록 설정합니다.
  3. 블로그 하단의 저작자 표시를 수정하거나 삭제해서는 안됩니다.
  4. 개인적으로 스킨을 수정하는 경우 질문을 받지 않습니다. 
  5. 광고를 삽입하는 기능을 제공하지 않으나 직접 넣을 수 있도록 글 작성 중에 있습니다.
  6. 이번 배포되는 4.0 스킨에는 모바일 썸네일 크기 변경 기능을 지원하지 않습니다.

 

티스토리 스킨 배포 라이센스 (주의)

  • 고래 스킨은 무료로 배포되며, 무단 배포 및 저작권 명시 부분 수정, 재배포를 금지합니다.
  • 이 티스토리 스킨은 판매의 목적으로 사용될 수 없습니다.

 

티스토리 고래 스킨 등록 방법

스킨 폴더에 포함된 모든 파일을 정상적으로 업로드를 하셔야만 정상 동작이 가능하니 꼭 확인하시기 바랍니다. 티스토리 고래 스킨 등록하는 방법은 다음과 같습니다.

 

  1. 티스토리 관리 페이지 접속
  2. 꾸미기 > 스킨 변경 > 스킨 등록 버튼 클릭
  3. 추가 버튼을 통해 폴더의 모든 파일을 업로드하고 저장버튼 클릭 
  4. 스킨 저장명에 적당한 이름을 입력하여 저장
  5. 스킨 보관함에서 저장한 스킨을 적용

 

티스토리 스킨 등록 시 가장 많이 하는 실수

 

images 폴더가 업로드 되지 않음

스킨 등록 시 파일을 드래그해서 올리게 되면 왼쪽 화면에 보이는 파일목록 영역에 images 폴더가 정상적으로 업로드되지 않습니다.

 

모든 파일이 정상적으로 업로드돼야만 티스토리 스킨이 작동하기 때문에 images 폴더 안의 파일을 다시 드래그하셔서 업로드하도록 합니다.

 

티스토리 스킨 사이드바 설정

본인이 원하지 않는 사이드바가 표시될 수 있기 때문에 티스토리 > 꾸미기 > 사이드바 페이지에서 설정을 변경하셔야 합니다. 구글 애드센스 광고 사용 시에는 스킨 편집 페이지로 진입하셔서 소스코드 사이드바 영역에 구글 광고 스크립트 삽입 영역이 표시되어있습니다.

 

해당 영역에 스크립트를 넣으시면 되겠습니다.

 

티스토리 고래 스킨 필수 설정 

스킨을 정상적으로 업로드했다면 정상 동작하기 위한 필수적인 설정을 진행해야 합니다.

 

  • 티스토리 스킨 꾸미기 설정 -> "모바일 자동 연결 사용하지 않습니다." 
  • 티스토리 스킨 콘텐츠 설정 -> "단락 앞뒤 공백 사용 X (사용해도 상관없습니다)
  • 티스토리 플러그인 사용 설정 -> "카테고리 글 더보기" or "해제"
  • 본인이 원하는 헤더 배경 색상 설정
  • 본인이 원하는 사이드바 설정

 

고래 스킨 브라우저 지원

이 스킨은 다음 브라우저에서 테스트되었으나, 기본적으로 크롬 엔진 기준으로 작성된 코드입니다. 따라서 익스플로러에서는 조금 미흡하게 표시될 수 있으니 참조하시기 바랍니다. 

 

  • Internet Explorer 11
  • Internet Explorer 10
  • Chrome
  • Firefox
  • Android Chrome
  • Android Samsung Internet

 

고래 스킨 애드센스 관련

애드센스 관련해서 게시글 작성 요청을 하시려면 게스트북에 남겨주세요.

 

 

'티스토리/애드센스' 카테고리의 글 목록

윈도우 10, 다운로드 팁, 사이트 추천, IT 관련 정보 제공

privatenote.tistory.com

 

마지막으로..

대학 생활하면서 돈 번다고 이것저것 하다 보니 블로그 스킨에 신경을 미쳐 못쓰고 있습니다. 더 좋은 스킨을 만들 수 있음에도 무료로 배포한다는 것 때문에 참.. 마음 가지기가 어렵네요. 특히, 스킨 다운로드하시고 저작자 명시 부분 없애고 본인이 만든 것처럼 일부만 수정해서 블로그 운영 또는 재배포하시는 분들 때문에 마음고생이 심합니다. 매너 지키자고요 😊

 

유료 스킨 판매하시는 분처럼 유료 전환하고 할 수 있음에도 또 그러기는 싫고요.. 참고로, 애드센스 하는데 유료 스킨 사용하다고 해서 수익률이 올라간다거나 그러지는 않고.. 잘못 짜인 코드의 경우 검색 포털 노출 순위에 영향까지 미치게 됩니다.

 

구글은 페이지 속도도 중요하기 때문에 유료 스킨이라 해서 모두 좋은 것이 아니고 편리성이 추가된 만큼 사이트 속도가 느려진다는 건 아셔야 합니다. 애드센스를 통해 블로그 수익을 내실분들이라면 본인이 사용 중인 블로그를 조금이라도 수정할 줄도 알아야 하고요. 

 

오랜 기간 스킨을 사용해주시는 블로거 여러분들 항상 감사드리고, 새로 오신 방문자 여러분들도 감사합니다. 고래 스킨은 불편한 점이나, 개선했으면 하는 점, 오류 등 모든 의견을 적극적으로 수렴하고 있으니, 블로그 비밀 댓글을 통해 문의를 남겨주시면 수정후 다음 업데이트에 반영하도록 하겠습니다. 다시 한번 말씀드리지만 개인적인 스킨 편집 관련 질문은 받지 않습니다.. 

 

고래스킨 4.0.zip
1.24MB

 

네이버, 다음 키워드 조회 사이트

비밀번호 : 고래 (영어로 입력하세요)

 

 

공감 한 번씩 부탁드립니다.

 

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기

댓글을 달아 주세요

">
  1. 이전 댓글 더보기
  2. thumbnail
    2020.10.03 00:25

    비밀댓글입니다

  3. thumbnail
    아톰의형제
    2020.10.04 07:16

    관리자의 승인을 기다리고 있는 댓글입니다

  4. thumbnail
    안녕하세요 고래밈
    2020.10.09 01:22

    관리자의 승인을 기다리고 있는 댓글입니다

  5. thumbnail
    창문열닫
    2020.10.13 12:16

    관리자의 승인을 기다리고 있는 댓글입니다

  6. thumbnail
    시골도토리
    2020.10.18 19:39

    관리자의 승인을 기다리고 있는 댓글입니다

  7. thumbnail
    크로스쌤
    2020.10.19 03:12

    관리자의 승인을 기다리고 있는 댓글입니다

  8. thumbnail
    2020.10.20 16:26

    비밀댓글입니다

  9. thumbnail
    2020.11.03 20:03

    비밀댓글입니다

  10. thumbnail
    hello8
    2020.11.04 09:55

    관리자의 승인을 기다리고 있는 댓글입니다

  11. thumbnail
    Yu-me

    스킨 감사하게 잘 사용하고 있습니다. 감사합니다.
    이번 11월 1일 수정내용중 궁금한 것이 있는데요,
    html을 열어 확인해 보니 디스크립션 메타태그가 딱 한개 밖에 없는데 그냥 삭제해도 무관할까요?
    중복이라고 해서 두 개가 있을거라 생각했는데 한 개 밖에 없네요.
    궁금해서 질문드립니다.

  12. thumbnail
    시골아빠

    스킨감사히 잘 사용하겠습니다.
    저작권을 소중한데...나쁜 분들이네요!!^^
    전 확실히 표기한 부분 수정 안하겠습니다. ㅎㅎ

  13. thumbnail
    2020.11.09 10:55

    비밀댓글입니다

  14. thumbnail
    감사합니다
    2020.11.09 18:03

    관리자의 승인을 기다리고 있는 댓글입니다

  15. thumbnail
    2020.11.10 10:50

    비밀댓글입니다

  16. thumbnail
    2020.11.13 01:28

    비밀댓글입니다

  17. thumbnail
    트위터 공유?
    2020.11.13 18:29

    안녕하세요. 스킨 파일을 보면 sns 공유용 이미지에 트위터 이미지가 포함되어있는데, sns 공유 버튼에는 트위터 공유가 없는 것을 발견했습니다.

    일부러 빼신 건지, 실수로 빠진 건지 궁금해서 댓글 남깁니다.

  18. thumbnail
    2020.11.16 07:56

    비밀댓글입니다

  19. thumbnail
    피차돈노
    2020.11.21 16:26

    관리자의 승인을 기다리고 있는 댓글입니다

  20. thumbnail
    2020.11.24 11:06

    비밀댓글입니다

  21. thumbnail
    2020.11.24 21:45

    비밀댓글입니다