WordPress用Webflow Pagesプラグイン - Webflowヘルプ

Last updated on 10/23/2025@mrbirddev
WordPress用Webflow Pagesプラグイン - Webflowヘルプ

Webflowでコードの力を使って視覚的にページを作成し、それをWordPressサイトで直接提供します。

WordPressでサイトを運営する必要があるが、Webflowでサイトを作成したいですか?WebflowのWordPressプラグインを使用して、Webflowで視覚的にサイトを作成し、それらのページをWordPressサイトで直接提供できます。

これが生活を楽にする方法

  • コードなしで完全なデザイン制御。 テーマを変更するためにカスタムWordPress開発プロジェクトに飛び込む必要はありません。Webflowで視覚的にページ(またはサイト全体)を作成し、独自のデザインを犠牲にすることなく構築できます。WebflowとWordPressでの構築について詳しくはこちら
  • 新しいページをより速く構築。 プロモーション用ランディングページをすぐに作成する必要がある場合や、既存のWordPressサイトに何かを追加したい場合は、Webflowで構築し、WordPressサイトで提供し、WordPressでカスタムページを組み合わせる必要がないことを安心して知ってください。
  • ページをより速く更新。 WebflowページをWordPressサイトにアップしたら、更新をプッシュしたり、新しいセクションを追加したりすることがWebflowで行え、クリック一つでライブ公開できます。

プラグインのダウンロードと有効化方法

Webflow Pagesプラグインを使用開始するには、WordPressプラグインディレクトリからダウンロードしてインストールします。その後:
  1. WordPress管理パネルのプラグインメニューをクリックし、右上の検索バーで「Webflow Pages」を検索
  2. Webflow Pagesプラグインカードを見つけて今すぐインストールをクリック
  3. 有効化をクリック

有効化が完了すると、左サイドバーにWebflow Pagesプラグインが表示されます。「Welcome」リンクをクリックしてください。そこには簡単な概要といくつかのユーティリティリンクがあります。

WordPress用のWebflow PagesプラグインはWebflow Ecommerceと互換性がありません。

APIキーの生成と設定方法

プラグインを使用するには、設定メニューに移動します。

プラグインにはWebflow APIキー(「APIトークン」または「アクセス トークン」と呼ばれることもあります)が必要です。APIトークンを作成するには:

  1. サイト設定 > アプリ & 統合 > APIアクセスに移動
  2. APIトークンを生成をクリック
  3. APIトークンの名前を入力
  4. 認可されたユーザーの権限を読み取り専用に設定
  5. CMSの権限を読み取り専用に設定
  6. サイトの権限を読み取り専用に設定
  7. ページの権限を読み取り専用に設定
  8. トークンを生成をクリック
  9. 生成されたトークンをクリップボードにコピー
APIトークンを安全な場所に保存してください。APIトークンは個人情報として扱われ、パスワードのように扱うべきです。作成後はダッシュボードで再度表示することはできません。APIトークンが漏洩したと思われる場合は、サイト設定 > アプリ & 統合タブ > APIアクセスに移動し、APIトークンを生成をクリックして新しいトークンを生成し、漏洩したトークンをサードパーティの接続で置き換えてください。

次に、サイトを公開し、WordPress管理パネルに戻ります。APIトークンを貼り付けてWebflow APIキーを追加をクリックします。

ページ設定の構成方法

プラグインのページセクションにリダイレクトされます。ここから、WordPressページの代わりにWebflowで作成したページを選択する必要があります(ウェブサイトのWordPressパスを選択)。追加したいページを制限なく追加できます。

Webflowコレクションページがある場合、それらはこのページの右側のセクションに表示されます。WordPressサイトにも追加できます。

設定メニューから、サイトがWebflowページを読み込む方法を制御するための高度な設定を管理できます。ほとんどの場合、これらを変更する必要はありません。次のことができます:

  • キャッシュの期間を選択する(Webflowページをどのくらいの期間キャッシュするかを定義します)
  • キャッシュの無効化(デバッグに役立つWordPressサイトのキャッシュを削除します)
  • 静的ページキャッシュのプリロード(ページの読み込みを速くします)
  • Webflowサイトの接続を解除するには、リセットをクリックして新しいサイトを追加します

右側には、Webflowサイトのカバーが表示されます。

FAQとトラブルシューティングのヒント

Webflowバッジを削除するにはどうすればよいですか?

公開されたサイトからWebflowバッジを削除するには、有料のサイトプランまたは成長またはエンタープライズワークスペースが必要です。Webflowステージングサブドメインに公開する際には、成長またはエンタープライズワークスペースでWebflowバッジを非表示にできますが、Webflow以外のウェブサイト(例:WordPressウェブサイト)でWebflowステージングサブドメインを使用しようとする場合はできません。

つまり、PagesプラグインでWebflowステージングサブドメイン(例:yoursite.webflow.io)を使用する場合、サイト設定Webflow製バッジを表示が「オフ」に切り替えられていても、Webflowバッジはサイトに表示されます。これは意図された動作です。

Pagesプラグインを使用しながらサイトからWebflowバッジを削除したい場合は、サイトプランを購入し、カスタムドメインまたはサブドメインをサイトに追加し、そのカスタムドメインをプラグイン設定で使用する必要があります。

APIキーが失敗しています。どうすればよいですか?

WordPressプラグインが最新バージョンに更新されていることを確認し、Webflowサイトを非公開にして再公開します。その後、サイト設定 > アプリ & 統合 > APIアクセスで新しいAPIキーを生成し、WordPressで新しいAPIキーを使用してください。

Webflow PagesプラグインでWordPressに関する問題が続く場合は、カスタマーサポートチームにお問い合わせください


この記事で


ウェブフローのヘルプに戻る

Last updated on 10/23/2025@mrbirddev
Recent Articles
Loading...