この記事は、Gravity Forms 公式ドキュメントを翻訳、または加筆したものです。

Using the Gravity Forms Template Library

Gravity Forms 2.7 でフォームテンプレートライブラリが実装されました。
これは、以前まで公式サイトに掲載されていたライブラリをプラグイン本体に実装したものです。
今回はテンプレートライブラリの使用方法について記載します。

注意点

2023年2月8日現在、テンプレートライブラリを日本語環境で使用した場合、一部の文章が文字化けする不具合があります。

はじめに

Gravity Forms には、多くの一般的な Web サイトのニーズに対応した組み込みのフォームテンプレートが用意されています。
これらはテンプレートライブラリからすぐにあなたのサイトに追加することができます。
一度追加すれば、あとはあなたのサイトのニーズに合わせてどんな修正・調整も自由自在です。

このガイドでは、これらの一般的なテンプレートをカスタマイズして、あなたのサイトで完全に機能するフォームにするために必要なステップの概要を説明します。

テンプレートからフォームを追加する

WordPress管理画面 左メニューの「フォーム」>「新規フォーム」リンクまたは「フォーム」画面の「新規追加」ボタンをクリックすると、テンプレートライブラリが表示され、その中から選択することができます。

新規フォームの追加をクリックすると、モーダルダイアログが表示され、白紙のフォーム、またはあらかじめインストールされているテンプレートのいずれかを選択して開始することができます。

白紙のフォームから始めるには、「+」記号をクリックして白紙のフォームから始めます。
プリインストールされているテンプレートから始める場合は、作成したいフォームに最も近いテンプレートを探し、そのテンプレートにカーソルを合わせ、「Use Template(テンプレートを使用)」ボタンをクリックします。

注意: ウェブサイトで使用するフォームを選択する前に、フォームの詳細情報を知りたい場合は、「(矢印)をプレビュー」ボタンをクリックすると、gravityforms.com ウェブサイト上のフォームテンプレートにリンクし、選択前にフォームを確認することができます。ウェブサイト上のフォームテンプレートライブラリ(英語)では、すべてのフォームテンプレートのサンプルを見ることができます。

テンプレートの種類

2023年2月8日現在、登録されているテンプレートは以下の通りです。
但し、文字化けするテンプレートが多く、いちいち訳して修正しなければならず、使用するには少々面倒な作業が必要です。

バージョン2.7で使用できるテンプレート
テンプレート表示名翻訳追加アドオン
空白のフォーム
Advanced Contact Form高度なコンタクトフォームEmail アドオンとの同期を推奨
簡単なお問い合わせフォーム
コンテストエントリーフォーム
寄付フォーム決済用アドオンが必要
eCommerce Form電子商取引フォーム決済用アドオンが必要
Stripe Checkout FormStripe 支払いフォームStripeアドオンが必要
PayPal Checkout FormPayPal 支払いフォームPayPalアドオンが必要
Employment Application Form採用応募フォーム
Event Registration Formイベント登録フォーム決済用アドオンが必要
Gift Certificate Formギフト券フォーム決済用アドオンが必要
ニュースレター登録フォームEmail アドオンとの同期を推奨
Request a Quote Form見積り依頼フォームEmail アドオンとの同期を推奨
調査フォームSurvey アドオンが必要
ユーザー登録フォーUser Registration アドオンが必要
ウェビナー登録フォーム

フォームをカスタマイズする

グラビティフォームでどれだけ多くのフォームを見てきたとしても、あなたのフォームはおそらく微妙に異なるニーズを持っているはずです。
内蔵のテンプレートから、あなたのウェブサイトと読者にぴったり合ったフォームを作るために、私たちはあなたが考慮すべきステップを満載したガイドを追加しました。

フォームをカスタマイズするためのガイドはこちら(英語)でご確認ください。

投稿者プロフィール

DoL(CMSラボ所長)DoL(CMSラボ所長)
CMS Laboの所長。
所員はまだない。

DoLは Director of Laboratories の略です。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA