워드프레스 블로그에 간단히 파비콘 달기

파비콘(favicon)은 브라우저 주소창 또는 탭에 블로그, 웹사이트를 대표하는 아이콘을 표시하는 것입니다. 파비콘이 설정되어 있지 않으면 하얀 백지 아이콘만 표시 됩니다. 워드프레스에는 파비콘을 설정할 수 있는 여러 플러그인이 있지만 테마에 따라 적용이 안되는 경우가 있습니다.

Daynamic drive-favicon generator를 이용하면 플러그인을 설치하지 않고 자신의 이미지를 이용한  아이콘 제작과 파비콘을 간단히 만들 수 있습니다.

favicon1.jpg

  • Daynamic drive-favicon generator에 접속, 파비콘을 만들고자 하는 이미지를 업로드-create icon을 클릭합니다. 업로드 할 수 있는 이미지의  최대 크기는 150kb이므로 작은 이미지를 사용하거나 용량이 큰 이미지는 미리 크기를 줄여야 합니다.

favicon2.jpg

  • 생성된 아이콘 파일을 워드프레스 미디어 라이브러리에 업로드 하고 url 주소를 복사합니다.(아래 이미지에 파일 확장자가 jpg로 표시된 것은 무시하세요. 아이콘 파일의 확장자는 .ico이며 아이콘 파일만 파비콘으로 설정할 수 있습니다.)

favicon3.jpg

  • 아래 코드에서 붉은색 글씨로 표기된 곳에 아이콘 파일의 url 주소를 복사 붙이기 한 다음 다시 전체 코드를 복사합니다..

<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">

  • 테마(appearance)-편집-header.php 편집으로 들어가 마지막 부분에 코드를 붙이기 하면  됩니다.

http://tools.dynamicdrive.com/favicon/

About drchoi

Hi, I am a IT-blogger and Plastic surgeon. I like web surfing and I am really into productivity. This website is providing daily reviews and tutorials which involve website, web-applicaiton, mobile apps, software and blog.
drchoi blog는 윈도우7 기본 글꼴인 맑은고딕 글꼴에 최적화 되어 있습니다.

  • http://dr-choi.kr DRCHOI

    그거..ㅎㅎ 자주 놀려오세요. ^^

  • 김하니

    아하.. 이것을 파비콘이라고 부르는군요. drchoi님 블로그 구경하다가 우연히 이 글을 읽었어요. ㅎ 늘 궁금했지만 이름을 몰라서 ‘그거’라고만 불렀는데.. ㅎ 

  • http://dr-choi.kr DRCHOI

    요즘에 워프에 관해서 글을 쓰는 사람이 거의 없어서 그런가봐요..^^

  • http://fruitfulife.net/wp 이안

    고맙습니다. 덕분에 파비콘 달았어요. ^^
    워드프레스에 궁금한거 있어서 검색만 하면 선생님 포스트가 나오는 바람에 자주 들리지 않을 수가 없네요. ㅎㅎ