상점 첫 브랜딩
작성 대상:
- 초급
- 중간
- 관리자
- 기본
- 사용자
먼저 헤더에서 로고를 변경하고 브라우저용으로 favicon을 업로드하는 작업을 수행해야 합니다. 다음으로, 바닥글에 시작 메시지를 추가하고 저작권 알림을 업데이트해야 합니다. 이러한 작업은 즉시 처리할 수 있는 몇 가지 간단한 디자인 요소입니다. 스토어를 개발하는 동안 스토어 데모 알림을 켜고 시작할 준비가 되면 제거할 수 있습니다.
로고 업로드
머리글에서 로고의 크기와 위치는 스토어 테마에 의해 결정됩니다. 로고는 GIF, PNG 또는 JPG(JPEG) 파일 형식으로 저장하고 스토어 관리자로부터 업로드할 수 있습니다.
로고 이미지가 서버의 다음 위치에 있습니다. 이름이 logo.svg
인 모든 이미지 파일이 기본 테마 로고로 사용됩니다.
전체 경로 - app/design/frontend/[vendor]/[theme]/web/images/logo.svg
상대 경로 - images/logo.svg
로고나 테마에 사용된 다른 이미지의 크기를 모를 경우 브라우저에서 페이지를 열고 이미지를 마우스 오른쪽 단추로 클릭한 다음 요소를 검사합니다.
지원되는 로고 파일 형식:
-
관리자 사이드바에서 Content > Design>Configuration(으)로 이동합니다.
-
구성할 저장소 보기를 찾은 다음 Action 열에서 Edit 을(를) 클릭합니다.
-
Header 섹션에서 를 확장합니다.
-
새 로고를 업로드하려면 Upload 을(를) 클릭하고 시스템에서 파일을 선택하십시오.
-
Logo Image Width 및 Logo Image Height 을(를) 픽셀로 입력하십시오.
-
Logo Image Alt 의 경우 다른 사람이 이미지 위에 마우스 포인터를 두면 표시할 텍스트를 입력하십시오.
-
완료되면 Save Configuration 을(를) 클릭합니다.
favicon 추가
Favicon 은(는) 즐겨찾는 아이콘 의 줄임말이며 각 브라우저 페이지의 탭에 있는 작은 아이콘을 참조합니다. 브라우저에 따라 파비콘이 URL 바로 앞의 주소 표시줄에도 표시됩니다.
파비콘은 일반적으로 크기가 16 x 16픽셀 또는 32 x 32픽셀입니다. Commerce에서 ICO, PNG, APNG, GIF 및 JPG(JPEG) 파일 형식을 허용하지만 모든 브라우저에서 이러한 형식을 지원하는 것은 아닙니다. 파비콘에 사용할 수 있는 가장 널리 지원되는 파일 형식은 ICO입니다. 다른 이미지 파일 형식을 사용할 수는 있지만 모든 브라우저에서 지원되지 않는 형식일 수 있습니다. 온라인에는 ICO 이미지를 생성하거나 이미지를 해당 형식으로 변환하는 데 사용할 수 있는 많은 무료 도구가 있습니다.
브라우저 탭의
Commerce은(는) 다음 파일 형식을 favicon으로 지원합니다.
1단계: favicon 만들기
-
원하는 이미지 편집기를 사용하여 16 x 16 또는 32 x 32 그래픽 로고 이미지를 만듭니다.
-
(선택 사항) 사용 가능한 온라인 도구 중 하나를 사용하여 파일을 .ico 형식으로 변환하고 파일을 컴퓨터에 저장합니다.
2단계: favicon을 스토어에 업로드
-
관리자 사이드바에서 Content > Design>Configuration(으)로 이동합니다.
-
그리드에서 구성할 저장소 보기를 찾은 다음 Action 열에서 Edit 을(를) 클릭합니다.
-
Other Settings 에서 HTML Head 섹션의 를 확장합니다.
-
현재 favicon을 제거하려면 이미지의 왼쪽 아래 모서리에 있는 삭제( ) 아이콘을 클릭하십시오.
-
Upload 을(를) 클릭하고 준비한 favicon 파일을 엽니다.
-
완료되면 Save Configuration 을(를) 클릭합니다.
3단계: 캐시 새로 고침
-
캐시를 새로 고치라는 메시지가 표시되면 작업 영역 상단에 있는 메시지에서 Cache Management 링크를 클릭합니다.
-
목록에서
Invalidated
(으)로 표시된 Page Cache 확인란을 선택합니다. -
Actions 을(를)
Refresh
(으)로 설정하고 Submit 을(를) 클릭합니다. -
새 favicon을 보려면 상점으로 돌아가 브라우저를 새로 고치십시오.
시작 메시지 변경
헤더에 시작 메시지가 확장되어 로그인한 고객의 이름이 포함됩니다. 스토어를 시작하기 전에 각 스토어 보기에 대한 기본 시작 텍스트를 변경하십시오.
-
관리자 사이드바에서 Content > Design>Configuration(으)로 이동합니다.
-
그리드에서 구성할 저장소 보기를 찾은 다음 Action 열에서 Edit 을(를) 클릭합니다.
-
Other Settings 에서 Header 섹션의 를 확장합니다.
-
Welcome Text 의 경우 스토어의 머리글에 표시할 시작 메시지 텍스트를 입력하십시오.
-
완료되면 Save Configuration 을(를) 클릭합니다.
-
페이지 캐시를 업데이트하라는 메시지가 표시되면 작업 영역 상단에 있는 Cache Management 링크를 클릭하고 지침에 따라 캐시를 새로 고칩니다.
저작권 공지 변경
스토어에서 각 페이지의 바닥글에 저작권 공지가 표시됩니다. 가장 좋은 방법은 저작권 고지에 올해 연도가 포함되어야 하며, 귀사를 사이트의 콘텐츠 법적 소유자로 식별하는 것입니다.
다음 예제와 같이 ©
문자 코드를 사용하여 저작권 기호를 삽입합니다.
-
긴 형식 예
Copyright © 2013-present Luma, Inc. All rights reserved.
-
짧은 형식 예
© 2021 Luma, Inc. All rights reserved.
저작권 알림을 업데이트하려면:
-
관리자 사이드바에서 Content > Design>Configuration(으)로 이동합니다.
-
그리드에서 구성할 저장소 보기를 찾은 다음 Action 열에서 Edit 을(를) 클릭합니다.
-
기타 설정 에서 Footer 섹션을 확장합니다.
-
Copyright 의 경우 각 페이지의 바닥글에 표시할 저작권 알림을 입력하십시오.
저작권 기호를 삽입하려면
©
문자 코드를 사용하십시오. -
완료되면 Save Configuration 을(를) 클릭합니다.
스토어 데모 알림 설정
스토어가 온라인이지만 아직 제작 중인 경우 페이지 상단에 스토어 데모 알림을 표시하여 스토어가 아직 영업에 열리지 않았음을 알릴 수 있습니다. 라이브로 할 준비가 되면 메시지를 제거하세요. 이는 창에 걸려 있는 기호를 닫힘 에서 열기(으)로 뒤집는 것과 비슷합니다. 데모 알림의 형식은 스토어의 테마에 따라 결정됩니다.
-
관리자 사이드바에서 Content > Design>Configuration(으)로 이동합니다.
-
그리드에서 구성할 저장소 보기를 찾은 다음 Action 열에서 Edit 을(를) 클릭합니다.
-
Other Settings 에서 HTML Head 섹션의 를 확장합니다.
-
아래쪽으로 스크롤하여 Display Demo Store Notice 을(를) 기본 설정으로 설정합니다.
-
완료되면 Save Configuration 을(를) 클릭합니다.
-
캐시를 업데이트하라는 메시지가 표시되면 시스템 메시지에서 Cache Management 을(를) 클릭하고 지침에 따라 캐시를 새로 고칩니다.