본문 바로가기
IT & TIP

티스토리 스킨 변경시 선행되어야 할 작업

by 슈왕 2024. 2. 26.

목차

    티스토리 스킨 변경작업전 선행해야 하는 작업에 대해 알아보자.

     

    블로그를 운영을 하면서 스킨변경에 처음 도전해보려고 합니다.

    티스토리를 운영하는 것이 저한테는 쉽지않습니다. 컴퓨터를 잘 다루지 못하고 블로그에 대한 지식이 많이 없어서

    구글에서 많이 검색을 하면서 운영을 해보고 있습니다.

     

    정보성 글을 써야하는지 , 이슈가 있는 글을 써야하는지. 왜이리 방문자는 없는건지. 참 답답하기도 합니다!

    그래도 꾸준히 글을 쓰다보면 무엇인가 남는 것이 있겠지 라고 생각하면서 글을 쓰고 있습니다.

     

    문득 가독성 있는 다른 분들이 운영하는 티스토리에서 보면 , 제가 사용하는 스킨하고 많이 다르다는 것을

    알게되고.스킨을 변경하려고 여러가지를 알아보았습니다.

     

    티스토리를 운영하고 있다면 스킨을 변경하는게 쉬운게 아니라는 글을 어디선가 본적이 있습니다만,

    가독성 있는 티스토리를 위해 변경하기로 결정을 내리고 알아보았습니다.

     

     

     

     

     

     

    주의사항으로 2가지가 있습니다.

    하나는 티스토리 html 부분에 <head> 와 </head>사에에 있는 코드를 보관한 이후에 변경해야 한다고 합니다.

    아무래도 애드센스 나 서치콘솔 같은 메타코드들을 입력했던것들이 티스토리 스킨을 변경하면

    사라지는 것 같습니다.

     

    나머지 하나는 스킨백업을 먼저 하고 작업을 하라고 하는데요, 자세히 한번 알아보겠습니다.

    티스토리 스킨 변경 순서

    ①.기존 스킨을 보관 진행

    티스토리 블로그 관리 → 꾸미기 → 스킨변경 →사용중인 스킨 → 보관 클릭!

     

    ②.스킨보관 창이 나오면 스킨명에 원하는 이름을 입력후 [확인]클릭해주세요!

    저는 날짜와 스킨명을 적고 백업이라고 적어놨습니다.

     

    ③.혹시 스킨변경후 어떤 잘못된 일이 일어나면 기존 스킨으로 변경이 되는 것 같습니다.

     

     

    html 이 <head>의 내용을 백업

    이번에는 블로그 html관리에서 코드를 백업을 할것인데요. 주로 백업해야 할 내용으로는 

    A.구글 애드센스 코드 

    B.구글 서치콘솔 코드

    C.네이버 서치어드바이저 코드 

    이렇게 3개의 코드를 백업해야 합니다.

     

    ①.블로그관리 → 스킨편집 클릭!

    ②스킨편집창이 열리면 우측에  html편집 클릭해주세요!

    ③상단에 <head> 부터 <~head> 까지의 내용을 복사해서 메모장에 저장을 해놓으면 됩니다.

    ④ 모든 내용을 백업할 필요는 없지만 , 위에서 알려드린 세가지 코드를 백업해야 합니다 

     

    A.구글 애드센스 코드 예시

    <script async src="ooooo clent=ca-pub-1234567890"crossorigin="anonymous"></script>

    B.구글 서치콘솔 코드 

    <meta name="naver-site-verification" content="OOOOOOO" />

    C.네이버 서치어드바이저 코드

    <meta name="google-site-verification" content="OOOOOOO" />

     

    이렇게 3가지 코드를 백업했다가 , 신규로 스킨변경을 했다면 다시 <head>와 <~head>사이에 넣어주면 됩니다.

     

    신규 다운받은 스킨변경방법

    이제 백업을 마쳤다면 , 스킨을 변경하면 됩니다.

     

    ①블로그 꾸미기 → 스킨변경 → 스킨등록 클릭!

     

    ②이번에 변경할 스킨은 무료버전스킨을 다운받았습니다. 압축풀고 해당 파일을 업로드 해줍니다.

    index.xml / skin.html / style.css 파일이 모두 업로드가 되어야 합니다.

     

    ③위의 화면에서 우측 하단 <저장>을 클릭하면 , 스킨저장이라는 메뉴가 나오는데요 

    스킨명을 입력후 [확인]을 클릭해주세요

     

    ④업로드 이후 , 스킨보관함을 클릭해주세요!

     

    ⑤ 스킨목록에 기존에 백업한 스킨과 이번에 등록한 스킨이 있습니다. 신규 스킨을 [적용]을 클릭해주세요!

     

    ⑥ 스킨을 변경하면 홈커버 , 사이드바 설정이 초기화 될 수 있다는 경고가 나오게 됩니다 [확인]을 클릭해주세요!

     

    이제 스킨이 적용되었습니다.

     

    백업했던 코드들을 다시 html에 입력하기

     

    마지막으로 위에서 백업했던 html 코드중 3가지 백업한것을 

    다시 티스토리홈 관리 →꾸미기 →스킨편집 → html편집 → <head> <~head> 사이에 백업했던 3가지를 복사해서붙여넣기를  해주고 [저장]을 클릭합니다.

     

    📌이렇게 해서 ,스킨변경을 완료했는데요. 스킨이 변경되고 약간 적응이 안되지만 , htaml 백업을 하고 다시 저장하는것을 스킨변경시 잊으면 안될것 같습니다.

    감사합니다.

     

     

    댓글