フォームタグの使用

WordPressフォームを整理整頓しておきたいですか?WPFormsのフォームタグを使用すると、フォームを簡単に識別、分類、管理できます。

このチュートリアルでは、WPFormsでタグを使用する方法を説明します。


開始する前に、まずWPFormsがWordPressサイトにインストールおよび有効化されていることを確認する必要があります。次に、まだ作成していない場合は、フォームを作成してください。

フォームの表示

WPFormsを使用すると、WordPress管理画面ですべてのフォームを簡単に表示できます。表示するには、WordPressサイドメニューのWPForms » すべてのフォームをクリックします。これにより、作成したすべてのフォームを表示および管理できるフォーム概要ページに移動します。

フォームの概要ページにアクセス

次のセクションでは、フォームタグを有効にする方法について説明します。

フォームタグの有効化

フォーム概要ページにアクセスしたら、設定アイコンをクリックして、利用可能なすべてのオプションを表示します。

フォームタグを有効にし、この列を表に含めるには、タグの横にあるチェックボックスをオンにします。

タグを選択

タグオプションを選択したら、変更を保存ボタンをクリックして変更を保存します。

変更を保存ボタン

フォームタグを有効にすると、フォーム概要テーブルにタグ列が追加されます。

フォームタグ列

次のセクションでは、フォームにタグを追加する方法について説明します。

フォームへのタグの追加

フォームにタグを追加するには、テーブル内のフォームにカーソルを合わせ、タグ列の編集リンクをクリックします。

編集リンクをクリック

次に、表示されるドロップダウンメニューをクリックし、タグの目的の名前を入力します。たとえば、タグを「連絡先」と名付けます。

タグの名前を追加

タグの名前を追加したら、キーボードのEnterキーまたはカンマ(,)キーを押してタグを一時的に保存します。これらのいずれかのキーを押すとカーソルが次の行に移動し、フォームに追加のタグを追加できるようになります。

例として、「リード」というタイトルのフォームに2番目のタグを追加します。次に、もう一度Enterキーまたはカンマ(,)キーを押してタグを保存します。

2番目のタグを追加

フォームに1つ以上のタグを追加したら、緑色のチェックマークをクリックして変更を永続的に保存する必要があります。

緑色のチェックマークをクリック

タグを保存したくない場合やタグエディタを終了したい場合は、Xアイコンをクリックしてキャンセルします。

キャンセルアイコンをクリック

フォームに追加したすべてのタグは、フォーム概要テーブルのタグ列に表示されます。

保存されたフォームタグ

次に、フォームタグの管理方法を説明します。

フォームタグの管理

いずれかのフォームに少なくとも1つのタグを追加すると、フォーム概要テーブルの上部にタグの管理ボタンが表示されます。このボタンをクリックして、フォームに追加したすべてのタグを管理します。

タグを管理ボタンをクリック

タグの管理ボタンをクリックすると、モーダルウィンドウが表示され、使用しなくなったタグを削除するオプションがあります。

タグ管理モーダル

モーダル内で、削除するタグ(複数可)をクリックして選択できます。

削除するタグを選択

タグ(複数可)を削除する準備ができたら、タグの削除ボタンをクリックします。

タグを削除ボタンをクリック

注意:タグを削除しても、そのタグを使用しているすべてのフォームから削除されますが、フォーム自体は削除されません。

選択したタグを削除すると、削除を確認する新しいモーダルウィンドウが表示されます。ただし、フォーム概要テーブルのタグを更新するには、更新ボタンをクリックする必要があります。

ページを更新するにはクリック

フォームからタグを削除する

単一のフォームからタグを削除したい場合は、フォーム概要テーブルでフォームにカーソルを合わせ、タグ列の下にある編集リンクをクリックします。

タグを管理するには編集をクリック

これで、フォームに追加したタグのリストが表示されるタグエディタが表示されます。フォームからタグを削除するには、タグ名の横にあるXアイコンをクリックしてください。

タグを削除するにはXアイコンをクリック

注意: これは選択したフォームからのみタグを削除し、同じタグを使用している他のフォームからは削除されません。

タグを削除したら、緑色のチェックマークをクリックして変更を保存します。

タグを削除した後、緑色のチェックマークをクリック

次に、複数のフォームのタグを一度に編集する方法を説明します。

フォームタグの一括編集

複数のフォームのタグを一度に編集するには、フォーム概要テーブルの上部にある一括アクションドロップダウンをクリックします。

一括アクションドロップダウンをクリック

次に、ドロップダウン項目のリストからタグの編集を選択します。

タグを編集オプションを選択

その後、一括編集に含めたい各フォームの横にあるチェックボックスをオンにします。

一括編集用のチェックボックス

次に、適用ボタンをクリックして、選択したフォームのタグを編集します。

一括変更を適用ボタンをクリック

これで、左側に選択したフォームが表示された一括エディタが表示されます。右側には、これらのフォームに追加したすべてのタグが表示されます。

一括編集タグ画面

選択した2つのフォームに新しいタグを追加します。これを行うには、タグ列の下のドロップダウンをクリックし、タグの名前を入力します。この例では、タグ名を「マーケティング」とします。

タグに名前を付けたら、キーボードのEnterキーまたはカンマ(,)キーを押してタグを保存してください。

マーケティングタグを追加

次に、更新ボタンをクリックして変更を適用します。

一括編集を適用するには更新をクリックしてください

これで、フォーム概要ページに戻ると、一括編集のために選択した2つのフォームにマーケティングタグが追加されていることがわかります。

タグ列に一括編集が適用されました

次のセクションでは、タグでフォームをフィルタリングする方法を説明します。これにより、特定のタグを含むすべてのフォームを簡単に表示できます。

タグによるフォームのフィルタリング

フィルタオプションを使用すると、特定のタグを追加したすべてのフォームを簡単に表示できます。これを行うには、フォーム概要テーブルの上部にあるすべてのタグドロップダウンをクリックします。

すべてのタグドロップダウンをクリック

次に、フィルタに含めたいタグを選択します。この例では、リードタグを選択します。

ドロップダウンからタグを選択

1つ以上のタグを選択したら、フィルタボタンをクリックしてフィルタを適用します。

フィルターボタンをクリック

これで、フォーム概要テーブルには、フィルタに適用したタグを含むフォームのみが表示されます。この例では、リードタグを含むフォームのみが表示されます。

タグフィルター付きフォームテーブル

次に、フォームビルダーから直接タグを編集する方法を説明します。

フォームビルダーでのタグの編集

まず、編集したいフォームのフォームビルダーを開き、設定 » 一般に移動します。

フォームビルダー一般設定

次に、タグセクションまでスクロールします。ここから、既に追加したタグを削除したい場合は、Xアイコンをクリックできます。

タグを削除するにはXアイコンをクリック

新しいタグを追加するには、タグ名を入力し、キーボードのEnterキーまたはカンマ(,)キーを押してタグを保存します。この例では、「問い合わせ」という名前の新しいタグを追加します。

フォームビルダーで直接タグを追加

タグに変更を加えたら、必ずフォームビルダーの上部にある保存ボタンをクリックしてください。

保存ボタンをクリック

これで完了です!WPFormsでフォームタグを使用する方法がわかりました。

次に、WordPressフォームがサイトのどこで現在アクティブになっているかを確認しますか?WPFormsのフォームロケーターの使用方法に関するチュートリアルをチェックして、方法を学んでください。

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

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