메뉴 건너뛰기

XE : Xpress Engine


XE에 대한 생각! XE에 대한 공감! - XE를 사용하는 다른 사람들과 의견을 나눌 수 있는 곳입니다. 많은 의견 공유로 더 좋은 XE를 만들어 주세요.


XE 사용팁

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

2008.05.26 21:08

[레벨:1]tindrum 조회 수:7930 추천:3

1. 파비콘(Favicon)이란 무엇인가?
   
파비콘은 Favorite Icon을 줄여서 부르는 말로서,  인터넷 주소창에 인터넷 주소를 입력하거나 
    즐겨찾기에 떤 웹사이트를 추가하였을때 나타나는 작은 아이콘을 말한다. 제로보드 싸이트에서도
    파비콘을 사용하고 있지요.
     favi.jpg
    위 화면에서 zeroBoardXE.jpg 이 파비콘이다. 이 파비콘을 어떻게 만드는가에 대한 설명이 서기님의 싱싱해
    홈페이지에 잘 설명되어 있다.( 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) 본인의 경우 사용하고 있는 서버의 디렉토리 구조는 다음과 같다.   
             서버.JPG
    (2)  제로보드 XE 폴더인 ZBXE폴더내에 favicon.ico 파일을 업로드 시킨다.
            (반드시 파일명이 favicon.ico 이어야 함에 주의. 다른 이름을 쓰면 절대 않됨. 본인의 경우는 파비콘
  만드는
              싸이트를 이용하지 않고 네이버에서 다운받은 icoFX라는 프로그램을 이용해 파비콘을 만들었다.)
             파이콘업로드.JPG
   (3) 다음은 태그를 입력하기 위해 자신의 싸이트에 관리자로 입장하여, 레이아웃 관리의 헤더스크립트 란에
            <link rel="shortcut icon" href="경로/favicon.ico" type="image/x-icon" /> 을 입력하면 된다.
             레이아웃.JPG

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

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

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

번호 제목 글쓴이 날짜 조회 수
공지 질문은 묻고 답하기로~ TSCMD 2012.02.03 366
1075 카운터위젯 - 오늘 가입한 회원수 전체 회원수 출력 [4] [레벨:2]공수래 2009.11.01 1235
1074 클릭마다 조회수 올리기 [1.4.0] [12] file [레벨:2]지B 2009.04.04 1286
1073 글 순서 바꾸기 임시방편 [2] [레벨:1]장운주 2008.04.18 8333
1072 레이아웃 편집, 게시판 상/하단 내용에 위젯 스타일 적용하기 [2] [레벨:17]LutZ 2010.09.12 2875
1071 새글 (댓글) 작성후 자동으로 이메일 보내질때 작성자 서명을 붙이는법 [1] [레벨:2]왕초봉 2010.04.10 1358
1070 외부프로그램에서 제로보드 xe 및 그누보드 회원 연동(로그인) 하기 - 초간단 [1] [레벨:3]한이73 2010.02.03 1389
1069 [생초보팁] 페이지 내용 줄간격 css [레벨:2]에혀라X 2010.11.30 2123
1068 파일 첨부할때 HTTP Error 메세지 창이 뜨면서 첨부되지 않을때 해결방법 [1] file [레벨:4]DuRi 2010.11.22 1219
» 제로보드 XE에서 파비콘(favicon) 만들기 [7] file [레벨:1]tindrum 2008.05.26 7930
1066 최근문서 or 콘텐츠 위젯 공지글 뽑아오기 [레벨:4]RainDrop+ 2010.11.29 1263
1065 개인 홈페이지에서 아주 손쉽게 배경음악을 깔아놓는 법 [5] [레벨:10]지녁 2010.11.25 2218
1064 [생초보팁] 서브메뉴 배경이미지 활용하기 [4] file [레벨:2]에혀라X 2010.11.24 2244
1063 XE 일일이 메뉴출력하지 말고 XE함수들로 한번에 처리하세요! [1] [레벨:5]소렌트. 2010.04.11 1833
1062 xe 파일첨부 시 증발하는 현상 해결 팁 [5] [레벨:1]iwishiwas.idtail.com 2009.07.28 1198
1061 제로보드에서 아이프레임(iframe) 높이 자동조절(파폭,IE, 모두 작동) [10] [레벨:0]HaruKaze 2009.03.17 1452
1060 추천 비추천 레벨 권한 [4] [레벨:3]한이73 2009.03.17 3554
1059 Flash swf 플래쉬 때문에 로그인이나 메뉴가 감추어졌을때에... [5] file [레벨:2]태림씨야! 2010.01.23 1142
1058 회원 기본정보 공개여부 및 정보변경 옵션으로 처리하기(Member Moudle) [18] file [레벨:12]대암지기 2008.03.04 7261
1057 큐브리드(CUBRID) 초보자 학습 자료 및 유용한 링크 정리 file [레벨:1]면스판 2010.11.09 1072
1056 XE 뿐만아닌 텍스타일까지 하위 주소 없이! 도메인으로 바로연결! [14] TSGaron 2009.07.29 7759