웹사이트 장식: 귀하의 사이트에 좋은 파비콘을 추가

출처: 인터넷
작성자: 사용자

중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀

"Favicon은 무엇입니까?" 우리가 그것을 보고 거의 매일, 하지만 많은 사람들이 그들을 통지. 하지만 내 경험에서 말할 수는 빌드할 때 웹 사이트 사용자에 대 한 추가 당신의 파비콘은 프로젝트의 마지막 단계가 될 것입니다 및 사용자가이 변화를 쉽게 발견할 것 이다.

  

약 2 년 전, 친구에 대 한 웹사이트를 구축. 때 내가 처음 그녀 사이트, 그녀는 가장 감동: "당신은 여전히 브라우저에서 작은 아이콘을 넣어 그것을 어떻게 아?" 그에 게 6 사이트를 준 디자이너는 하지 않 았 어. 이것은 매우 고급 생각, 그래서 큰 웹사이트 뭔가를 원하는.

무엇 파비콘은? 파비콘은 즐겨찾기 아이콘의 약어 또는 바로 가기 아이콘, 웹사이트 아이콘, URL 아이콘, 또는 즐겨찾기 아이콘은 16 x 16 이나 32 x 32 정사각형 아이콘입니다. 다른 사이트는 다른 아이콘을가지고 있습니다. 우리의 타워 t.tt 같은 브라우저 탭의 왼쪽에 나타납니다.

  

파비콘을 추가 하는 방법은 여러 가지가-웹 사이트에 테마 파일에 코드를 추가 하 고 플러그 인을 사용 하 여. 더 일반적으로, 로컬 아이콘을 확인 하 고 사용 하기 위해 공간에 업로드.

나에 게 속해 있는 파비콘을 만드는 방법

지금은 온라인 생성 된 파비콘 웹사이트의 많은, 그것에 자신의 사진을 업로드 하기만 하면 됩니다. 예를 들어:

동적 드라이브-파비콘 생성기

파비콘 생성기

favicon.cc

Favico

파비콘 생성기 및 갤러리

마지막 사이트에 그림 라이브러리, 파비콘은 다른 사이트를 볼 수 있습니다 어떻게, 다음 몇 가지 영감 당신에 게 줄 수 있습니다. 파비콘은 너비가 16 픽셀의 아이콘 그리고 당신은 오직 256 픽셀 공간을 제작. 그래서 당신의 파비콘 너무 복잡 하지 않을 수 있습니다, 그렇지 않으면 그것은 인식 되지 않습니다. 사실,는 간단 하 게 더 나은, 더 간단한 그것은 아이콘에 볼을 생성 파비콘 웹사이트.

플러그 인을 사용 하지 않고 파비콘을 추가

하자 말 당신은 파비콘 지금, 어떻게 배치 해야 합니까 그 귀하의 웹사이트에?

사실, 플러그 인을 사용 하지 않고 수 있습니다 사이트의 방문자에 게 파비콘을 렌더링 하는 데 매우 간단. 섹션에 다음 코드를 추가 하면 웹에 많은 자습서 있다:

< 연결 rel = "단축 아이콘" href = "Http://www.domain.com/favicon.ico" 유형 = "이미지/x-아이콘" / >


< 연결 rel = "아이콘" href = "Http://www.domain.com/favicon.ico" 유형 = "이미지/x-아이콘" / >

하지만 사실이 조금 남아도, 이제 브라우저 무시 "아이콘" 항목 및 "바로 가기" 항목, 대신. 그래서 당신이 필요가 있는 무엇을 그것에 추가 하는 것은 실제로 두 번째 줄:

< 연결 rel = "아이콘" href = "Http://www.favicon.co.uk/favicon.ico" 유형 = "이미지/x-아이콘" / >

플러그인과 "파비콘" 추가

다시 한번 가정 파비콘, 했 고 코드, 익숙하지 않은 다음 다른 옵션을가지고?

사실, 목표를 달성 하기 위해 플러그 인을 사용할 수 있습니다.

첫째로 모두의 확인 하십시오 귀하의 사이트의 테마는 어떤 프레임 워크 있을 수 있으므로 해당 플러그인. 그것은 창세기 프레임 워크는 자체 플러그인 창세기 파비콘 플러그인 처럼입니다. 테마 Wootheme 인 경우 항목은 이미 업로드를 Favicon 함수를 들어 있습니다.

제목 프레임 파비콘 직접 업로드를 지원 하지 않습니다와 아무 관련 플러그인-기능, 경우이 플러그인을 시도할 수 있습니다: 한 파비콘에서 모두. 활성화 플러그인을 설치한 후 설치 프로그램 인터페이스에가 서 자신의 즐겨찾기를 업로드 하거나 네트워크 주소를 게시. 새로 고침을 저장 한 후 사이트 (해당 되는 경우 당신이 수동으로 브라우저 캐시 나 캐시를 설정 하지 않으면) 새로운 Favicon를 볼 수 있어야 합니다.

플러그 인을 사용 하 여 만들고 파비콘을 추가 하

만약 당신이 여전히 문제가 위에서 언급 한 방법으로 조금 느낌, 한 단계를 만들고 플러그인 파비콘 생성기 플러그인을 사용 하 여 고려할 수 있습니다.

귀하의 사이트에이 플러그인을 업로드 하 고 그때 그것을 활성화 하는 경우 디렉터리에서 사용 권한을 777로 변경 해야 합니다.

/wp-content/plugins/favicon-generator

/wp-content/plugins/favicon-generator/uploads

그럼 우리 다시 메뉴로 이동 하 여 파비콘 생성기 (이 플러그인을 설치한 후 옵션에 표시 됩니다), 그리고 인터페이스는 다음 그림에 표시 된 표시 됩니다.

  

여기, 하나 이상의 이미지를 업로드할 수 있습니다 파비콘 사용 하기 위해 변환. 플러그인 설명에 JPG, JPEG, GIF 및 PNG 파일을 사용할 수 있습니다 하지만 난 하려고 하지 성공적으로 PNG 파일 즐겨찾기 아이콘 파일을 변환, JPG 괜찮습니다. 또한,이 PHP 응용 프로그램에 g d 2 라이브러리를 구성 하 여 확실 하지 않은 경우 호스팅 제공 업체에 게 물어 필요 합니다.

이 플러그인의 장점 중 하나를 하는 경우에 주기적으로 파비콘 아이콘 바꿀 수 있다는 것 이다.

파비콘 이미지를 임의로 교체

이건 그냥 더 흥미로운 또는 개인 귀하의 사이트를 확인 합니다. 그들을 대체 해야 할 때 위에서 언급 한 파비콘 주기적 교체 수동으로 대체만 됩니다. 만약 당신이 귀하의 사이트의 브랜딩 파비콘 변경, 강화 될 수 있다 또는 당신이 멋지다 생각 합니다. 이 플러그인을 고려할 수 있습니다: 파비콘 회전. 이 플러그인을 사용 하면 한 번에 여러 파비콘을 업로드 하 고 다음 임의로 교체 수 있습니다. 하지만, 그렇게 하지 않을 그리고 그것은 좋은 아이디어 라고 생각 하지 않습니다.

읽은 후 자신의 블로그 또는 웹 사이트를 찾기 위해이 문서 하지 파비콘 서둘러서 막대를 추가 하는.

원본: 추가 하 고 귀하의 워드 프레스 웹사이트에 A Favicon을 사용 하 여 쉬운 브랜딩

이 문서에서는 Cloudcheung에 의해, 클릭 가능한 하이퍼링크의 형태로 원본 주소를 지정 하십시오 무단 전재: http://t.tt/49/

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.