17個の動的Gutenbergブロック一覧

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

期待される結果

登録済みのサーバー描画ブロックを、それが制御するカタログ面に一つずつ対応させます。

この候補版は17件の動的なGutenbergブロックを登録します。各ブロックはapiVersion 3のメタデータ、PHPのレンダーコールバック、ServerSideRenderによるエディタープレビューを備えます。メタデータは利用者向けの属性を宣言していないため、この参照でインスペクターの操作項目を創作してはいけません。

開始前の準備

• ShopiPressカテゴリーからブロックを挿入します。
• プレビューで商品またはコレクション文脈を確認します。
• 登録だけでは出力の同等性を証明しないため公開ページを試します。

対象範囲と現在の制限

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

この候補版は17件の動的なGutenbergブロックを登録します。各ブロックはapiVersion 3のメタデータ、PHPのレンダーコールバック、ServerSideRenderによるエディタープレビューを備えます。メタデータは利用者向けの属性を宣言していないため、この参照でインスペクターの操作項目を創作してはいけません。

手順

1. ShopiPressカテゴリーからブロックを挿入します。 下記のバージョン対応の完全な一覧を参照し、再利用する前に最小の代表的な例で試してください。
2. プレビューで商品またはコレクション文脈を確認します。 下記のバージョン対応の完全な一覧を参照し、再利用する前に最小の代表的な例で試してください。
3. 登録だけでは出力の同等性を証明しないため公開ページを試します。 下記のバージョン対応の完全な一覧を参照し、再利用する前に最小の代表的な例で試してください。

結果の確認

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

• 正確な名称または安定した識別子を確認する。
• 宣言された文脈とレンダリングされたページを照合する。
• 空、長大、利用不可のデータ状態を試す。
• カバレッジ表がコンポーネントを明示している箇所に限り、Gutenberg、ショートコード、Elementor、WPBakeryの出力を比較する。

よくある誤り

• 名称が似ているという理由で、属性、ブロックのコントロール、ビルダーのコンポーネントを推測しないこと。
• ビルダー専用のコンポーネントを公開ショートコードに数え入れないこと。
• 概念上のカバレッジを、コントロール、マークアップ、挙動の同等性として説明しないこと。

トラブルシューティング

1. インストール済みパッケージのバージョンとエディションを再確認する。
2. 問題をコンポーネント一つ、既知のカタログレコード一件、WordPressのURL一つに絞り込む。
3. 正確な名称、安定した識別子、文脈、出力を、下記のバージョン対応の一覧と照合する。
4. 失敗している責任がShopify、ShopiPress、WordPressのどれに属するかを特定する。
5. 設定を変更する前にレンダリング結果と設定内容を保存し、その後で最小かつ安全なテストを一度だけ繰り返す。

セキュリティとデータ

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

SEOへの影響

参照用コンポーネントは見出し、リンク、商品データ、対話的なコントロールを変えることがあります。代表的なページで、レンダリングされたセマンティクス、アクセシビリティ、canonicalの挙動、Shopifyへの購買の引き渡しを確認してください。

記録すべき証跡

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

関連ガイド

• WordPressで公開する
• デザインとテンプレート
• GoogleとSEO

バージョンと製品の状態

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