ブロックとショートコードで公開

このガイドは、ページ冒頭に示されたShopiPressのバージョンに適用されます。当該バージョンはFreemiusで正式に公開されています。手順を適用する前にインストール済みバージョンを確認してください。以降のバージョンでは画面、既定値、サービスの境界が変わる場合があります。

期待される結果

同期した商品とコレクションが、提供されたブロック、公開ショートコード、対応ビルダーによってWordPressのページに配置され、購買の経路はすべてShopifyへ続きます。

17個のブロックと接頭辞付きの27個のショートコードで、同期したカタログをGutenberg、テーマ、本文領域に配置します。

開始前の準備

• 確認済みで同期された商品とコレクションが少なくとも一つずつ。
• 本文幅とタイポグラフィが把握できているテーマまたはページテンプレート。
• 選択した描画方式: Gutenberg、ショートコード、Elementor PRO、WPBakery PROのいずれか。
• WordPress側の商品面についてのcanonicalとインデックスの方針。

復元ポイントを用意し、根拠となるShopifyのレコードと、結果を裏づけるWordPressのURLまたは管理画面を特定してください。テストは、あいまいなカタログ状態を生まずに繰り返せる程度に小さく保ちます。

対象範囲と現在の制限

ビルダーが存在することは、属性、コントロール、マークアップ、出力が同一であることを意味しません。公開ショートコードのうち11件は三つのビルダーのいずれにも専用コンポーネントがなく、CollectionProductsPerPageはこの候補版ではビルダー専用です。

作業全体を通じて責任分担を明確に保ってください。Shopifyは引き続き商取引の情報源であり決済システムです。ShopiPressは提供された契約に従ってカタログを接続し、同期し、描画します。WordPressは公開の文脈を担います。WordPress側で成功した結果を、注文、顧客、支払い、在庫に関する権限の移転と解釈してはいけません。

手順

1. 「マイページに追加」を開き、商品またはコレクションの複合出力と、細分化されたコンポーネントのどちらがページに適するかを判断する。
2. 提供されたGutenbergブロックを挿入するか、接頭辞を含む正確なショートコードを目的の本文領域に貼り付ける。
3. PROビルダーでは、ネイティブのコンポーネントを追加し、同等だと決めつけずにショートコードまたはブロックの参照と照合する。
4. バリエーション、在庫状況、価格、空の状態を含めて、デスクトップとモバイルの幅でページをプレビューする。
5. 購買操作をカート作成まで追い、決済がShopifyでホストされていることを確認する。

管理操作と公開の間にある確認の手順を省略しないでください。制御側の成功応答は証跡の一層にすぎません。保存されたWordPressのレコード、レンダリングされたページ、Shopifyの購買経路が一致している必要があります。

結果の確認

• レンダリングされた商品の同一性と価格が、同期したレコードと一致している。
• レイアウトがキーボード操作で機能し、320ピクセルでも横スクロールが生じない。
• 購入リンクまたはカート操作が、意図したShopifyの購買経路を指している。

結果はShopiPressの管理画面だけでなく、レンダリングされたWordPressページと権威あるShopify側の画面の両方で確認してください。価格、在庫状況、バリエーション、コレクションのデータを備えた代表的な商品を使用します。冪等性が問題になる場合は最小限の安全な操作を繰り返し、テストを広げる前に差異を必ず記録してください。

よくある誤り

• 細分化されたコンポーネントが空: ページが必要な商品またはコレクションの文脈を提供しているかを確認する。
• ビルダーの出力が異なる: カバレッジ表を参照し、ビルダー固有のレンダラーで検証する。概念上のカバレッジをマークアップの同等性として扱わない。
• 購買が失敗する: 商品とバリエーションの同一性、公開Storefront接続、Shopifyのカート応答を確認する。

結果が想定と異なる場合は、広範な操作を止め、レコード一件、URL一つ、レンダラー一つにまで問題を絞り込んでください。診断を再現可能に保つため、設定変更やキャッシュ削除の前に失敗した応答を保存します。

トラブルシューティング

1. パッケージのバージョンとエディションを確認する。
2. 管理下のデータで、最小かつ安全な事例を再現する。
3. 失敗している手順の責任がShopify、ShopiPress、WordPressのどれにあるかを特定する。
4. 観測された結果を、提供済み、部分的、未提供のいずれの機能状態と照合する。
5. テスト環境を復元し、一度繰り返して、結果が安定しているかを記録する。

セキュリティとデータ

ページビルダーの入力欄やカスタムHTMLにトークンを貼り付けないでください。利用者が入力するCSSとビルダーへのアクセスは、特権的な公開権限として扱います。

インストール済みバージョン、エディション、WordPressとPHPのバージョン、有効なビルダーまたはSEO連携、正確なURL、ビューポート、そして結果を生んだ操作の順序を記録してください。取得するのは管理下のカタログデータのみとします。成果物が検証環境を離れる前に、Storefrontトークン、顧客データ、注文情報、非公開ドメイン、環境の機密情報を伏せてください。

SEOへの影響

最終的なURL、見出し、内部リンク、canonical、robots、構造化データを確認してください。ビルダー上の見た目が正しいプレビューは、クローラーが意図したHTMLを受け取る証拠にはなりません。

記録すべき証跡

インストール済みバージョン、エディション、WordPressとPHPのバージョン、有効なビルダーまたはSEO連携、正確なURL、ビューポート、そして結果を生んだ操作の順序を記録してください。取得するのは管理下のカタログデータのみとします。成果物が検証環境を離れる前に、Storefrontトークン、顧客データ、注文情報、非公開ドメイン、環境の機密情報を伏せてください。

関連ガイド

• インストール
• WordPressで公開する
• GoogleとSEO
• セキュリティとデータ

バージョンと製品の状態

ShopiPressはFreemiusで正式に公開されています。このガイドは文書化されたバージョンを説明します。購入およびダウンロードのリンクは、その遷移先が設定され次第、本サイトに追加されます。