XE에서 파비콘(favicon) 만들기

XE에서 파비콘(favicon) 만들기

Click the link to read the article: https://www.xpressengine.com/

===

1. 파비콘(Favicon)이란 무엇인가?
파비콘은 Favorite Icon을 줄여서 부르는 말로서,  인터넷 주소창에 인터넷 주소를 입력하거나
즐겨찾기에 떤 웹사이트를 추가하였을때 나타나는 작은 아이콘을 말한다. 제로보드 싸이트에서도
파비콘을 사용하고 있지요.

위 화면에서  이 파비콘이다. 이 파비콘을 어떻게 만드는가에 대한 설명이 서기님의 싱싱해
홈페이지에 잘 설명되어 있다.( http://www.singsinghe.co.kr 의 “홈페이지에 아이콘을 달아보자” 참고)
그럼에도 불구하고 여기에서 다시 파비콘을 언급하는 이유는 무엇인가? 그이유는 제로보드 XE의
경우 파비콘을 만드는 방법이 일반적인 홈페이지의 경우와 다르다는 데 있다. 일반 홈페이지의 경우
파비콘을 만드는 방법은 다음과 같다.
(1) 파비콘으로 쓸 16×16pixel의 아이콘을 준비한 후
     (2) favicon.ico 라는 이름으로 저장한다.
(파비콘을 만들어 주는 싸이트 들이 많이 있으니까 그곳에서 만들면 된다.)
(3) favicon.ico를 웹사이트의 원하는 폴더에 넣어두고,
(4) 아래의 태그를 index.html 파일의 <head> 태그 다음에 넣어주면 된다.
          <link rel=”shortcut icon” href=”경로/favicon.ico” type=”image/x-icon” />

* 파비콘을 만들어 주는 싸이트로 외국 싸이트는 http://www.html-kit.com/favicon/ 등이 있고,
국내싸이트는 http://www.faviconbox.kr/ 등이 있다.

2. 제로보드 XE에서 파비콘을 만드는 방법
    (1) 본인의 경우 사용하고 있는 서버의 디렉토리 구조는 다음과 같다.

(2)  제로보드 XE 폴더인 ZBXE폴더내에 favicon.ico 파일을 업로드 시킨다.
(반드시 파일명이 favicon.ico 이어야 함에 주의. 다른 이름을 쓰면 절대 않됨. 본인의 경우는 파비콘  만드는
싸이트를 이용하지 않고 네이버에서 다운받은 icoFX라는 프로그램을 이용해 파비콘을 만들었다.)

(3) 다음은 태그를 입력하기 위해 자신의 싸이트에 관리자로 입장하여, 레이아웃 관리의 헤더스크립트 란에
<link rel=”shortcut icon” href=”경로/favicon.ico” type=”image/x-icon” /> 을 입력하면 된다.

(4)  이상으로 제로보드 XE에서 주소를 입력했을때 파비콘을 보여주기 위한 작업은 모두 끝났다.
하지만 반드시 실시해야 할것이 하나 있다. 파비콘이 제대로 보여줄 준비가 되어 있는지를
첵크하는 것이다. validation 첵크를 위해 http://www.html-kit.com/favicon/validator/ 로 입장한다.
본인의 홈페이지인 http://www.nsh.kr/ 에 대해 첵크해 보았다.


(5) 이런과정을 거쳐 본인의 싸이트에 적용된 파비콘을 보면 다음과 같다.(직접보려면 ” 여기 “를 클릭하세요)


(6) 애드온의 민수님이 작성한 “기본메타태그입력기(http://www.zeroboard.com/16639894) “를 이용해서 파비콘을 작성할수
있음을 첨언합니다. 여기에 파비콘 프로그램을 만드는 방법이 있는줄 몰랐습니다. 괜히 고생했네요.