WordPress 用の最も柔軟で堅牢なフォーム プラグインとして、Gravity Forms には強力な機能が満載されています。たとえば、Gravity Forms には、次のことを可能にする 2 つの便利なショートコードが用意されていることをご存知ですか?フォームを埋め込む条件付きロジックに基づいてコンテンツを表示/非表示にしますか?
Gravity Forms のショートコードは、最初はわかりにくいように思えるかもしれませんが、実際に遊んでみると、いかに直感的で簡単に使用できるかがわかります。この投稿では、Web サイトでの使用方法の例を含め、さまざまなショートコードの包括的な概要を説明します。
始めましょう🙌
目次
- WordPressのショートコードとは何ですか?
- ショートコードを使用せずにフォームを埋め込む
- Gravity Forms にはショートコードが埋め込まれています
- Gravity Forms のショートコードはどこにありますか?
- フォームIDの確認方法
- Gravity Forms のショートコード パラメーター
- Gravity Forms 埋め込みショートコードの例
- Gravity Forms ショートコード フィールド値: 動的フィールド生成
- Gravity Forms のショートコードが機能しない場合ここが問題です
- Gravity Forms 埋め込みショートコードを使用する場合:
- Gravity Forms の条件付きショートコード
- 条件付きショートコードパラメータ
- Gravity Forms の条件付きショートコードの例
- Gravity Forms の条件付きショートコードを使用する場合:
- Gravity Forms アドオンによって追加されたショートコード
- Gravity Forms のショートコード: 最終的な考え
WordPressのショートコードとは何ですか?
WordPress のショートコードカスタムコードを書かなくても素晴らしいことができるようになります。ショートコードを使用すると、インタラクティブなコンテンツを埋め込んだり、魅力的なページ レイアウトを作成したりすることができます。
ショートコードは、次のように角括弧で囲まれたテキスト文字列です。[ショートコード]
。
WordPress Core には、Web サイトの構築方法を改善するために利用できる、多数のプリセット ショートコードが同梱されています。 Gravity Forms など、特定のプラグインも WordPress にショートコードを追加します。
ショートコードを使用せずにフォームを埋め込む
まず最初に、ショートコードを使用せずに Gravity Form を Web サイトに追加できることを指摘することが重要です。そうです、Gravity Forms はブロック エディター (Gutenberg) およびクラシック エディターと統合されているため、次のことが可能になります。ページにフォームを埋め込むボタンをクリックするだけで。
ただし、次のようなページビルダーを使用している場合は、ディビまたはエレメンター、ページまたは投稿内にフォームを挿入するには、Gravity Forms 埋め込みショートコードを使用する必要があります。
Gravity Forms にはショートコードが埋め込まれています
まずは、Gravity Forms の最も重要なショートコード、埋め込みショートコードです。
埋め込みショートコードを使用すると、次のことができます。
- サイト上の任意の場所 (ページ、投稿、サイドバー ウィジェットを含む) に Gravity フォームを埋め込みます。
- フォームのタイトルと説明を表示または非表示にする
- AJAX を有効または無効にする
- フォームフィールドに特定の値を事前に入力します
典型的な Gravity Forms 埋め込みショートコードの例は次のようになります。
[gravityform id="7" title="false" description="false" ajax="true"]
ショートコードをさらに詳しく見てみましょう。
Gravity Forms のショートコードはどこにありますか?
Gravity Forms でフォームのショートコードを見つけるには、フォームを編集し、右上の [> 埋め込み] をクリックし、[ショートコードをコピー] ボタンをクリックするだけです。
これで、Web サイト上のフォームを表示したい場所にショートコードを貼り付けることができます。ショートコードを手動で作成することもできます。必要なのはフォーム ID だけです。
フォームIDの確認方法
Gravity Forms の最も重要なショートコード パラメーターはフォーム ID です。これは、どのフォームを表示するかを示します。
最初はわかりにくいかもしれませんが、フォーム ID を見つけるのは簡単です。まず、「フォーム」にマウスを移動します。 WordPress 管理者メニューで [フォーム] をクリックします。これで、Gravity Forms にすべてのフォームのリストが表示されます。フォーム ID は右側の列にあります。
フォーム ID は必須のショートコード パラメーターですが、ショートコードに追加できる唯一のパラメーターではありません。
Gravity Forms のショートコード パラメーター
Gravity Forms 埋め込みショートコードは、次の 6 つのパラメーターをサポートしています。ID
、タイトル
、説明
、アヤックス
、タブインデックス
、 そしてフィールド値
。
さて、一つずつ分解してみましょう。 🕵️♂️
ID
id パラメータは、埋め込みたいフォームの ID を指します。これは最も重要なパラメータであり、それが唯一のパラメータです必須。残りはオプションです。
タイトル
真か偽のどちらかです。 true の場合はタイトルが表示され、false の場合は非表示になります。
説明
真か偽のどちらかです。 true の場合は説明が表示され、false の場合は非表示になります。
アヤックス
真か偽のどちらかです。 true の場合、フォームは AJAX 送信を使用します。false の場合、送信を処理するためにページの読み込みが必要になります。
タブインデックス
11 などの数値を受け取り、これを開始値として使用します。タブインデックスフォームに関しては。
フィールド値
フィールドに事前設定された値を動的に入力できます。これは、Web サイトの複数の部分で同じフォームを使用しており、フォームが表示されるページに基づいてカスタム値を含める必要がある場合に役立ちます。これについては以下で詳しく説明します。
注記:最初の 4 つのパラメータが最も一般的です。他の 2 つは特定の状況でのみ使用されます。
混乱していても心配しないでください。以下で役立つ例をいくつか見ていきます。
Gravity Forms 埋め込みショートコードの例
実際の埋め込みショートコードの例をいくつか見てみましょう。
以下にショートコードの例を示します。タイトル
そして説明
パラメータは「」に設定されています真実
”:
[gravityforms id=”21” title=”true” description=”true”]
フロントエンドでのフォームは次のようになります。
ご覧のとおり、タイトルと説明のパラメータを「」に設定すると、真実
」と指定すると、フロントエンドで表示されるようになります。
Gravity Forms ショートコード フィールド値: 動的フィールド生成
のフィールド値
パラメータを使用すると、フォームフィールドに動的に入力する。この例では、フォームに 3 つのオプションを含むチェックボックス フィールドが含まれており、ユーザーがページを読み込むときに最初のオプションを自動選択したいと考えています。
のためにフィールド値
パラメータが正しく機能するには、まず対象のフォームフィールドで動的入力を有効にする必要があります。これを行うには、Gravity Forms エディター内のフィールドをクリックし、「詳細設定」を開きます。 [設定] タブをクリックし、[フィールドの動的入力を許可する] チェックボックスをオンにします。
次に、ボックスにパラメータ名を入力します。これは、ショートコードを構築するときにフィールドを参照する方法です。
よし、完了!これでショートコードを書くことができます。以下にその様子を示します。
[gravityforms id=“21” field_values=“checkbox=テクニカルサポート”]
フロントエンドでのフォームは次のようになります。
ご覧のとおり、ユーザーがフォームを含むページを開くと、「テクニカル サポート」チェックボックスがすでにオンになっています。見てみましょうフィールド値
パラメータをもう少し詳しく説明します。
field_values=“checkbox=テクニカルサポート”
後 "フィールド値=
」 パラメータ名を指定してから、そこに設定する値を指定する必要があります。上の例では、最初のチェックボックス フィールドの値を渡しています。
次に、テキストフィールドを含む別の例を見てみましょう。。
この場合、単一行のテキストフィールドがあり、パラメータ名を「イベント名
”。を使用できるようになりました。フィールド値
shortcode パラメータを使用して、フィールドに正しいイベント名を動的に入力します。
[gravityforms id="36" field_values="event_name=5K チャリティーラン"]
「イベント名」フィールドには、ショートコードで指定した値が自動的に入力されます。
💡プロのヒント: アンパサンド (「&」) で区切ることにより、複数のフィールドを動的に入力できます。
Gravity Forms のショートコードが機能しない場合ここが問題です
ショートコードをページまたは投稿に追加したにもかかわらず、フォームがフロントエンドに表示されない場合は、フォーム ID が間違っている可能性があります。存在しない ID を誤って入力した場合、Gravity Forms はフォームが見つからないことを示すエラー メッセージを表示します。
フォーム ID を再確認して、もう一度お試しください。
Gravity Forms 埋め込みショートコードを使用する場合:
- ページビルダーには Gravity Forms が統合されていないため、投稿またはページにフォームを追加する必要があります
- サイドバーにフォームを追加したい
- 動的フィールド入力機能を使用したい
埋め込みショートコードについてはこれで終わりです。Gravity Forms の条件付きショートコードを見てみましょう。
Gravity Forms の条件付きショートコード
次は重力フォームです条件付きショートコードを使用すると、設定した条件に基づいてコンテンツを表示または非表示にすることができます。ショートコードは、ユーザーの応答に基づいてメッセージをカスタマイズするのに役立ちます。確認メッセージまたは電子メール通知内で条件付きショートコードを使用できます。 😎
条件付きショートコードは次のようになります。
[gravityforms アクション="条件" merge_tag="" 条件="" 値=""]条件に基づいて表示/非表示にしたいコンテンツ。[/gravityforms]
条件付きショートコードパラメータ
条件付きショートコードは、次の 4 つのパラメータを受け入れます。アクション
、マージタグ
、状態
、 そして価値
。
埋め込みショートコードとは異なり、条件付きショートコードが機能するには、これら 4 つのパラメーターすべてが必要です。では、それらは何を意味するのでしょうか?それぞれをさらに詳しく見てみましょう。
アクション
実行するアクションを説明します。常に「条件付き」に設定する必要があります。
マージタグ
条件付きロジック ステートメントで値を評価しているフィールドのマージ タグ。
状態
評価している条件。受け入れられる値は次のとおりです。は、ではありません、より大きい、未満、含む、開始、終了。
価値
条件が満たされるかどうかを比較する値。
条件付きショートコードは、埋め込みショートコードよりも理解するのが少し難しいように思えるかもしれませんが、一度試してみると、簡単に習得できることがわかります。役立つ例をいくつか見てみましょう。
Gravity Forms の条件付きショートコードの例
この例では、ユーザーに好みの色を選択するよう求めるフォームがあります。オプションは 3 つあります。 「青」「緑」「黄」。ユーザーが好みの色として「緑」を選択した場合に、カスタマイズされた確認メッセージを表示するとします。
これを行うには、条件付きショートコードを構築して、チェックボックス フィールドの値が「緑」かどうかを確認し、緑であればカスタム メッセージを表示します。
[gravityforms action="conditional" merge_tag={あなたの好きな色は何ですか?:5}condition="is" value="Green"]緑を選んだんですね![/gravityforms]
確認メッセージ内は次のようになります。
ユーザーが緑を選択してフォームを送信すると、「緑を選択しました!」というメッセージが表示されます。
💡プロのヒント: 表示/非表示にしたいコンテンツは、開始ショートコードと終了ショートコードの間に配置する必要があります。
次のように、最初のショートコードの後に別のショートコードを追加することで、他の選択肢も考慮してこの例を拡張できます。
ユーザーが青を選択すると、「青を選択しました!」というメッセージが表示されるようになりました。
Gravity Forms の条件付きショートコードを使用する場合:
- 表示したいのは、カスタム確認メッセージユーザーの提出物に含まれる情報に基づきます。
- ユーザーの送信内容に含まれる情報に基づいて、カスタム通知を (管理者またはユーザーに) 送信したいと考えています。
Gravity Forms アドオンによって追加されたショートコード
多くの Gravity Forms アドオンを使用すると、Web サイトで追加のショートコードを使用できます。たとえば、私たちのアドオン重力ビューさまざまなショートコードが含まれていますGravity Forms フィールド値の表示フロントエンドで。
Gravity Forms ショートコード FAQ
ここでは、Gravity Forms ショートコードに関するよくある質問への回答をいくつか示します。
フォーム内で Gravity Forms ショートコードを有効にする必要がありますか?
いいえ!デフォルトでは、作成するすべてのフォームにショートコードが関連付けられます。特定のフォームのショートコードは次のとおりです。[gravityform id="3"]
ここで、3 はフォーム ID です。
Gravity Forms HTML フィールド内でショートコードを使用するにはどうすればよいですか?
Gravity Forms HTML フィールドを使用すると、テキスト、HTML、またはその他の埋め込みコンテンツの形式でカスタム コンテンツをフォームに追加できます。 HTML フィールドはショートコードも受け入れます。
上の例では、WordPress を追加しましたフォーム内に YouTube ビデオを埋め込むために、HTML フィールドのコンテンツにショートコードを追加します。
Gravity Forms 通知内でショートコードを使用できますか?
はい、Gravity Forms 通知メッセージ内でショートコードを使用できます。この例としては、条件付きショートコードが挙げられます。これを使用すると、ユーザーの送信に基づいてさまざまな通知メッセージを表示できます。
Gravity Forms ショートコードを使用して WordPress の外部にフォームを埋め込むことはできますか?
いいえ。Gravity Forms は WordPress プラグインであるため、WordPress Web サイトにフォームを埋め込むには Gravity Forms 埋め込みショートコードのみを使用できます。
Gravity Forms のショートコード: 最終的な考え
Gravity Forms には、Web サイトにフォームを埋め込んだり、条件付きロジックに基づいてコンテンツを表示/非表示にしたりするために使用できる 2 つの強力なショートコードが含まれています。
埋め込みショートコードには、フィールド値
パラメータを使用すると、フォームフィールドに動的にデータを入力できるようになります。これは、複数の場所で同じフォームを使用していて、送信を区別する方法が必要な場合に役立ちます。
一方、条件付きショートコードは、ユーザーが送信した情報に基づいてカスタム確認メッセージや通知を表示するのに最適です。
重力フォームについて詳しく知りたいですか?私たちの究極のガイドを読んで専門家になりましょう。グラビティフォームの使い方!
役立つヒントがあなたの受信箱に届きます。
ヒントや特別オファーなどを入手するには、隔週のニュースレターを購読してください。
役立つヒントがあなたの受信箱に届きます。
ヒントや特別オファーなどを入手するには、隔週のニュースレターを購読してください。