Fy2Press 1.0.0 · 11

同等性を仮定しないビルダー対応表

コンポーネントの概念上の登録と、Gutenberg、Elementor、WPBakeryにおける操作・マークアップ・実行時の同等性を切り分けます。

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

3つのステップ

ページを管理するビルダーを選びます。
専用コンポーネントかショートコードのみか確認します。
同等と説明する前に出力を試します。

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

期待される結果

コンポーネントの概念上の登録と、Gutenberg、Elementor、WPBakeryにおける操作・マークアップ・実行時の同等性を切り分けます。

カバレッジは概念上のものであり、挙動の同等性ではありません。下記の一覧は、どの公開機能がElementor、Gutenberg、WPBakeryに専用コンポーネントを持つか、どの公開ショートコードが持たないかを示します。CollectionProductsPerPageは逆の欠落です。各ビルダーにコンポーネントが一つずつあり、正規の公開ショートコードが存在しません。

開始前の準備

ページを管理するビルダーを選びます。
専用コンポーネントかショートコードのみか確認します。
同等と説明する前に出力を試します。

このガイドで扱う内容

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

手順

ページを管理するビルダーを選びます。下記のバージョン対応の完全な一覧を参照し、再利用する前に最小の代表的な例で試してください。
専用コンポーネントかショートコードのみか確認します。下記のバージョン対応の完全な一覧を参照し、再利用する前に最小の代表的な例で試してください。
同等と説明する前に出力を試します。下記のバージョン対応の完全な一覧を参照し、再利用する前に最小の代表的な例で試してください。

結果の確認

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

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

よくある問題

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

トラブルシューティング

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

セキュリティとデータ

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

検索への影響

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

サポートに伝える情報

バージョンと提供状況

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

3つのビルダーすべてに専用登録

Elementor · Gutenberg · WPBakery

fy2press_product_title: Elementor · Gutenberg · WPBakery
fy2press_product_description: Elementor · Gutenberg · WPBakery
fy2press_product_price: Elementor · Gutenberg · WPBakery
fy2press_product_image: Elementor · Gutenberg · WPBakery
fy2press_product_vendor: Elementor · Gutenberg · WPBakery
fy2press_product_tags: Elementor · Gutenberg · WPBakery
fy2press_product_gallery: Elementor · Gutenberg · WPBakery
fy2press_product_availability: Elementor · Gutenberg · WPBakery
fy2press_product_variants: Elementor · Gutenberg · WPBakery
fy2press_product_collections: Elementor · Gutenberg · WPBakery
fy2press_add_to_cart: Elementor · Gutenberg · WPBakery
fy2press_buy_now: Elementor · Gutenberg · WPBakery
fy2press_products_loop: Elementor · Gutenberg · WPBakery
fy2press_collection_title: Elementor · Gutenberg · WPBakery
fy2press_collection_description: Elementor · Gutenberg · WPBakery
fy2press_collection_sort: Elementor · Gutenberg · WPBakery

専用コンポーネントのない公開ショートコード

fy2press_product: 公開ショートコードのみ
fy2press_product_url: 公開ショートコードのみ
fy2press_product_type: 公開ショートコードのみ
fy2press_related_products: 公開ショートコードのみ
fy2press_collection: 公開ショートコードのみ
fy2press_product_search: 公開ショートコードのみ
fy2press_collection_filter: 公開ショートコードのみ
fy2press_tag_filter: 公開ショートコードのみ
fy2press_filter_sidebar: 公開ショートコードのみ
fy2press_price_filter: 公開ショートコードのみ
fy2press_availability_filter: 公開ショートコードのみ

ビルダー専用の逆方向差分

CollectionProductsPerPage: shopipress/collection-products-per-page27ショートコード一覧に含まれないビルダーコンポーネント

システム境界を明示

Shopifyが商取引、Fy2Pressがカタログ移行、WordPressが公開を担います。

Shopify · カタログと決済

Fy2Press · 手動同期と表示

WordPress · コンテンツ、テンプレート、SEO

次へ進む前に確認

Fy2Press画面だけでなくWordPressで結果を確認します。
カートと決済はShopifyに残します。
不具合報告にはインストール済みのバージョンを記録します。