웹마스터 팁

  2. Support
  3. 웹마스터 팁

제로보드 XE에서 파비콘(favicon) 만들기

2008.05.26 21:08

tindrum

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) "를 이용해서 파비콘을 작성할수
           있음을 첨언합니다. 여기에 파비콘 프로그램을 만드는 방법이 있는줄 몰랐습니다. 괜히 고생했네요.

이 게시물을
좋아요(+4)
목록
제목 글쓴이 날짜
카테고리별로 최근게시물 뽑아오기 [11] file 팔공산 2008.05.22
회원 확장 변수(extra_vars) 출력하는 방법 [15] file 척~ 2008.05.23
배경음악 넣기(ZBXE를 기본폴더에 설치한 경우) [4] 백성찬 2008.05.26
IE6 한글도메인에 ZBXE 때문에 속 썩이시는 분 [1] 햇살과수원 2008.05.26
제로보드 XE에서 파비콘(favicon) 만들기 [8] file tindrum 2008.05.26
자바스크립트로 브라우저 타이틀 바꾸기 [4] Geun 2008.05.26
이미지 삽입후 이미지 위에 노란색 박스 사라지게하는 법 [5] dhseo 2008.05.28
스크롤바색상 변하게 [5] file 김민787 2008.05.28
오른쪽 마우스 사용 금지하기 [15] Fursys 2008.05.28
이전글, 다음글 얻기 [25] 라르게덴 2008.05.29
설문조사에서 로그인하지 않은 사용자는 투표하지 못하도록 수정하기 [3] mooo 2008.05.29
제로보드와 플래시 게시판 연동해서 사용하기 [5] Park Ki-tae 2008.05.30
확장변수 다중선택에서 체크박스의 선택개수를 제한하기 [5] file 우야꼬 2008.05.30
제로보드4 스타일 이전글/다음글 구현하기 (라르게덴님 팁 재탕) [12] file 老姜君 2008.05.30
본문글 하단 목록 옵션 처리하기 [4] file 老姜君 2008.05.31
가입시 웹마스터에게 가입했다는 메일 보내기. [4] file dhseo 2008.06.02
회원 가입시 admin이 가입 승인이후 동작시키도록 변경!! [1] dhseo 2008.06.02
웹용 색상코드표 기타 푸른커튼 2008.06.03
외부페이지 접근을 제로보드XE를 통해서만 접근을 허용 하고 싶다면 [9] 임기택924 2008.06.03
레이아웃에 스크립트를 이용한 화면을 띄우고 싶은 경우 [3] dhseo 2008.06.03
태그 쓰기