<html lang="ja-jp" dir="ltr"><head></head><body>### [WPFormsでカスタムPHPまたはJavaScriptを追加する方法](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/)

**公開日:** 2019年10月9日
**著者:** Umair Majeed

**抜粋:** このチュートリアルでは、カスタムJavaScriptおよびカスタムPHPスニペットをサイトに追加するいくつかの異なる方法を説明します。

**コンテンツ:**

カスタムJavaScriptまたはPHPスニペットをサイトに追加したいですか？このチュートリアルでは、スニペットを追加するオプションごとにステップバイステップの説明で、これらのスニペットをサイトに追加する方法を複数紹介します。PHPまたはJavaScriptを使用してサイトにカスタムコードスニペットを追加すると、特定のニーズに合わせてサイトの機能を拡張できます。WordPressテーマの機能を拡張する場合でも、プラグインの機能を拡張する場合でも同様です。

この役立つガイドを使用すると、スニペットをサイトに追加したい方法を簡単に選択できます。実装方法を選択したら、開発者ドキュメントを探索して、サイトに追加したいスニペットを選択できます。

利用可能なスニペットのホストを確認するには、[開発者ドキュメントをご覧ください](https://wpforms.com/developers/ "WPForms Developer Documentation")。

サイトにカスタムPHPまたはJavaScriptを追加する方法をより実践的に確認するには、ビデオチュートリアルをご覧ください。

## 実装オプション

WPFormsだけでなく、追加したいカスタムコードにも、PHPまたはJavaScriptを追加して特定のニーズをカスタマイズするためのアプローチがいくつかあります。

#### WPCodeプラグインを使用する（推奨）

**WPCode**プラグインを使用すると、スニペットをサイトにすばやく簡単に追加できます。

このプラグインをカスタムスニペットをサイトに追加するために強く推奨する多くの理由の1つは、スニペットを保存する前に組み込みのチェックがあることです。セミコロンが欠落しているか、余分な括弧が追加されている場合、スニペットは保存されません。これにより、誤ってコピー＆ペーストしたスニペットが原因で発生する可能性のあるJavaScriptエラーやPHP致命的エラーなどの問題を回避できます。そして、無料バージョンでも、スニペットがアクティブになる前にこの追加の監査を受け取ることができます。

**注:** このプラグインの詳細については、[専用ドキュメントを含む詳細情報については、サイトを確認してください](https://wpcode.com/)。

プラグインをインストールしたら、WordPressダッシュボードの左側メニューから**コードスニペット**メニューに移動し、**+スニペットを追加**を選択します。

次に、**カスタムコードを追加（新規スニペット）**をクリックし、青い**スニペットを使用**ボタンをクリックして新しいスニペットを作成します。

![WPCodeメニューから+スニペットを追加](https://wpforms.com/wp-content/uploads/2019/10/wpcode-add-new-snippet.png)新しいスニペット画面が表示されたら、あなたとあなたのサイト管理者がその目的を理解できるように、スニペットにわかりやすい名前を付けます。**コードタイプ**ドロップダウンから**PHP**を選択します。

**注:** 当社の開発者ドキュメント全体で見つかるWPFormsスニペットはすべて、特定のCSSスニペットを除くすべて、PHPスニペットとして追加されます。これは、WPFormsフォームがページにない場合にスクリプトが読み込まれないようにするためです。これにより、すべてのページに適用されないスクリプトの読み込みの必要性が軽減されます。

このチュートリアルの目的で、次のスニペットを追加します。

**コードプレビュー**セクションで、**<!--?php**の下にスニペットを追加します。このドキュメントの目的で使用する例を次に示します。

```

/**
 * チェックボックスのクリックから送信をトリガーする
 *
 * @link https://wpforms.com/developers/how-to-automatically-submit-a-form-with-a-field-choice/
 */
function wpf_dev_automatic_submit_form() {
    ?-->

**カテゴリ:** はじめる

**タグ:** JS, PHP

---</body></html>