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

このガイドはFy2Press 1.0.0について説明しています。今後のバージョンでは画面が変わることがあるため、手順に進む前に「プラグイン」画面に表示されているバージョンを確認してください。

期待される結果

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

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

開始前の準備

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

このガイドで扱う内容

まず、それぞれの役割を確認しておきましょう。商品、在庫、注文、支払い、チェックアウトはShopifyが管理します。Fy2PressはカタログをWordPressに取り込んで表示します。WordPressにはサイトのページや記事などのコンテンツが置かれます。このガイドの手順で、注文、顧客、支払いがWordPressへ移ることはありません。

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

手順

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

結果の確認

結果は、訪問者が実際に目にする場所で確認してください。Fy2Pressの画面だけでなく公開されているWordPressのページを開き、代表的な商品を、価格、在庫状況、バリエーション、コレクションも含めてShopifyと比べます。小さな変更を一度だけ繰り返し、動作が安定していることを確かめてください。

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

よくある問題

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

トラブルシューティング

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

セキュリティとデータ

サポートを依頼するときは、プラグインのバージョン、WordPressとPHPのバージョン、使用しているテーマまたはページビルダー、ページのアドレス、実行した手順を控えておいてください。テスト用の商品を使い、スクリーンショットを共有する前に、トークン、顧客データ、注文の詳細、非公開のアドレスを取り除いてください。

検索への影響

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

サポートに伝える情報

サポートを依頼するときは、プラグインのバージョン、WordPressとPHPのバージョン、使用しているテーマまたはページビルダー、ページのアドレス、実行した手順を控えておいてください。テスト用の商品を使い、スクリーンショットを共有する前に、トークン、顧客データ、注文の詳細、非公開のアドレスを取り除いてください。

関連ガイド

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

バージョンと提供状況

Fy2Press 1.0.0のドキュメントです。無料プラグインはWordPress.orgで入手できます。PROは、ライセンスと決済を担当するFreemiusを通じて別途販売しています。

詳しくはこちら： ブロックとショートコードで構築する (EN)