WPFormsコードスニペットの使用

あなたのフォームにカスタムコードスニペットを追加するためのシンプルでワンクリックのソリューションをお望みですか?WPFormsとWPCodeプラグインを使えば、テーマの function.php ファイル。

このガイドでは、わずか数クリックでWPCodeプラグインをインストールし、使用する方法を紹介します。


WPCodeを始める

まずはWPForms " Toolsにアクセスしてください。そこで、Code Snippetsタブを選択します。

WPFormsのCode Snippetsタブ

Code Snippetsタブに移動すると、WPCodeプラグインのインストールと有効化を求めるプロンプトが表示されます。

WPCodeプラグインを通してすべてのWPFormsコードスニペットにアクセスするには、WPCodeのインストール+有効化ボタンをクリックするだけです。

WPCodeのインストールと有効化ボタン

WPFormsコードスニペットの追加

WPCodeがインストールされると、利用可能なすべてのWPFormsコードスニペットが表示されます。これらをインストールすると、すべてのフォームでその機能が有効になります。

コードスニペットタブのスニペットリスト

すべてのコード・スニペットには、タイトルと、その機能またはフォームに導入される変更の概要を示す簡単な説明が表示されます。

必要な機能を実装するには、その詳細を確認し、そのスニペットに対応するInstall Snippetボタンをクリックするだけです。

スニペットのインストールボタン

Install Snippetを選択すると、スニペットの詳細を表示するWPCodeページにリダイレクトされます。

スニペットの詳細表示

ここでは、コードのプレビューを表示し、挿入設定を調整し、スニペットを実行するデバイスの種類を指定することができます。さらに、スマート条件ロジックを利用して、自動挿入する特定のページを決定することもできます。

注:利用可能な設定と詳細な機能の深い理解については、WPCodeの公式ドキュメントを参照してください。

お客様の利便性を考慮し、お客様のサイトに最適な設定がデフォルトで適用されています。変更する必要はありませんが、必要に応じて設定を調整することができます。

変更後は、必ず「アクティブ」オプションをオンに切り替えてください。

スニペットをトグルしてアクティブにする

その後、更新ボタンをクリックするだけで、あなたのサイトでスニペットが有効になり、フォームに指定された変更が適用されます。

更新ボタンをクリックしてコード・スニペットを有効にする。

コード・スニペットの編集と削除

WPFormsでは、WPCodeのスニペットへのアクセスが効率化されています。これらのスニペットの管理は簡単で、必要に応じて簡単に編集や削除ができます。

コード・スニペットの編集

インストールされているコード・スニペットを編集するには、コード・スニペット・タブに移動し、調整したいスニペットに対応するスニペット編集ボタンをクリックします。

スニペット編集ボタン

スニペットの詳細ページが表示され、必要に応じてスニペットに修正を加えることができる。

コード・スニペットの削除

コードスニペットを削除するには、WordPressのサイドバーメニューにあるCode Snippets " Code Snippetsを クリックしてください。インストールされているすべてのスニペットのリストが表示されます。

WPCodeにインストールされたコードスニペットリスト

スニペットを削除するには、スニペットにカーソルを合わせて「ゴミ箱」をクリックしてください。これで、スニペットとその機能がサイトから削除されます。

コード・スニペットを削除するには、「ゴミ箱」をクリックします。

以上です!これでWPFormsがどのようにWPCodeプラグインを使用し、より良いフォーム機能のためにコードスニペットを適用するのを簡単にしているかがお分かりいただけたと思います。

次に、さらに多くのカスタマイズオプションをご希望ですか?送信ボタンのカスタマイズに関するチュートリアルをぜひご覧ください。

最高のWordPressドラッグ&ドロップフォームビルダープラグイン

簡単、速い、安全。WPFormsを信頼する600万人以上のWebサイトオーナーの仲間入りをしてください。

このフォームを入力するには、ブラウザのJavaScriptを有効にしてください。