티스토리 / / 2020. 11. 1. 03:36

[고래 스킨 4.0] 티스토리 스킨 배포 2020.11.01

반응형

티스토리 고래 스킨 4.0 안내

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

 

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

 

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

 

데모 블로그

 

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

 

고래 스킨 4.1 업데이트 안내 2022/10/06

아래 게시글로 이동하여 확인 바랍니다!

 

https://privatenote.tistory.com/250

 

고래 스킨 4.1 최신 업데이트 안내

안녕하세요. 고래의 개인노트입니다. 지난 시간동안 많은 여러분들께서 제 스킨에 대한 관심을 가져주신 덕에 정말 많은 업체들로부터 외주 연락을 받았습니다. 안타깝게도 모두 거절했지만요.

privatenote.tistory.com

 

 

 

 

 

 

 

 

-------------------------------------------------------------------------------------------

 

목차펼치기

 

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

 

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

 

 

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

 

Description 메타 태그가 중복되어 제거했습니다.  이미 스킨을 사용 중이신 분들은 스킨 편집에서 <head> 태그 안에 <meta name="description" Content="윈도우 10, 다운로드 팁, 사이트 추천, IT 관련 정보 제공" /> 부분을 찾아 제거하시면 됩니다. 

 

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

 

마지막으로..

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

 

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

 

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

 

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

 

 

 

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

 

 

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

 

 

반응형
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유