Fy2Press
見る

JA

ドキュメント

ShopifyカタログをWordPressに接続。

インストール、接続、手動同期、公開の順に進めます。各ガイドで手順と次へ進む前の確認事項を説明します。

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

13
バージョン連動ガイド
9
完全な言語ルート
1.0.0
記載されたバージョン

WordPressとShopifyのプロジェクトを計画する

制作会社と開発者向けに、実践的な判断の手引きと再利用できるテンプレートをGitHubのFy2Press公開リファレンスで提供しています。

アーキテクチャ資料と代理店向けテンプレート(英語・カナダフランス語)

ガイド一覧

目の前の作業から始める。

画面別ではなく作業別に整理されています。各ガイドにシステム境界、短い手順、完了確認を明記します。

01

開始と接続

記載されたバージョンを導入し、1店舗を接続して最初のカタログ検出を確認します。

01 1.0.0

WordPressにFy2Pressをインストール

WordPressのプラグインディレクトリから無料プラグインをインストールして有効化し、ストアを接続する前にホーム画面を開きます。

実行すること
  1. 「プラグイン」メニューのプラグイン追加画面(Plugins → Add Plugin)から、Fy2Press Catalog for Shopifyをインストールします。
  2. 有効化して、Fy2Pressのホーム画面を開きます。
  3. 続いて、Shopify接続のガイドに進みます。
ガイドを開く
02 1.0.0

Shopifyを安全に接続

ShopifyのHeadlessチャネルで公開Storefront APIトークンを作成し、ストアのアドレスと一緒に入力して接続をテストします。

実行すること
  1. ShopifyのHeadlessチャネルでストアフロントを作成し、公開Storefront APIトークンをコピーします。
  2. Fy2Pressにストアのサブドメインとトークンを入力し、「接続テスト」を選びます。
  3. 意図したストアであることを確認できたら、設定を保存します。
ガイドを開く
02

同期と公開

記録を意図的に移し、WordPressでネイティブな表示を設計します。

03 1.0.0

カタログを確認して同期

Shopifyのカタログを検出して要約を確認し、手動同期を開始したあと、最初の商品を確認します。

実行すること
  1. 「Fy2Press」→「商品」でカタログの検出を開始し、要約を確認します。
  2. 表示の設定を準備してから、手動同期を開始します。
  3. 最初に同期した商品をShopifyと比べます。
ガイドを開く
04 1.0.0

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

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

実行すること
  1. ブロックまたはfy2press_*を選択。
  2. 商品、コレクション、文脈を指定。
  3. 購入操作がShopify決済へ戻ることを確認。
ガイドを開く
05 1.0.0

商品とコレクションをデザイン

付属のビジュアル工房、既定テンプレート、提供されたPRO機能を使います。ロックされたプレビューを動作中の機構と取り違えないでください。

実行すること
  1. 商品とコレクションを設定。
  2. モバイルとデスクトップを確認。
  3. Pro機能はProパッケージでのみ使用。
ガイドを開く
03

管理と診断

SEOシグナル、データ境界、診断証拠を明確に保ちます。

06 1.0.0

正規のカタログ面を選ぶ

WordPressとShopifyのどちらを主たる面にするかを決め、そのうえでインデックス、アーカイブ、サイトマップ、構造化出力を揃えます。

実行すること
  1. WordPressかShopifyを主ページに選択。
  2. 薄いタグアーカイブを避ける。
  3. canonical、robots、sitemap、schemaを確認。
ガイドを開く
07 1.0.0

接続と表示を診断

認証情報やテンプレートを変える前に、Shopifyへのアクセス、WordPressのHTTP、同期データ、テーマの描画を切り分けます。

実行すること
  1. 画面とバージョンを記録して再現。
  2. HTTPSとトークンを個別にテスト。
  3. 再試行前にログとマークアップを確認。
ガイドを開く
08 1.0.0

トークン、パッケージ、送信データを管理

公開の資格情報と非公開の資格情報を区別し、管理者アクセスを制限し、Freemiusへの任意のデータ送信を理解します。

実行すること
  1. 公開Storefrontトークンのみ使用。
  2. ZIPと試験データを公開領域外に保管。
  3. 同意前にFreemiusの内容を確認。
ガイドを開く
04

正確なリファレンスで構築

ブロック、ショートコード、ビルダー、エディション、サービスの検証済み一覧を使います。

09 1.0.0

27個の公開ショートコード一覧

商品、コレクション、絞り込みという責任ごとに整理された、正確な公開fy2press_*一覧を使います。

実行すること
  1. 標準構成で十分なら完全版ショートコードから始めます。
  2. 細分化した要素は必要なコンテキスト内で使います。
  3. 公開前に表示とShopifyへの遷移を確認します。
ガイドを開く
10 1.0.0

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

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

実行すること
  1. Fy2Pressカテゴリーからブロックを挿入します。
  2. プレビューで商品またはコレクション文脈を確認します。
  3. 登録だけでは出力の同等性を証明しないため公開ページを試します。
ガイドを開く
11 1.0.0

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

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

実行すること
  1. ページを管理するビルダーを選びます。
  2. 専用コンポーネントかショートコードのみか確認します。
  3. 同等と説明する前に出力を試します。
ガイドを開く
12 1.0.0

FREEに含まれる機能とPROで追加される機能

無料プラグインに含まれる機能、PROが必要な機能、このバージョンで一部のみ提供または未提供の機能を確認できます。

実行すること
  1. 安定したIDで機能を特定します。
  2. 提供済み、部分提供、未提供を確認します。
  3. FREEのロック表示を有効なPro機能として説明しません。
ガイドを開く
13 1.0.0

データ、認証情報、外部サービス

何がWordPressの内容になり、何がShopifyに残り、どの時点でFreemiusが任意のライセンス情報を受け取るかを追跡します。

実行すること
  1. 公開Storefrontトークンのみ使います。
  2. 顧客、支払い、決済データはShopifyに残します。
  3. 同意前にFreemiusのオプトインまたはライセンスを確認します。
ガイドを開く

Fy2Press

システムへの3つの入口

製品を確認し、検索面を管理し、サポート依頼を準備できます。

01プラグインの動作を見る 02SEOコントロールセンターを開く 03サポート依頼を準備する