페이지 설정

페이지의 기본 섹션은 부분적으로 표준 HTML 태그 세트에 의해 제어됩니다. 이러한 태그 중 일부는 페이지의 각 섹션에서 사용되는 글꼴, 색상, 크기, 배경색 및 이미지의 선택을 결정하는 데 사용할 수 있습니다. 기타 설정은 머리글의 로고 및 바닥글의 저작권 표시와 같은 페이지 요소를 제어합니다. 이러한 섹션은 HTML 페이지의 기본 구조에 해당하며 대부분의 기본 속성은 관리자에서 설정할 수 있습니다.

HTML 페이지 섹션

HTML 헤드

HTML 헤드 섹션의 설정은 <head> HTML 태그로 지정할 수 있으며, 각 스토어 보기에 대해 구성할 수 있습니다. 페이지 제목, 설명 및 키워드에 대한 메타데이터 외에도 섹션에는 favicon 및 기타 스크립트에 대한 링크가 포함되어 있습니다. 검색 엔진 로봇에 대한 지침 및 스토어 데모 알림의 표시도 이 섹션에서 구성됩니다.

HTML 헤드 구성

  1. 다음에서 관리자 사이드바, 이동 Content > Design>Configuration.

  2. 구성할 스토어 보기를 찾아 다음을 클릭합니다. Edit 다음에서 Action ​열.

  3. 아래 기타 설정, 확장 확장 선택기 다음 HTML Head 섹션.

    HTML 헤드 구성 설정 {width="500" modal="regular"}

  4. 업데이트 파비콘 필요한 경우.

  5. 필요에 따라 페이지 제목 설정을 업데이트합니다.

    • Default Page Title
    • Page Title Prefix
    • Page Title Suffix

    기본 제목에 접미사 및/또는 접두사를 사용하여 두 부분 또는 세 부분 제목을 생성할 수 있습니다. 접두사 또는 접미사와 기본 제목 사이에 세로 막대 또는 콜론을 구분 기호로 추가할 수 있습니다.

  6. SEO(검색 엔진 최적화)를 지원하고 고객이 검색 결과에서 매장으로 이동할 수 있도록 도와주는 메타데이터를 추가하거나 수정합니다.

    • Default Meta Description
    • Default Meta Keywords
  7. 원하는 항목 입력 Scripts and Style Sheets 필요한 경우.

  8. 활성화 또는 비활성화 데모 스토어 알림 필요한 경우.

  9. 완료되면 다음을 클릭하십시오. Save Configuration.

HTML 헤드 필드 설명

필드
범위
설명
Favicon Icon
스토어 뷰
브라우저의 주소 표시줄과 탭에 나타나는 작은 그래픽 이미지를 업로드합니다. 허용되는 파일 형식: ICO, PNG, APNG, GIF 및 JPG(JPEG). 모든 브라우저가 이러한 형식을 지원하는 것은 아닙니다.
Default Page Title
스토어 뷰
브라우저에서 볼 때 각 페이지의 제목 표시줄에 나타나는 제목입니다. 개별 페이지에 대해 다른 제목을 지정하지 않는 한 모든 페이지에 기본 제목이 사용됩니다.
Page Title Prefix
스토어 뷰
제목 앞에 접두사를 추가하여 2부분 또는 3부분 제목을 만들 수 있습니다. 주 제목의 텍스트와 구분하기 위해 접두어 끝에 세로 막대 또는 콜론을 구분 기호로 사용할 수 있습니다.
Page Title Suffix
스토어 뷰
제목 뒤에 접미사를 추가하여 두 부분 또는 세 부분 제목을 만들 수 있습니다. 주 제목의 텍스트와 구분하기 위해 접두어 끝에 세로 막대 또는 콜론을 구분 기호로 사용할 수 있습니다.
Default Meta Description
스토어 뷰
설명은 검색 엔진 목록에 대한 사이트 요약을 제공하며 길이는 160자를 초과할 수 없습니다.
Default Meta Keywords
스토어 뷰
저장소를 설명하는 일련의 키워드로서, 각각 쉼표로 구분됩니다.
Scripts and Style Sheets
스토어 뷰
닫기 전에 HTML에 포함해야 하는 스크립트를 포함합니다. <head> 태그에 가깝게 배치하십시오. 예를 들어, 앞에 배치해야 하는 모든 서드파티 JavaScript <body> 태그를 여기에 입력할 수 있습니다.
Display Demo Store Notice
스토어 뷰
페이지 상단에 있는 데모 스토어 알림 표시를 제어합니다. 옵션: Yes / No

머리글

헤더 구성은 스토어 로고 경로를 식별하고 로고 대체 텍스트 및 환영 메시지를 지정합니다.

헤더 구성 설정

헤더 구성

  1. 다음에서 관리자 사이드바, 이동 Content > Design>Configuration.

  2. 구성할 스토어 보기를 찾아 다음을 클릭합니다. Edit 다음에서 Action ​열.

  3. 아래 기타 설정, 확장 확장 선택기 다음 Header 섹션.

  4. 스토어 보기에 필요한 변경 작업을 수행합니다.

  5. 완료되면 다음을 클릭하십시오. Save Configuration.

헤더 필드 설명

필드
범위
설명
Logo Image
스토어 뷰
헤더에 나타나는 로고 경로를 식별합니다. 지원되는 파일 유형: PNG, GIF, JPG(JPEG)
Logo Attribute Width
스토어 뷰
로고 이미지의 너비(픽셀 단위)입니다.
Logo Attribute Height
스토어 뷰
로고 이미지의 높이(픽셀 단위)입니다.
Welcome Text
스토어 뷰
시작 메시지는 페이지 헤더에 표시되며 로그인한 고객의 이름이 포함됩니다.
Logo Image Alt
스토어 뷰
로고와 연결된 대체 텍스트입니다.
Translate Title
스토어 뷰
다음 여부를 결정합니다. Page Title 또는 Meta Title 번역해야 합니다.

바닥글

바닥글 구성 섹션에서 저작권 공지 을 눌러 페이지를 닫고 닫기 전에 배치해야 하는 기타 스크립트를 입력합니다 <body> 태그에 가깝게 배치하십시오.

바닥글 구성 설정

바닥글 구성

  1. 다음에서 관리자 사이드바, 이동 Content > Design>Configuration.

  2. 구성할 스토어 보기를 찾아 다음을 클릭합니다. Edit 다음에서 Action ​열.

  3. 아래 기타 설정, 확장 확장 선택기 다음 Footer 섹션.

  4. 필요한 변경 작업을 수행합니다. CopyrightMiscellaneous HTML 설정.

  5. 완료되면 다음을 클릭하십시오. Save Configuration.

바닥글 필드 설명

필드
범위
설명
Miscellaneous HTML
스토어 뷰
닫기 직전에 배치해야 하는 서버에 기타 스크립트를 업로드할 수 있는 입력 상자입니다. <body> 태그에 가깝게 배치하십시오.
Copyright
스토어 뷰
각 페이지의 맨 아래에 표시되는 저작권 선언문입니다. 저작권 기호를 포함하려면 HTML 문자 엔티티를 사용합니다 \&copy; 다음과 같이: \&copy; 2021 Commerce Demo Store. All Rights Reserved. 샘플 저작권 공지를 반드시 자신의 것으로 교체하십시오.
Display Report Bugs Link
스토어 뷰
버그 보고서 링크(일부 테마에 대해 지원됨)의 활성화 또는 비활성화 여부를 결정합니다.
recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de