[고래 스킨 3.4] 티스토리 스킨 배포 2020.04.28

[고래 스킨 3.4] 티스토리 스킨 배포 2020.04.28

PSD 파일 분실로 이 사진은 나중에 변경하겠습니다..

안녕하세요. 고래의 개인노트입니다. 꼭 필요한 기능과 최소한의 디자인, 깔끔한 스킨을 원하시는 블로거분들을 위해 티스토리 반응형 스킨 고래 스킨을 배포합니다. 블로그 디자인 관련, 추가 기능 요청 문의는 댓글 또는 이메일 주시면 업데이트시 반영하여 수정 및 배포하도록 하겠습니다.

티스토리 고래 스킨 3.4 다운로드

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

기존 고래 스킨 3.2 보다 블로그 속도를 빠르게 접속할 수 있도록 개선하였으니 사용중 불편사항이나 추가사항을 말씀해주시면 반영하도록 하겠습니다. 또 3.3 업데이트 버전 사용중 버그를 발견 하신분은 댓글 남겨주시면 빠르게 수정후 배포할 수 있도록 하겠습니다.

구글 애드센스 광고 사이즈 최적화

네이버, 구글 검색 노출 최적화

헤더 영역 배경색 설정 기능

사이드바 배치 설정 기능

모바일 썸네일 뷰 설정 기능

3.4 업데이트 내역

메뉴바 관련해서는 시간 되는데로 테스트 해보고 업데이트에 반영할 수 있도록 하겠습니다.

사이드바 인기 게시글 영역 추가

사이드바 사이즈 조정 ( 기본 300PX )

본문 사이즈 조정 ( 기본 720 PX, 애드센스 광고 사이즈 )

일부 CSS 최적화

메인 화면 리스트 사이즈 조정

메인 화면 썸네일 사이즈 조정

단락 공백 제거 ( 글 작성시 설정 -> 콘텐츠 설정 -> 단락 앞뒤 공백 사용 X 체크 )

심각한 오류 발견 00시 이후로 배포하겠습니다. (4월 29일)

스킨을 업데이트 하실분은 아래 사항을 꼭 참조하셔서 진행 하시길 바랍니다.

헤더 영역 배경색 설정 기능

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

사이드바 배치 설정 기능

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

모바일 썸네일 변경 설정

티스토리 스킨 썸네일

모바일 기기에서 본인의 블로그에 접속시 보여지는 메인화면의 썸네일 영역을 설정할 수 있습니다. 제공되는 옵션은 두가지로 좌측에 보이는 이미지처럼 썸네일이 크게 보여지는것이 기본 옵션이고 우측에 보이는 이미지처럼 썸네일이 작게 보여지는 것이 선택할 수 있는 추가 옵션입니다.

티스토리 스킨 등록 방법

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

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

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

images 폴더가 업로드 되지 않음.

압축 파일을 해제한 다음, 스킨 등록 시 드래그해서 올리게 되면 왼쪽 화면에 보이는 파일목록 영역에 images 폴더가 정상적으로 업로드되지 않은 걸 알 수 있습니다. 따라서, 다시 추가 버튼을 클릭한 다음 images 폴더 안의 파일을 다시 드래그하셔서 업로드하셔야 모든 티스토리 스킨 배포 파일이 정상적으로 업로드 완료됩니다.

티스토리 스킨 필수 설정

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

티스토리 스킨 꾸미기 설정 -> "모바일 자동 연결 사용하지 않습니다."

티스토리 스킨 콘텐츠 설정 -> "단락 앞뒤에 공백을 사용하지 않습니다."

티스토리 플러그인 사용 설정 -> "카테고리 글 더보기"

본인이 원하는 헤더 배경색상 설정

본인이 원하는 사이드바 설정

본인이 원하는 모바일 썸네일 크기 설정

공지사항, 광고 영역 사이드바 설정

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

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

티스토리 스킨 배포 라이센스

고래 스킨은 무료로 배포되며, 무단 배포 및 저작권 명시 부분 수정, 재배포를 금지합니다.

이 티스토리 스킨은 판매의 목적으로 사용될 수 없습니다.

브라우저 지원

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

Internet Explorer 11

Internet Explorer 10

Chrome

Firefox

Android Chrome

Android Samsung Internet

마지막으로..

대학 생활 하면서 돈 번다고 이것저것 하다 보니 블로그 스킨에 신경을 미쳐 못쓰고 있습니다. 더 좋은 스킨을 만들 수 있음에도 무료로 배포한다는 것 때문에 참.. 마음가지기가 어렵네요. ⋌༼ •̀ ⌂ •́ ༽⋋ 유료 스킨 판매하시는분처럼 유료 전환하고 할 수 있음에도 또 그러기는 싫고요..

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

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

from http://privatenote.tistory.com/28 by ccl(A) rewrite - 2020-04-28 22:00:37

댓글