메뉴 건너뛰기

XE : Xpress Engine


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


XE 사용팁

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

2008.05.26 21:08

[레벨:1]tindrum 조회 수:8566 추천:4

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 10406
» 제로보드 XE에서 파비콘(favicon) 만들기 [7] file [레벨:1]tindrum 2008.05.26 8566
1053 개인 홈페이지에서 아주 손쉽게 배경음악을 깔아놓는 법 [5] [레벨:10]지녁 2010.11.25 2656
1052 [생초보팁] 서브메뉴 배경이미지 활용하기 [4] file [레벨:2]에혀라X 2010.11.24 2628
1051 XE 일일이 메뉴출력하지 말고 XE함수들로 한번에 처리하세요! [1] [레벨:5]소렌트. 2010.04.11 2204
1050 xe 파일첨부 시 증발하는 현상 해결 팁 [5] [레벨:1]iwishiwas.idtail.com 2009.07.28 1666
1049 제로보드에서 아이프레임(iframe) 높이 자동조절(파폭,IE, 모두 작동) [10] [레벨:0]HaruKaze 2009.03.17 2112
1048 추천 비추천 레벨 권한 [4] [레벨:3]한이73 2009.03.17 3950
1047 Flash swf 플래쉬 때문에 로그인이나 메뉴가 감추어졌을때에... [5] file [레벨:2]태림씨야! 2010.01.23 1594
1046 회원 기본정보 공개여부 및 정보변경 옵션으로 처리하기(Member Moudle) [18] file [레벨:12]대암지기 2008.03.04 7696
1045 큐브리드(CUBRID) 초보자 학습 자료 및 유용한 링크 정리 file [레벨:1]면스판 2010.11.09 1464
1044 XE 뿐만아닌 텍스타일까지 하위 주소 없이! 도메인으로 바로연결! [14] TSGaron 2009.07.29 8250
1043 서버이전 이후 발생하는 문제들에 대한 대응책 정리 [16] file [레벨:10]Gekkou 2009.09.16 9465
1042 초보의 모바일 페이지 등록하기 [5] [레벨:1]조량 2010.07.15 3814
1041 IE 전용 페이지 전환시 부드럽게 하기 (퍼옴) [2] [레벨:1]오실롯 2010.10.29 2632
1040 게시판 댓글에서 "이 댓글을..." 문구 없애는 방법 [3] [레벨:0]AlcoholJ 2010.11.19 2654
1039 게시글 검색 [제목+내용]을 기본으로 하기 [2] [레벨:2]깜빡이영어 2010.11.20 1626
1038 새로운 회원가입 형식 - 이게 팁이 될 줄 모르겠네요. ^^ [20] [레벨:2]SeoSeungHyun 2010.09.15 3959
1037 Mysql에서 큐브리드로 데이터이전 [3] [레벨:13]카르마 2010.10.23 2505
1036 (보드 모듈) 글 목록을 조회수 별로 색상 지정하기 [15] file [레벨:14]Simulz 2007.09.27 17616
1035 서버 이전하고 놓치기 쉬운 점(files의 소유권과 root의 퍼미션) [4] [레벨:6]영구만세 2010.02.02 2196