WPCode連携の使い方
このドキュメントについて
読む時間: 4分 | 難易度: 初級
概要
WPCode は、カスタムコードスニペット(ヘッダー/フッター スクリプト、カスタム PHP、カスタム CSS、コンバージョン ピクセルなど)を管理するための人気のWordPressプラグインです。WP Simple PayのWPCodeインテグレーションは、WPCodeのスニペットライブラリ内に公式のwpsimplepayユーザー名を登録し、ドキュメントページからコピーすることなく、WP Simple Pay固有のコードスニペットを簡単に見つけてインストールできるようにします。
インテグレーションがアクティブな場合、WPCodeライブラリで「WP Simple Pay – タイトルを非表示」、「WP Simple Pay – カスタム通貨フォーマット」、または「WP Simple Pay – 条件付きフィールド表示」のようなスニペットを検索し、ワンクリックでインストールできます。スニペットはWPCodeの安全な実行環境内で実行され、WPCodeのUIを通じて有効化、無効化、または変更できます。
前提条件
- WP Simple Pay(全ティア)
- WPCodeプラグインがインストールされ、アクティブ化されていること
ステップ1:WPCodeをインストールする
まだWPCodeをお持ちでない場合:
- WordPress管理画面でプラグイン > 新規追加に移動します。
- WPCodeを検索します。
- WPCode(旧「ヘッダーとフッターの挿入」)によって公開されたプラグインをインストールしてアクティブ化します。
WP Simple Payのスニペットライブラリを使用するには、無料バージョンで十分です。
ステップ2:インテグレーションがアクティブであることを確認する
両方のプラグインがアクティブになると、インテグレーションは自動的に登録されます — 手動での設定は不要です。確認するには:
- WordPress管理画面(WPCodeメニュー)のコードスニペット > ライブラリに移動します。
- ライブラリを閲覧または検索します。
- WP Simple Payによって作成されたスニペットを探します。
ステップ3:WP Simple Payスニペットを閲覧する
WPCodeのライブラリ内で、WP Simple Payチームが提供したスニペットをフィルタリングまたは検索できます。利用可能なスニペットの一般的なカテゴリには以下が含まれます:
- Form behavior tweaks — Hide titles, change button labels, restrict submit timing
- Conditional logic — Show/hide fields based on form state or user data
- Currency and formatting — Custom currency display rules, number formatting
- Email customizations — Modify email templates, append data to emails
- Frontend display — Adjust how forms render on specific pages or templates
- Webhook customizations — Modify webhook payload behavior
- Advanced developer hooks — Filters and actions for fine-grained customization
Each snippet includes a description, author byline, and a preview of the code so you can review what it does before installing.
Step 4: Install a Snippet
When you find a snippet you want:
- Click the snippet card to open its detail page.
- Click Use Snippet (or Install, depending on the WPCode version).
- WPCode imports the snippet into your site as a draft. It is not active by default — review it first.
- Click Save and Activate to enable it.
WPCode handles the execution environment so you don’t need to edit theme or plugin files directly.
Step 5: Manage Installed Snippets
Installed snippets appear under Code Snippets > All Snippets. From there you can:
- Toggle a snippet on or off
- Edit the code (useful for customizing parameters like form IDs)
- Schedule when the snippet runs (specific pages, devices, user roles)
- Disable a snippet temporarily for troubleshooting
Why Use WPCode Instead of Editing Files Directly?
| WPCode + WP Simple Pay snippets | Editing functions.php or a custom plugin |
|
|---|---|---|
| Syntax errors | Caught and rolled back automatically | Can white-screen your site |
| Update safety | Snippets persist across plugin/theme updates | Theme updates can erase changes |
| 可視性 | すべてのカスタムコードを1か所で見えるようにする | ファイルに散らばっている |
| 無効化 | ワンクリック無効化 | ファイル編集またはFTPが必要 |
| バージョン管理 | 組み込みの変更追跡 | 手動git/バックアップ |
開発者以外にとって、WPCodeはカスタマイズを適用するより安全な方法です。開発者にとっても、すべてのカスタムコードが一元化され、プラグイン/テーマの置き換え後も残るため、依然として役立ちます。
よくある質問
WP Simple Payのスニペットライブラリはどこで見られますか?
両方のプラグインが有効になっている場合、WPCodeの「ライブラリ」タブ内にあります。WPCodeのウェブサイトで公開ライブラリを閲覧し、「WP Simple Pay」を検索することもできますが、インストールするにはサイトでWPCodeプラグインを実行している必要があります。
スニペットは無料ですか?
WP Simple Payの公式スニペットは無料です。一部の高度なスニペットは、WPCode Proの機能(条件付きロジック、スケジューリングなど)を使用する場合、WPCode Proサブスクリプションが必要になることがありますが、スニペット自体に追加料金はかかりません。
自分でスニペットを作成できますか?
はい。WPCodeはご自身で作成したカスタムスニペットもサポートしています。ライブラリから取得する必要はありません。この連携機能はWP Simple Payのライブラリユーザー名を登録するだけで、WPCodeの他の機能の使用を制限するものではありません。
WP Simple Payをアップデートしてもスニペットは壊れませんか?
WP Simple Payは安定したフィルターとアクションAPIを維持しているため、ほとんどのスニペットはリリース後も機能し続けます。スニペットが変更された内部関数に依存している場合、正常に失敗するか、スニペットのWPCodeリストで非推奨としてマークされます。メジャーなプラグインアップデート後は必ずスニペットをテストしてください。
これは「自動化」タブとどう違いますか?
「自動化」タブは、Uncanny Automatorと連携して、WP Simple Payのイベントと他のアプリ間のノーコードワークフローを提供します。WPCodeは、ご自身のサイトでのPHP/JS/CSSカスタマイズ用です。それぞれ異なるニーズに対応し、併用できます。
WPCodeにWP Simple Payのスニペットが表示されないのはなぜですか?
両方のプラグインが有効になっていること、およびローカルスニペットリストではなく「ライブラリ」タブを見ていることを確認してください。この連携機能はWPCodeの管理画面で登録されるため、有効化後、少なくとも一度は「コードスニペット > ライブラリ」にアクセスして、登録が実行されたことを確認してください。
次にやること
- 「自動化タブの使用方法」 – Uncanny Automatorによるノーコード自動化
- 「連携に関する一般情報」 – 利用可能なその他の連携機能
まだ質問がありますか?私たちが喜んでお手伝いします!
最終更新日: