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

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

期待される結果

付属のデザイン、ブロック、ショートコードによって、商品とコレクションがWordPressのページに表示されています。購入操作では、お客様がShopifyへ進みます。

付属のデザイン、17個のブロック、27個のショートコードで、同期した商品をWordPressのページに表示します。購入はShopifyで行われます。

開始前の準備

• 同期済みの商品とコレクションが、それぞれ1つ以上。
• 商品を紹介すると役立つWordPressのページや記事（購入ガイドなど）。
• 結果を判断するための、テーマのコンテンツ幅。
• 「Google と SEO」で決めたインデックスの設定。

始める前に、元に戻す手段を用意してください。バックアップまたはステージング環境のコピー、比較に使うShopifyの商品、結果を表示するWordPressのページを決めておきます。まずは繰り返し試せる小さなテストから始めましょう。

このガイドで扱う内容

FREEには、17個のGutenbergブロック、27個のショートコード、商品デザイン1つ、コレクションデザイン1つが含まれます。ElementorとWPBakeryのネイティブコンポーネントは、別売の有料PROエディションに含まれます。最終的な見た目は、テーマによっても変わります。

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

手順

1. 「デザイン」を開いてFREEに含まれる商品とコレクションのデザインを調整し、パソコンとスマートフォンでの表示を確認します。
2. WordPressのページを編集してFy2Pressのブロックを追加するか、「ページに追加」または「ヘルプ」から正確なショートコードをコピーします。
3. まずは小さく始めます。見出し、短い説明、関連する商品があれば十分です。
4. エディターの外でページをプレビューし、バリエーションを選んだり、絞り込みを試したりします。
5. 購入操作をたどってShopifyまで進みます。許可されていないテスト決済は完了させないでください。

ページを一般に公開する前に、結果を確認してください。成功メッセージが出るのは良い兆候ですが、公開ページとShopifyでの購入の流れも一致している必要があります。

結果の確認

• 商品名、価格、画像が、同期されたデータと一致しています。
• スマートフォンでも、横スクロールなしで読みやすく表示されています。
• 購入操作で、正しいShopifyストアのカートまたはチェックアウトに進みます。

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

よくある問題

• ブロックが空になっている：表示する商品またはコレクションが必要です。ブロックの設定で選んでください。
• ショートコードがそのまま文字として表示される：「ページに追加」で正確な名前を確認してください。公開されている名前は fy2press_ で始まります。
• エディターによってレイアウトが異なる：Gutenberg、ショートコード、PROのビルダーはそれぞれ別のツールです。同じ出力を期待するのではなく、リファレンスガイドと照らし合わせてください。

想定外のことが起きたら、大きな操作をいったん止め、商品1件とページ1つで試し直してください。設定を変更したりキャッシュを削除したりする前に、エラーメッセージを正確に控えておきます。

トラブルシューティング

1. プラグインのバージョンとエディション（FREEまたはPRO）を確認します。
2. テスト用の商品1件で、問題を再現します。
3. 問題の原因がShopify、Fy2Press、WordPressのテーマのどれにあるかを見極めます。
4. エディションのガイドを参照し、ご利用のエディションに含まれる機能と結果を比べます。
5. テスト環境を元に戻してもう一度試し、同じ結果が繰り返されるかを記録します。

セキュリティとデータ

ページの内容やカスタムHTMLに、トークンを貼り付けないでください。カスタムCSSとページビルダーは公開のためのツールなので、利用できるのは信頼できる人だけにしてください。

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

検索への影響

最終的なページで、タイトル、見出し、リンク、商品の優先アドレスを確認してください。エディターでのプレビューが良くても、検索エンジンが受け取る内容まではわかりません。また、これらの設定はご自身の判断を支えるものであり、インデックスや検索順位を保証するものではありません。

サポートに伝える情報

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

関連ガイド

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

バージョンと提供状況

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