워드프레스 파비콘(favicon) 아이콘 변경 추가방법

웹브라우저 주소창 제목 표시줄에 나타나는 아이콘을 파미콘(Favicon) 이라고 하며 사용자의 웹사이트나 워드프레스의 가독성을 높이기 위해서 사용자만의 파미콘을 만들어서 추가 또는 변경할수가 있답니다.

보통 웹사이트에 파미콘을 추가하고자 한다면 태그내에 삽입을 해야하지만 워드프래스의 경우에는 업데이트 경로를 제공하므로 굳이 코드를 삽입하지 않고도 바로 파미콘을 추가하는것이 가능합니다.

워드프레스 파비콘 추가 변경

먼저 워프(WP)의 경우라면 ‘외모 > 사용자 정의하기 > 사이트 아이덴티티 > 사이트 아이콘 업로드’ 경로를 선택하여 ‘사이트 아이콘 선택’ 을 하며 폴더내에서 사용자가 만들어둔 파미콘을 추가합니다.

파미콘 크기와 확장자 선택

기본적으로 파미콘의 크기는 16 x 16, 32 x 32 로 만들어야 하며, 사이트 아이콘은 정사격형이고 최소 512 x 512 픽셀로 확장자는 .icon , .png 를 주로 사용합니다.

워프 파미콘 제거 및 변경

추가한 파미콘의 경우에는 아래와같이 미리보기로 나타나게 되며 제거 및 이미지 변경을 통해서 사용자가 언제든지 업데이트가 가능합니다.

웹사이트내 소스코드 적용

사용자의 웹사이트에 기본적인 파미콘을 추가하고자 한다면 <head> 태그 안에 아래와 같은 소스코드를 작성하여 넣어주시면 됩니다

 <head> 
 <link rel="shortcut icon" href="경로/파비콘이름.png">
 </head>

파미콘 적용후..

사용자의 웹사이트나 워드프레스에 파미콘(Favicon)을 적용하였지만 반영이 되지 않았다면 웹브라우저를 초기화(Edge: 설정 > 원래대로 설정)를 하고 브라우저를 열면 반영된것을 확인할수 있습니다.

Leave a Comment