WordPress와 함께 Shopify API 사용

Shopify and WordPress 통합 : 포괄적 인 가이드 많은 소규모 비즈니스는 WordPress에 의존하지만 Shopify는 제품 기반 전자 상거래에 점점 인기를 얻고 있습니다. 이 튜토리얼은 Shopify 매장을 기존 WordPress 사이트에 원활하게 통합하여 현재 플랫폼을 포기하지 않고 제품을 표시하는 방법을 보여줍니다. Shopify API 및 사용자 정의 WordPress 페이지 템플릿을 활용합니다. 이 통합을 보여주는 작업 데모를 사용할 수 있습니다 [여기] (사용 가능한 경우 데모 링크 삽입). 최종 결과는 다음과 같습니다.

주요 개념 :

Shopify API 통합 : WordPress 내에서 Shopify 제품을 직접 표시하고 관리하기 위해 Shopify의 전자 상거래 기능을 WordPress 사이트와 연결합니다. Shopify Private 앱 :

Shopify API와의 안전한 커뮤니케이션에 필수적인 API 키를 얻기 위해 개인 앱을 만듭니다.

Custom WordPress 페이지 템플릿 : PHP 및 HTML을 사용하여 사용자 정의 페이지 템플릿을 개발하여 Shopify 제품 수집을 포함하고 표시합니다. ACF (Advanced Custom Fields) : ACF (또는 유사한 플러그인)를 사용하여 Shopify 데이터를 동적으로 관리하고 코드 수정없이 수집 ID 및 API URL에 대한 업데이트를 단순화합니다.

WordPress Transinients (캐싱) :

캐싱 구현 성능을 최적화하고 API 통화 제한을 최소화하여 효율적인 데이터 검색을 보장합니다. 개별 제품 디스플레이 : 명신 루프 및 API 통화를 사용하여 WordPress 페이지에 개별 Shopify 제품 표시, 표시된 제품 정보 (이미지, 제목, 변형, 가격)에 대한 세분화 된 제어를 제공합니다.
• Shopify Setup :
• 컬렉션 ID를 식별 ID : Shopify 관리자로 이동하고 원하는 컬렉션을 편집 한 다음 URL에서 컬렉션 ID를 찾으십시오. (예 : , 여기서 는 ID입니다). 컬렉션에 제품이 포함되어 있는지 확인하십시오.
개인 앱 생성 :
• Shopify 관리자에서 Apps & Gt로 이동하십시오. 개인 앱. "개인 앱 생성", 제목 (및 선택적 연락처 이메일)을 제공하고 저장하십시오. 생성 후 제공된 API URL에 유의하십시오. 이 URL에는 API 키 및 비밀번호가 포함되어 있으며 API 인증에 중요합니다.
• 중요 :

  표시된 예제 API URL은 기능적이지 않습니다. 자신의 생성 URL을 사용하십시오.

  WordPress 설정 :

어린이 테마 만들기 (권장) : 업데이트 중에 테마를 덮어 쓰는 것을 방지하기 위해 항상 어린이 테마 내에서 작업하십시오.

사용자 정의 페이지 템플릿을 만듭니다 () :

테마 디렉토리에서 라는 새 파일을 만듭니다. 이 파일에는 Shopify 제품을 가져오고 표시하는 코드가 포함됩니다. 기본 구조는 아래에 제공됩니다 :

1. 새 페이지를 만들고 템플릿을 할당하십시오 :

   WordPress Admin에서 새 페이지를 만들고 "Shopify Product Feed"템플릿을 선택하십시오.

2. (선택 사항) ACF를 사용하여 Shopify 데이터를 관리합니다. page-shopify.php 고급 사용자 정의 필드 플러그인을 설치하고 활성화하십시오. Shopify API URL 및 Collection ID를 저장하기 위해 사용자 정의 필드를 작성하십시오. 이것은 코드를 변경하지 않고 이러한 값을 쉽게 수정할 수 있습니다. page-shopify.php

   <?php
   /**
    * Template Name: Shopify Product Feed
    */
   get_header(); ?>
   
   <div id="primary" class="full-width">
       <?php while ( have_posts() ) : the_post(); ?>
           <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
               <div class="entry-header">
                   <h1 class="page-title"><?php the_title(); ?></h1>
               </div>
               <div class="entry-content">
                   <?php the_content(); ?>
                   <div class="row product-feed"></div> </div>
           </div>
       <?php endwhile; ?>
   </div>
   <?php get_footer(); ?>

컬렉션을 포함 시키십시오 (php code) :
3. 파일의 섹션 내에 다음 php 코드를 추가하십시오. 이 코드는 Shopify API의 제품 데이터를 가져오고 캐싱을 처리하며 제품을 표시합니다. (참고 : 이것은 단순화 된 예입니다. 완전한 기능 코드에 대한 제공된 Github Gist를 참조하십시오).

   . (이 섹션은 제품을 가져오고 표시하기 위해 상당한 양의 PHP 코드가 필요합니다. 길이 제약으로 인해 여기에 전체 코드를 포함시킬 수 없습니다. 전체 코드에 대해 원본 텍스트에 언급 된 Github Gist를 참조하십시오. .)

   스타일 스타일 출력 (CSS) :

   웹 사이트의 디자인과 일치하도록 제품 디스플레이를 스타일링하기 위해 CSS를 추가하십시오.

결론 :
4. 이 안내서는 Shopify 매장을 WordPress와 통합하기위한 프레임 워크를 제공합니다. 완전히 기능적인 구현을 위해 Github GIST의 전체 코드 예제를 참조하십시오. 이 통합은 강력하고 유연한 전자 상거래 솔루션을 위해 두 플랫폼의 강점을 활용할 수 있도록 강력한 가능성을 잠금 해제합니다. 자리 표시 자 값을 실제 Shopify 데이터로 바꾸는 것을 잊지 마십시오. 특정 요구에 따라이 통합의 추가 사용자 정의 및 확장이 가능합니다.

위 내용은 WordPress와 함께 Shopify API 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!