메타 객체로 웹 페이지 빌드하기

메타 객체를 사용하여 온라인 스토어에 대한 반복 가능한 방문 페이지를 빌드할 수 있습니다. 예를 들어 앰배서더 프로그램이 있는 경우 약력, 소셜 미디어 링크, 이미지를 포함하여 각 앰배서더에 대한 웹 페이지를 생성할 수 있습니다.

메타 객체로 웹 페이지를 생성하려면 다음 단계를 완료해야 합니다.

  1. 스토어프런트 액세스를 사용하여 메타 객체 정의를 생성하고, 선택적으로 웹 페이지 기능을 수동으로 활성화합니다.
  2. 메타 객체 정의에 대한 항목을 생성합니다.
  3. 웹 페이지에 대한 메타 객체 템플릿을 생성합니다.

사용자 지정 데이터 옵션에 대해 자세히 알아보십시오.

웹 페이지 기능 활성화 및 테마 템플릿 생성

메타 객체 정의를 생성하고 메타 객체 항목을 만든 후에는 테마 편집기에서 메타 객체에 대한 템플릿을 생성할 수 있습니다.

페이지 선택기에서 관련 메타 객체를 선택한 후에는 섹션을 추가하고 블록을 추가하며 설정을 편집하여 사용자 지정할 수 있습니다. 동적 소스를 사용하여 메타 객체 정의 필드를 연결할 수 있습니다. 예를 들어 이미지를 사용하여 앰배서더 페이지를 생성하는 경우, 텍스트 포함 이미지를 추가한 다음

동적 소스 연결
버튼을 클릭하여 메타 객체 항목을 연결할 수 있습니다.

온라인 스토어에 메타 객체를 표시하는 방법 및 동적 소스를 사용하는 방법에 대해 자세히 알아보십시오.

테마 편집기에서 메타 객체 템플릿 생성하기

  1. Shopify 관리자에서 온라인 스토어 > 테마로 이동합니다.

  2. 편집할 테마를 찾은 다음 테마 편집을 클릭합니다.

  3. 페이지 상단에서 페이지 선택기를 엽니다.

  4. 메타 객체 템플릿 생성을 클릭합니다. 대화 상자에서 템플릿에 사용할 메타 객체를 클릭하십시오. 페이지 제목메타 설명에 사용할 메타 객체 필드를 편집할 수 있으며, 검색 엔진 목록 섹션에서 URL 핸들도 편집할 수 있습니다. 템플릿은 메타 객체 정의와 동일한 이름으로 자동 지정됩니다.

  5. 템플릿 생성을 클릭합니다.

  6. 템플릿을 생성한 후 섹션을 추가하고, 블록을 추가하고, 설정을 편집하여 템플릿을 사용자 지정할 수 있습니다. 동적 소스를 사용하여 메타 객체 정의 필드를 연결할 수 있습니다. 예를 들어 이미지를 사용하여 앰배서더 페이지를 생성하는 경우 텍스트 포함 이미지를 추가한 다음 동적 소스 아이콘을 클릭하여 메타 객체 항목을 연결할 수 있습니다.

  7. 저장을 클릭합니다.

테마 템플릿을 생성한 후에는 홈페이지의 섹션에서 페이지로 링크를 추가할 수 있습니다. 링크 필드를 사용하여 메뉴에 수동으로 링크를 추가할 수도 있습니다. 메뉴에 링크를 추가하는 방법에 대해 자세히 알아보십시오.

웹 페이지 기능 활성화

메타 객체에 대한 기능을 활성화하려면 메타 객체 정의의 옵션 섹션에서 항목을 웹 페이지로 게시를 선택하십시오.

단계:

  1. Shopify 관리자에서 설정 > 메타 필드 및 메타 객체로 이동하십시오.

  2. 웹 페이지를 생성하는 데 사용할 메타 객체를 클릭하십시오.

  3. 옵션 섹션에서 스토어프론트 액세스가 활성화되어 있는지 확인하십시오.

  4. 옵션 섹션에서 항목을 웹 페이지로 게시를 선택하십시오.

  5. 항목을 웹 페이지로 게시 섹션에서 다음을 수행하십시오.

    1. 검색 엔진 등록 정보에 사용할 페이지 제목과 메타 설명을 생성할 필드를 선택하십시오. 온라인 스토어에서 활성화는 기본적으로 선택됩니다. Hydrogen 스토어프론트가 있는 경우 온라인 스토어에서 활성화를 선택 취소하십시오.
    2. 선택 사항: URL 핸들을 사용자 지정하십시오.
  6. 저장을 클릭합니다.

메타 객체 정의를 생성하고 웹 페이지 기능을 활성화한 후에는 메타 객체 항목을 추가해야 합니다.

테마 편집기에서 메타 객체 항목 편집

변경 작업을 위해 관리자로 이동할 필요 없이 테마 편집기에서 직접 메타 객체를 편집할 수 있습니다. 이 기능은 이미지, 동영상, 색상, 제품, 페이지, 컬렉션, 텍스트 메타 필드에 적용됩니다.

인라인 편집을 사용하여 메타 객체 페이지 템플릿을 편집하는 경우, 현재 미리 보기 중인 메타 객체만 편집할 수 있습니다.

메타 객체 페이지용 템플릿을 구축할 때 다음 중 한 가지 방법으로 현재 미리 보기 중인 메타 객체 항목을 열고 인라인으로 편집할 수 있습니다.

  • 메타 객체 테마 템플릿으로 작업하는 경우 항목 제목을 클릭하십시오.
    Metaobject entry link
  • 항목을 클릭한 다음 Dynamic source 값 편집 을(를) 클릭합니다(테마 설정에서 연결된 필드로 작업하는 경우):
    Metaobject entry link from field

테마에서 메타 객체를 연결하고 표시하는 방법에 대해 자세히 알아보십시오.

단계:

  1. Shopify 관리자에서 온라인 스토어 > 테마로 이동합니다.

  2. 편집하려는 테마 옆에 있는 테마 편집을 클릭하십시오.

  3. 사이드바 메뉴 설정에서 항목을 클릭하십시오.

  4. Dynamic source 값 편집을 클릭하십시오.

  5. 항목을 편집하십시오.

  6. 저장을 클릭합니다.