웹마스터 팁

  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)
목록
제목 글쓴이 날짜
페이지 작성 시 팁. 꼬꼬마 초보만 오세요. 배치 문제.. [7] 연필깎는까치 2009.08.20
미디어(이미지,플래시 등) 파일 무단링크 차단 [8] 도라란 2011.07.11
"스팸필터에 IP추가" 메뉴 미작동 패치 [1] showjean 2012.08.31
XE에서 jQuery의 $를 쓸 때에 대한 문제 [7] Hide_D 2009.11.21
게시판 확장변수 설명 삭제 안 되는 버그 해결방법 sejin7940 2012.08.30
회원가입폼의 추가 폼에서 설명 부분 안 지워지는 버그 수정법 sejin7940 2012.08.30
ssl 적용시 ie8에서 보안경고창이 뜨는 경우 [2] 휘즈 2012.08.14
관리자페이지 전체 댓글 리스트에서 추천/비추천수 안 나오는 버그 수정법 [2] sejin7940 2012.06.22
1.5 업데이트후 Textyle Hub 블로그생성 오류 수정방법 해피해킹 2012.08.27
웹호스팅 사용자를 위한 SSL 보안서버인증 적용하기 [1] 우진홈 2012.08.25
ssl 항상적용시 첨부화일 오류 해결 [1] 민수짱짱 2012.08.24
제로보드 XE에서 파비콘(favicon) 만들기 [8] file tindrum 2008.05.26
크롬에서 ssl 에러(?)나는 경우_노란삼각형 나우는 경우 민수짱짱 2012.08.24
개인정보보호 참고자료 [2] file misol 2012.08.22
PHP로 PDF만들기 2 - 한글 사용 [2] 행복한고니 2006.06.17
계정(HDD) 사용량 출력하기 대류 2012.01.01
php 피카사 연동 프로그래밍 [1] 강아지60 2012.02.06
현재 트래픽 출력하기 [1] 대류 2012.01.01
php버전이 변경되어 deprecated 오류가 나올때 [2] 오리진소프트 2012.07.27
mysqli bind_result에서 발생하는 memory 오류 대처법 cherryfilter 2012.08.14
태그 쓰기