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

フォームにカスタムコードスニペットを追加するためのシンプルでワンクリックのソリューションをご希望ですか?WPFormsとWPCodeプラグインを使用すると、テーマのfunction.phpファイルを編集せずに、フォーム用のコードスニペットを簡単に使用できます。

このガイドでは、数回クリックするだけでWPCodeプラグインをインストールして使用する方法を説明し、WPFormsに機能を追加して、簡単に拡張する方法を紹介します。


WPCodeの開始方法

開始するには、WPForms » Toolsに移動します。そこに到着したら、Code Snippetsタブを選択します。

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

Code Snippetsタブに移動すると、WPCodeプラグインをインストールしてアクティブ化するように求めるプロンプトが表示されます。

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

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

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

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

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

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

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

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

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

スニペットの詳細表示

ここでは、コードプレビューを表示したり、挿入設定を調整したり、スニペットを実行する必要があるデバイスタイプを指定したりできます。さらに、スマート条件付きロジックを使用して、自動挿入の特定のページを指定できます。

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

利便性のために、サイトに最適な設定がデフォルトで適用されています。変更する必要はありませんが、必要に応じて設定を調整する柔軟性があります。

変更を加えたら、Activeオプションをオンにしてください。

スニペットをアクティブにするには、トグルをオンにします

次に、Updateボタンをクリックしてサイトでスニペットをアクティブ化し、指定された変更をフォームに適用します。

コードスニペットをアクティブにするには、更新ボタンをクリックします

コードスニペットの編集または削除

WPFormsを使用すると、WPCodeのスニペットに簡単にアクセスできます。これらのスニペットの管理は簡単で、必要に応じて簡単に編集または削除できます。

コードスニペットの編集

インストール済みのコードスニペットを編集するには、Code Snippetsタブに移動し、調整したいスニペットに対応するEdit Snippetボタンをクリックします。

スニペットの編集ボタン

これにより、詳細ページに移動し、必要に応じてスニペットに変更を加えることができます。

コードスニペットの削除

コードスニペットを削除するには、WordPressのサイドバーメニューでCode Snippets » Code Snippetsをクリックします。これにより、インストールされているすべてのスニペットのリストが表示され、アクティブなスニペットが示されます。

WPCodeのインストール済みコードスニペットリスト

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

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

これで完了です!WPFormsがWPCodeプラグインの使用と、フォームの機能を強化するためのコードスニペットの適用をいかに簡単にするかがわかりました。

次に、さらにカスタマイズオプションが必要ですか?送信ボタンのカスタマイズに関するチュートリアルを必ず確認してください。

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

簡単、高速、安全。WPFormsを信頼する600万人以上のウェブサイト所有者に加わりましょう。