티스토리 스킨 변경방법과 변경 이후에 필수로 확인해야 될 요소에 대해서 알려드리겠습니다. 티스토리를 운영하다 보면 여러 가지 이유로 스킨을 변경해야 되는 경우가 발생하기도 합니다. 스킨 변경 이후 필수 확인요소를 놓친다면 애드센스 등에 문제가 발생할 수도 있습니다.
목차
1. 스킨 변경 방법
2. 스킨 변경 전/후 할 일
1. 스킨 변경 방법
티스토리를 운영하다 보면 목차 만들기, 광고 최적화 등 글을 쓰는 것 이외에도 해야 할 일들이 많습니다. 블로그 운영자가 직접 HTML이나 CSS를 수정할 일이 생각보다 많습니다. 보통 인터넷 검색을 통해 문제점을 해결하지만, 스킨에 따라서는 설명이 없는 경우도 있습니다. 이러한 경우 스킨을 변경을 해야 할 필요성이 발생합니다. 지금부터 스킨 변경 방법에 대해서 알아보겠습니다.
스킨 변경 방법 요약
- 1. 스킨 보관 : 관리자 화면 → 스킨변경 → 사용 중인 스킨 → 보관
- 2. 스킨 보관 확인 : 관리자 화면 → 스킨변경 → 스킨목록 → 스킨보관함
- 3. 스킨 변경 : 관리자 화면 → 스킨변경 → 스킨목록 → 스킨 선택 후 적용
1. 스킨 보관
스킨 변경에 앞서 현재 사용 중인 스킨을 보관해야 합니다. 다른 스킨으로 변경한 이후에 문제점이 발생할 경우, 기존 스킨을 임시적으로 사용해야 될 필요성이 있기 때문입니다. 그리고 스킨 보관의 가장 중요한 이유는 애드센스 태그, 구글 서치콘솔 및 네이버 서치어드바이저 같은 태그가 현재 사용 중인 스킨의 HTML에 등록되어 있기 때문입니다.
1. 스킨 보관 : 관리자 화면 > 스킨변경 > 사용 중인 스킨 > 보관으로 이동합니다.
만약 사용 중인 스킨에서 보관 버튼이 보이지 않는다면, 스킨목록 > 스킨보관함 > 사용 중인 스킨 > 보관의 경로를 이용하시면 되겠습니다. 스킨명을 입력하고 확인을 누르시면 현재 사용 중인 스킨이 정상적으로 보관이 완료됩니다.,
2. 스킨 보관 확인 : 관리자 화면 > 스킨변경 > 스킨목록 > 스킨보관함으로 이동합니다.
스킨 보관을 실행했다면, 스킨이 잘 보관이 되어 있는지 반드시 확인해야 합니다. 저도 티스토리를 사용하면서 서식 저장이나 글쓰기에서 오류가 종종 발생하는 것을 경험하기도 했습니다. 아래 그림은 테스트로 만들어 본 스킨 보관 화면입니다.
2. 스킨 변경
스킨을 보관하였다면 원하는 디자인의 스킨을 변경해야 합니다. 개인들이 만든 스킨도 좋지만, 티스토리의 스킨목록에 있는 스킨 중에서 선택하시는 것을 추천드리겠습니다.
1. 스킨 변경 : 관리자 화면 > 스킨변경 > 스킨목록으로 이동합니다.
Poster, Square, 북클럽, Odyssey, Letter 등의 다양한 스킨 중에서 선택하여 적용을 클릭하면 스킨 변경은 완료됩니다.
2. 스킨 변경 전/후 해야 할 일
스킨 변경 전 및 변경 후에 해야 할 일에 대해서 이야기해 드리겠습니다. 가장 중요한 것은 애드센스 연결 코드, 네이버 서치어드바이저 및 구글 서치콘솔의 HTML 코드를 따로 보관하는 일입니다. 그리고 개인적으로 추가한 코드(자동 목차 등)의 첨부 위치 및 코드 저장을 해야 합니다. 정리하면 다음과 같습니다.
- 변경 전 : 애드센스 연결, 네이버 서치어드바이저, 구글 서치콘솔 등 HTML 코드 보관
- 변경 후 : 보관한 HTML 코드를 정확한 위치에 입력하기
1. 스킨 변경전 해야 할 일
스킨 변경 전에 해야 할 일은 여러 가지가 있습니다. 현재 사용 중인 스킨의 글자크기 및 줄간격 등의 설정, CSS 및 HTML에 첨부하 코드 등이 있습니다. 글자크기는 비교적 쉽게 변경이 가능합니다. 그러나 가장 중요하게 생각해야 할 것은 구글 애드센스, 구글 서치콘솔, 네이버 서치어드바이저 관련 코드입니다. 새로운 스킨에 적용하지 않는다면 다음과 같은 문제점이 발생합니다.
- 1. 구글 애드센스 연동이 되지 않아 수익이 '0원'이 될 수 있습니다.
- 2. 새로운 글을 발행하더라도 네이버나 구글에 노출이 되지 않습니다.
- 3. 구글과 네이버에 글 색인을 위해 다시 등록(rss, sitemap 등) 해야 하는 번거로움이 발생합니다.
1. 중요 코드 저장 : 관리자 화면 > 스킨편집 > html편집 > HTML으로 이동합니다.
북클럽 기준으로 이야기드리면, <head>와 <meta charset="UTF-8"> 사이에 현재 입력되어 있는 코드를 메모장에 저장해 놓습니다. 아래는 사용 중인 스킨의 저장할 HTML 코드 위치를 나타낸 그림입니다.
2. 스킨 변경후 해야 할 일
스킨 변경 후에는 저장한 코드를 새로운 스킨에 입력해야 합니다. 스킨의 종류에 따라서 입력해야 할 위치에 약간 차이가 있습니다. 대표적인 스킨별로 저장해야 할 위치를 안내해 드리겠습니다.
코드 저장위치를 파일로 첨부했습니다. 필요하신 분들은 다운로드하십시오.
코드 복사 이후 다음과 같은 의문점이 생길 수 있습니다.
- 구글 애드센스 수익은 제대로 발생되는가?
- 구글 서치콘솔과 네이버 서치어드바이저에 다시 한번 등록해야 하지 않을까?
- 내가 쓴 글이 제대로 색인 또는 노출이 되고 있는가?
여기에 대한 답은 "모두 정상 작동합니다"라고 말할 수 있습니다. 코드 복사만 정확한 위치에 해주시면 다른 것은 신경 쓰시지 않으셔도 됩니다.
지금까지 티스토리 스킨변경 방법과 변경 전/후 필수 확인요소에 대해서 말씀드렸습니다. 필수로 해야 할 일만 정확히 확인한다면 스킨변경은 걱정 없이 실행하실 수 있습니다. 이 글이 스킨변경에 어려움을 겪고 계신 분들에게 도움이 되었으면 합니다.
티스토리 블로그 링크버튼 만들기 총정리
티스토리 블로그에 사용되는 링크버튼 만드는 방법에 대해서 총정리해 보겠습니다. 링크버튼은 블로그 글을 쓸 때 사용할 일이 많습니다. 글의 내용에 따라 매번 만들기도 하고, 서식 형태로 활
moneymaster2015.tistory.com
'IT > 티스토리' 카테고리의 다른 글
| 티스토리에서 따옴표 닫기를 만들어보자! (0) | 2023.06.01 |
|---|---|
| 티스토리 북클럽 본문 넓이 수정하는 방법 (2) | 2023.05.27 |
| 티스토리 글씨체(폰트) 및 글자 크기 변경하는 방법 (0) | 2023.05.24 |
| 티스토리 소제목 꾸미기 총정리(CSS, HTML 및 서식활용) (5) | 2023.05.20 |
| 티스토리 블로그 링크버튼 만들기 총정리 (4) | 2023.05.17 |
댓글