こんにちは、Zenです。
フィリピンのセブ島にあるIT留学、英語留学のグローバルITアカデミーでのインターン研修も今日で４日目になりました。
今日はWord Press（※）の使い方を習いがてら、コンタクトフォームを作ってみました。
今回はその手順をご紹介したいと思います。(Word Pressとコンタクトフォームのプラグインがインストールされていることが前提です。）
１．Word Pressにログインします。
２．ログインすると、ダッシュボードと言われる、このような画面が表示されます。
３．お問い合わせのところにカーソルを合わせ、新規追加をクリックします。
４．あらかじめ、フォームタブのフォーム欄には、お名前、メールアドレス、題名、メッセージ本文、送信が作られています。
コンタクトフォームを追加の欄に任意のフォーム名を入力します。今回は”テスト”と入力してみました。
５．追加でお問い合わせ内容を追加してみましょう。
メールアドレスと題名の間に”お問い合わせ内容”と入力（①）し、ドロップダウンメニュー（②）をクリックします。
６．ドロップダウンメニュー入力画面が立ち上がります。
７．項目タイプの必須項目にチェックを入れると、必須項目になり、画面下左のタグの”select”の後に”*(アスタリスク）”が挿入されます。
オプション欄にお問い合わせ内容項目を追加していきます。画面にも記載のある通り、１行につき１項目です。
(チェックボックスやラジオボタンを作りたい場合も、同じように１行につき１項目を入力していきます。)
項目を入力できたら、”タグを挿入”をクリックします。
８．お問い合わせ内容のプルダウン用のタグが追加されました。
９. メールタブを開いてみましょう。ここでコンタクトフォームが送信された場合の、受け取り先やメールの題名、本文などを設定できます。
１０．メッセージタブを見てみましょう。
メッセージタブを開くと、状況ごとに表示されるメッセージを編集できます.
１１．保存をクリックすると、ショートコードが表示されます。これをコピーします。
１２．固定ページの新規追加をクリックします。
１３．わかりやすいよう名前を付け（①）、本文欄にショートコードを貼り付けます（②）。
“下書きを保存”をクリック（③）し、プレビューをクリック（④）してみましょう。
１８
１４．そうすると作成したコンタクトフォームがどのように作られたか確認できます。
お問い合わせ内容の“▼”をクリックすると、プルダウンで設定した項目が表示されます。
これで完成です。実際に形になったのを見ると嬉しいものですね💛
ではまた次回お会いしましょう。
※Word Press・・・無料でブログやウェブサイトなどを作ることができるサービスで、世界中で幅広く利用されています。