티스토리 스킨 변경 방법
- 소소한이야기/더 소소한...
- 2019. 3. 12. 19:54
블로그를 조금하다보니 스킨에 관심이 생겨 스킨을 바꿔 보았습니다. 바꾸기 전에 스킨변경으로 검색해 보았더니 바꾸고 나면 검색이 안될 수도 있다고 스킨바꾸지 말라고 권하시는 분이 많았습니다. 처음에는 겁이나서 망설이다가 어차피 지금 검색으로 방문하는 경우는 수십건밖에 안되니 나중에 검색 방문자가 많아질 때보다 마음편히 바꿀 수 있겠다 싶은 생각입니다.
1. 지금 스킨 보관
혹시 새 스킨이 마음에 들지 않거나 작동이 잘 안되면 되돌아 와야 하니 지금 스킨을 보관합니다.
블로그 관리에 들어가서 꾸미기의 스킨변경을 선택합니다. 현재스킨의 스킨보관(1)을 클릭하면 2의 팝업창이 나옵니다. 3의 빈칸에 보관하고 싶은 이름을 적고 확인을 누릅니다. 새 스킨에 문제가 생기면 스킨보관함에 들어가면 현재의 스킨이 보관되어 있습니다.
2. 현재스킨의 헤드부분 복사
스킨 편집으로 들어가서 html수정에서 <head></head>사이를 복사해서 메모장에 저장해 두었습니다.
3. 새 스킨 적용
스킨변경에서 제공하는 티스토리 스킨을 사용해도 되는데 마침 "친절한 효자손"이 스킨을 배포하셔서 잘 모르지만 블로그가 작을때 이것저것 시도해 보는게 좋겠다 싶어서 걱정은 되지만 스킨을 다운 받아와서 설명대로 스킨을 등록하고 적용했습니다.
일단 새 스킨이 작동을 하니 그것 자체도 신기합니다.
4. 메타(meta) 적용
네이버 사이트 소유 확인이나 구글검색 콘솔을 적용했던 메타태그를 다시 옮겨 적어야합니다. 새 스킨이 적용된 블로그의 스킨 편집에 가서 html을 폅니다. 좀 전에 만든 헤드부분 복사한 메모장에 가서 naver나 google이 적혀있는 <meta....>라고 적혀 있는 부분을 한줄씩 복사해서 비슷한 위치에 붙여 넣습니다.
뭐가 뭔지는 정확히 모르겠지만 구글검색과 네이버 검색을 도우는 웹마스터 도구와 구글 애널리틱스, 네이버 에널리틱스할때 넣었던 메타태그 였던거 같습니다.
정확히 모르니 다시 네이버 웹마스터도구로 들어가서 사이트 검사를 해보니 모두 초록색체크가 되어있고 소유주 확인도 이미 되어있다고 나옵니다. 내 사이트 주소를 클릭해서 현황-사이트 최적화를 클릭합니다.
모두 최고라는 상태이지만 초보라 다른 분이 권하는 다음단계도 한번더 했습니다.
5. rss 제출
네이버 웹마스터도구와 구글서치콘솔에 가서 사이트맵과 rss를 다시 제출해 주었습니다. 원래 http://주소로 작성해서 이번에는 https://주소로 바꾸어 새로 사이트맵을 작성해서 제출했습니다.
6. 빼고 싶은 사이드바 메뉴 저장후 삭제
새스킨의 스킨 편집에 들어가니 주석이 많이 있어서 쉽게 편집이 되어서 연습삼아 몇가지 해 보았습니다.
스킨편집의 html로 들어가서 사이드바에 없애고 싶은 부분은 사이드바 영역에 가서 복사해서 메모장에 만들고 지운후 그림처럼
공지사항 넣는 위치라고 주석을 만들어 두었습니다. 나중에 다시 필요하면 메모장을 복사해서 여기 붙일 생각입니다.
7. 아이콘과 중복된 티스토리 제공 메뉴 삭제
마음에 들게 바꿨다 싶었는데 예쁜 아이콘의 검색영역에 진하게 보이는 옆으로 짜잘한 글자들이 있어 찝찝해 친절한 효자손님께 여쭸더니 쉽게 해결해서 지금처럼 예쁘게 되었어요. 꾸미기-설정에서 블로그 메뉴바가 표시되어 있는것을 숨기니 없어지네요. 혼자서 얼마나 고민했는데 쉽게 해결했습니다.
사이드바의 카운터도 오늘과 어제, 총 방문자가 나오는데 오늘과 총방문자만 남겼습니다. 사이드바의 카운터라는 부분에 가니 어제를 출력하는 영역이 보여서 마찬가지로 메모장에 저장하고 잘라냈습니다. 총방문자만 진한 글자여서 css를 선택하고 css영역에서 Ctrl-F를 누르면 노란 부분이 생깁니다. 여기에 html에서 보던 rgy-counter을 넣어 엔터를 치면 그곳으로 이동해서 노랗게 보여 주네요. total에 bold가 굵게 나오는 형식인 것 같아서 blod를 지웠더니 today와 같은 굵기로 나옵니다.
8. 친효스킨 아이콘 수정
로그아웃되어 있는 상태에서는 자물쇠가 잠겨져 있고 마우스를 가까이 가져가면 <로그인>이라는 글자가 나오면 좋겠는데 <로그아웃>이 적혀있어서 스킨편집에서 html 문서 내에 아무곳에서나 클릭해서 ctrl-F를 누르고 로그인이라고 치고 엔터하면 거의 마지막 부분에 노란 커서가 생깁니다. 여기서 로그아웃과 로그인을 바꿨더니 제가 원하던 모양이 되네요.
지금의 모양이 마음에 들어 스킨보관을 해놓았습니다. 여유되면 하나씩 고쳐볼 생각입니다.
하루가 지났는데 검색 방문자가 줄지 않은 것을 보니 스킨 바꾸는 연습을 잘 해 봤다는 생각이 듭니다.
'소소한이야기 > 더 소소한...' 카테고리의 다른 글
| 티스토리와 네이버 이웃추가 버튼 함께 달기 (8) | 2019.03.19 |
|---|---|
| 익스플로러 시작화면과 새탭 빈화면 설정 (&바탕화면 바로가기) (0) | 2019.03.14 |
| 구글애널리스틱에서 내 IP 제외하는 방법 (2) | 2019.03.13 |
| 티스토리에 네이버 이웃커넥트 달기 (0) | 2019.03.09 |
| 티스토리에 동영상 삽입하기 (2) | 2019.02.28 |