Web制作ではフォームは欠かせない要素の一つです。お問い合わせフォームや会員登録フォーム、購入フォームなどがありますね。どれも、HPからの売上に直結することがわかります。フォームを設置するにはいくつかの方法がありますが、WordPressを使っているならプラグインを使うといいでしょう。簡単な手順でフォームを設置することができますよ。Form」を取り上げます。ステップバイステップでご紹介していきましょう。Formとは、フォーム作成ができるプラグインです。簡単な操作でフォームが作れますし、設置もショートコードと呼ばれる一文をコピペするだけととてもシンプル。フォーム項目のカスタマイズや細かな設定も比較的簡単に行うことが可能です。Formを使って実際に問い合わせフォームを作っていきましょう。Formをインストール・有効化することです。プラグインのインストール・有効化の方法については、下の記事で解説してあります。Formを使って問い合わせフォームを作っていきましょう。Form」というメニューが表示されるようになります。Form」から「新規追加」をクリックしてください。「フォームを追加」画面が表示されたでしょうか。それではよくある法人向けの問合せフォームを作ってみましょう。タイトル欄に法人向けフォームなどわかりやすい名前を入力したあと、フォーム項目を追加していきます。「メディアを追加」の下に「選択してください」とありますね。ここから「テキストフィールド」を選んで右の「フォームタグを追加」ボタンをクリックします。下のようにダイアログが表示されたかでしょうか。「name」に「法人名」と入力して、「Insert」ボタンをクリックします。すると、下のようにフォーム要素が追加されました。同様に、下の内容でフォームを作っていってください。フィールド問合せ内容セレクトボックス備考テキストエリア送信ボタン送信ボタン完成した様子がこちら。「氏名」と「MAIL」、「問合せ内容」は、必須項目として設定します。本文入力欄の下に「バリデーションルール」欄があるので、「バリデーションルールを追加」ボタンをクリックします。下のようにバリデーションルールの入力欄が表示されたでしょうか。「バリデーションを適用する項目:」に「氏名」と入力して、「必須項目」にチェックを入れてください。これで「氏名」を必須項目として設定できました。同様に、「MAIL」と「問合せ内容」も必須項目として設定してください。確認・送信画面を設定する次に、問い合わせフォームの確認・送信画面の設定をします。本文入力欄の下にある「完了画面メッセージ」に、完了画面に表示させたい文言を入力します。確認画面と完了画面のURLを変更したい場合は、「URL設定」欄で入力をしておきましょう。問い合わせがされたときに、ユーザーに自動で返信メールを送信する際の設定です。画面右端にある「自動返信メール設定」欄で必要事項を入力、選択します。次に、問い合わせ管理者(お問い合わせ担当)のメール設定を行います。画面の右端にある「管理者宛メール設定」欄で設定を行ってください。右上の「公開」ボタンを押せば、フォームの作成は完了です。フォームを設置する作成したフォームをHPに設定します。先ほどのフォーム作成画面に「フォーム識別子」欄がありました。ここに表示してあるショートコードをコピーして、任意のページにペーストしてください。これだけで、フォームの設置は完了です。作成したフォームを見てみましょう。ショートコードを貼りつけたページをひらくと、無事にフォームが表示されている様子がわかります。動作を確認しよう最後に、フォームを使って動作確認をしておきましょう。先ほどのページから、実際に問い合わせを行ってみてください。完了画面が表示され、メールが送信されます。自動返信の設定を行った場合はそれぞれにメールが届くかも確認しましょう。Formの使い方は終わりです。Formを使ってフォームを設置する方法についてご紹介しました。記事でご紹介した手順は基本的なものでしたが、いろいろとカスタマイズしてHPに合うフォームを作っていただければと思います。株式会社ninoya代表取締役はじめまして。Standardは多くの法人・個人事業主さまにご利用いただいています。ご不明な点がありましたらどうぞお気軽に問合せフォームよりご質問ください。Standard制作チーム指導のもと事業に使えるHPを作ってお持ち帰りいただくワークショップです。幸太株式会社ninoyaブログサイドバーにこのようなプロフィール欄を掲載することができます。見出し・名前(社名)・役職・画像・テキスト・SNSアイコンを自由に設定することができます。HTML入力は不要です。画像を貼ってURLを設定するだけで、自動的にサイズが調整されバナーとして活用できます。(クリックすると弊社HPに飛びます)サンプル告知告知タイトル画像を使わずに、このようにテキストだけで指定のURLに飛ばす告知欄をつくることもできます。ダミーの電話番号が表示されます。