IT's/Informations

티스토리 파비콘 적용이 안될 때 해결하는 방법 최신 버전 !

IT‘S EASY 이츠이지 2021. 1. 4. 18:03

 
안녕하세요 파비콘 적용이 안되시는 분들을 위해 글을 작성해 봅니다.
티스토리 블로그에 파비콘을 적용할 때 기존 스킨이 아닌 분들은
적용이 안 되는 경우가 있다고 합니다.
여러 사람들이 배포한 스킨은 여러 가지 소스가 변경되어 있어서안 되는 경우들이 생긴다고 하는데요.
 
사실은 저도 적용이 안돼서 여기저기 검색을 해봤는데,
전부 예전 자료들이라서 현재는 직접적으로 바로는 적용이 불가능하더라고요.
 
그래서 저와 비슷한 분들을 위해 최신 글을 남겨 봅니다.
 
 
 
첫 번째 방법입니다.
 
파비콘을 설정하기 위해서는 우선적으로, 파비콘으로 설정할 이미지의
확장자명을 변경해주어야 합니다.
 
확장자 변경 방법은
 
 
 

파일에서 노란색으로 표시한 보기를 누른 뒤, 표시 및 숨기기에서
파일 확장명에 체크를 해 주신 후, 파일 이름 바꾸기에서 .pnp를 지우고
.ico 로 변경해주시면 되겠습니다.
 
그 후에,
 
 

관리자에 들어가셔서 관리 - 블로그에 들어가 줍니다.
 

그 후 노란색으로 표시한 불러오기를 선택해 줍니다.
그리고 자신이 생성한 파비콘 아이콘을 선택해주면 됩니다.
 
 
여기서 끝나면 누구나 할 수 있는 파비콘 변경이겠죠?
 
바로 이어서 두 번째 방법을 알려드리겠습니다.
두 번째 방법은 파비콘을 강제로 넣는 방법입니다.
무슨 말이냐? 하실 수 있는데요,
 

 
먼저,  꾸미기의 스킨 편집을 눌러줍니다.
 
 

그 후에 노란색으로 표시된 html 편집을 눌러줍니다.
누르면 굉장히 많은 알파벳들이 보이실 텐데요,
당황하지 마시고
 
 
 

 
"파일업로드" 를 눌러줍니다.
 
 
 

 
그리고 추가 버튼을 눌러서 아까 변경해놓은
파비콘 ico 파일을 추가해줍니다.
 
그 후 파비콘 파일이 추가가 됐으면, 오른쪽 마우스 클릭 후 
"링크 주소 복사" 를 눌러줍니다.
 
 
 

그리고 다시 HTML로 돌아와서
 
"<link rel="shortcut icon" href="https://itseasy.tistory.com/favicon.ico" />"
 
라는 소스코드를 찾아주세요.
 
찾으셨으면
 
"<link rel="shortcut icon" href="[##_blog_link_##]favicon.ico" />"
 
노란색으로 표시한 부분에 붙여 넣기(Ctrl + V)를 해주세요.
 
그 후 오른쪽 위에 적용을 눌러주시면
파비콘이 적용된 모습을 확인하실 수 있을 겁니다.
 
저는 두 번째 방법을 통해 파비콘을 적용시켰습니다.
저처럼 변경이 안돼서 어떻게 해야 할지 고민 중이신 분들이
계실 거 같아서 글을 남겨보았습니다.
궁금하거나 이해가 안 되는 부분이 있다면 댓글로 남겨주세요.
 
도움이 되셨길 바라면서 저는 다음에 뵙겠습니다.
 
감사합니다.