다음을 통해 공유


파비콘 추가

이 도움말에서는 사이트에 파비콘을 추가하는 방법을 설명합니다.

파비콘은 웹 브라우저 탭, 주소 표시줄, 검색 기록, 책갈피 또는 즐겨찾기 등에 표시되는 작은 그래픽 파일입니다. 파비콘은 브랜드를 대표하고 강화하며 고객이 방문하는 다른 사이트와 사이트를 차별화하는 데 도움이 되므로 사이트에 파비콘을 추가하는 것이 좋습니다.

다양한 크기와 파일 형식의 파비콘을 사이트에 여러 개 추가할 수 있지만 이 문서에서는 단일 파비콘을 추가하는 방법을 보여 줍니다. 그러나 동일한 프로세스와 위치를 사용하여 더 많은 파비콘을 추가합니다.

사이트의 자산 컬렉션에 파비콘 업로드

사이트의 자산 컬렉션에 파비콘을 업로드하려면 다음 단계를 따라와 하세요.

  1. 왼쪽 탐색 창에서 미디어 라이브러리를 선택합니다 .

  2. 명령 모음에서 미디어 항목 업로드 를 선택합니다 > .

  3. 파일 탐색기 창에서 업로드할 파비콘 이미지 파일을 찾아 선택한 다음 열기를 선택합니다 .

  4. 미디어 항목 업로드 대화 상자에서 필요한 제목과 대체 텍스트를 입력합니다.

  5. 업로드 후 즉시 이미지를 게시하려면 업로드 후 미디어 항목 게시 확인란을 선택합니다 .

    메모

    업로드 후 미디어 항목 게시 확인란을 선택 하지 않으면 미디어 항목 페이지로 돌아가 서 나중에 파비콘을 수동으로 게시해야 합니다.

  6. 확인을 선택합니다.

  7. 오른쪽의 속성 창에서 파비콘의 공용 URL을 복사합니다. 이 URL은 나중에 사용합니다.

파비콘에 대한 HTML 만들기

파비콘에 대한 HTML을 만들려면 다음 HTML 문자열을 사용합니다. Href 특성의 경우 Public_URL_for_your_favicon 이전에 복사한 공용 URL로 바꿉 니다.

<link rel="shortcut icon" href="Public_URL_for_your_favicon">

파비콘에 대한 메타태그가 포함된 조각 만들기

파비콘에 대한 메타태그가 포함된 조각을 만들려면 따라와 다음 단계를 따르십시오.

  1. Fragments(조각)로 이동하여 New(새로 만들기 )를 선택합니다.
  2. 새 조각 대화 상자에서 조각의 기반이 되는 모듈로 Metatags 를 선택합니다 .
  3. 조각의 이름을 입력한 다음 확인를 선택합니다.
  4. 조각 계층 트리에서 Default metatags 자식을 선택합니다.
  5. 오른쪽 창의 메타 태그에서 추가 를 선택한다음, 이전에 파비콘에 대해 만든 HTML 문자열을 입력합니다. 
  6. 편집 완료를 선택한다음, 게시를 선택하여 조각을 게시합니다.

페이지의 HTML head 섹션에 메타태그 조각 추가

페이지의 HTML 헤드 섹션에 메타태그 조각을 추가하려면 다음 단계를 따라와 수행합니다.

  1. Templates (템플릿)로 이동하고, 파비콘을 추가하려는 페이지의 템플릿을 연 다음, Edit(편집)를 선택합니다 .
  2. 템플릿 계층 트리에서 줄임표(...) 오른쪽에 있는 버튼HTML 헤드 컨테이너를 선택한 다음 조각 추가를 선택합니다.
  3. 조각 선택 대화 상자에서 이전에 만든 메타태그 조각을 선택한 다음 확인 을 선택합니다.
  4. 편집 완료를 선택한다음, 게시를 선택하여 템플릿을 게시합니다.

메모

사이트에서 둘 이상의 템플릿을 사용하는 경우 모든 템플릿에 메타태그 조각을 추가해야 합니다.

메타태그 조각을 추가한 템플릿을 기반으로 하는 페이지를 프리뷰할 때 이제 브라우저 탭에 파비콘이 표시됩니다.

추가 리소스

로고 추가

사이트 테마 선택

CSS 재정의 파일 작업

저작권 표시 추가

사이트에 언어 추가

원격 분석을 지원하기 위해 사이트 페이지에 스크립트 코드 추가