파비콘 추가
이 문서에서는 사이트에 파비콘을 추가하는 방법을 설명합니다.
파비콘은 웹 브라우저 탭, 주소 표시줄, 검색 기록, 북마크 또는 즐겨찾기 등 다양한 곳에 표시되는 작은 그래픽 파일입니다. 사이트에 파비콘을 추가하는 것이 좋습니다. 파비콘은 브랜드를 나타내고 강화하며, 고객이 방문하는 다른 사이트와 사이트를 구별하는 데 도움이 됩니다.
여러 크기와 파일 유형의 파비콘을 사이트에 추가할 수 있지만, 이 문서에서는 단일 파비콘을 추가하는 방법을 설명합니다. 하지만 더 많은 파비콘을 추가하는 데는 동일한 과정과 위치가 사용됩니다.
사이트 자산 컬렉션에 파비콘을 업로드하세요
사이트의 자산 컬렉션에 파비콘을 업로드하려면 따라와 다음 단계를 따르세요.
왼쪽 탐색 창에서 미디어 라이브러리를 선택하세요.
명령 모음에서 업로드 > 미디어 항목 업로드를 선택합니다.
파일 탐색기 창에서 업로드하려는 파비콘 이미지 파일을 찾아 선택한 다음 열기를 선택합니다.
미디어 항목 업로드 대화 상자에서 필요한 제목과 대체 텍스트를 입력합니다.
업로드 후 바로 이미지를 게시하려면 업로드 후 미디어 항목 게시 체크 상자를 선택하세요.
메모
업로드 후 미디어 항목 게시 체크 상자를 선택하지 않으면 나중에 미디어 항목 페이지로 돌아가서 수동으로 파비콘을 게시해야 합니다.
확인을 선택합니다.
오른쪽의 속성 창에서 파비콘의 공개 URL을 복사합니다. 이 URL은 나중에 사용하게 됩니다.
파비콘에 대한 HTML을 만드세요
파비콘의 HTML을 만들려면 다음 HTML 문자열을 사용하세요. href 속성의 경우, Public_URL_for_your_favicon 을 이전에 복사한 공개 URL로 바꾸세요.
<link rel="shortcut icon" href="Public_URL_for_your_favicon">
파비콘에 대한 메타태그를 포함하는 조각을 만듭니다.
파비콘에 대한 메타태그 따라와를 포함하는 조각을 만들려면 다음 단계를 따르세요.
- Fragments로 가서 New를 선택합니다.
- 새 조각 대화 상자에서 조각의 기반이 되는 모듈로 메타태그 를 선택합니다.
- 조각의 이름을 입력한 후 확인를 선택하세요.
- 조각 계층 구조 트리에서 기본 메타태그 자식를 선택하세요.
- 오른쪽 창에서 메타 태그 아래에 있는 추가를 선택한 다음, 앞서 만든 파비콘용 HTML 문자열을 입력합니다.
- 편집 완료를 선택한 다음 게시 를 선택하여 조각을 게시합니다.
페이지의 HTML 헤드 섹션에 메타태그 조각을 추가합니다.
페이지의 HTML 헤드 섹션에 메타태그 조각을 추가하려면 따라와 다음 단계를 따르세요.
- 템플릿으로 가서 파비콘을 추가할 페이지의 템플릿을 열고 편집을 선택하세요.
- 템플릿 계층 구조 트리에서 HTML 헤드컨테이너 오른쪽에 있는 줄임표( ... ) 버튼를 선택한 다음 조각 추가를 선택합니다.
- 조각 선택 대화 상자에서 앞서 만든 메타태그 조각을 선택한 다음, 확인를 선택합니다.
- 편집 완료를 선택한 다음, 게시 를 선택하여 템플릿을 게시합니다.
메모
사이트에서 두 개 이상의 템플릿을 사용하는 경우 모든 템플릿에 메타태그 조각을 추가해야 합니다.
메타태그 조각을 추가한 템플릿을 기반으로 하는 페이지에 프리뷰 태그를 추가하면 이제 브라우저 탭에서 파비콘을 볼 수 있습니다.