【第14回】お申し込みフォームを作ろう！

おはようニャ、鳥太、つぐみ。
随分涼しくなって秋めいてきたニャ。

うむ、秋はよい季節ニャ……。　思わず就職活動もしたくなるというものニャ。
ということで、今日は鳥巣株式会社のトップページにある「新卒採用はこちら」の先のページを作成し、実際に申し込み出来るようにするニャ。

だいぶメタな説明だが、まあそういうことニャ。
では、申し込みフォームをばしっと作って、新しいお仲間をゲットだニャ！！
まずはこのページのブロックエディタを開くニャ！

では、図示のとおり、パーツ一覧のフォームを開くニャ。

そうなんだニャ。
だが案ずることはない。吾輩の導きに従えば、必ずや世界を救……、いや、完成まで辿り着けるニャ。

くっ、忘れてた設定を掘り起こしてきた的な指摘はやめるニャ鳥太！
まずは「新規フォームを登録」をクリックするニャ！

ふ、まだまだだな勇者よ。
今回は採用ページの作成ニャ。「採用応募フォーム」を選ぶがいいニャ！！

くっ……振っておいて突然寸劇を止めるニャ！
のってしまった吾輩のほうが、なんだか恥ずかしいニャ……！！

うむ。「採用応募フォーム」のテンプレートが反映された、新しいフォームができたんだニャ。
まずここまでの冒険をセーブ……いや、保存するニャ。右上の「保存」を押すニャ。

……うむ。
では、フォームの項目について詳しく説明していくニャ。

内容は、現行の古いページと同じで頼むとの社長の指示を受けたニャ。
ということで、古いページの採用情報を開くニャ、鳥太。

鳥巣株式会社は、主に志望動機と自己PRで面接を決めるからニャ。
「項目を追加」ボタンや、カーソルを合わせて項目の移動・編集などを行って編集するニャ、鳥太。

よし！
では、次にデザインを設定するニャ。
「デザイン」タブを開くと、テンプレートを選ぶことができるニャ。

うむ。気軽に色を設定できるのは嬉しいことニャ。
鳥巣株式会社は青が基調だから、青系のデザインを選ぶと統一感があるニャ。

よし。
では、仕上げに詳細設定を設定するニャ。

ここでは、申し込みがあったときの通知メールの受取先を決めたり、申し込みが終わった相手にメールを自動で送る設定をつけたりできるニャ。

うむ、そうなんだニャ。
鳥巣株式会社は手動で返信しているから、今回は通知メールの設定だけするニャ。

よし！
では、作成したフォームをページに配置するニャ！！

よーし！
プレビューするニャ！！

うむ！！　できたニャ！

うむ！　項目の設定をしていけばフォームが作れる……素晴らしいことニャ。
実際に白紙の状態から作ると、まず、ちゃんと動くようにフォームのソースを組むところから大変だからニャ。

そう気を落とすニャ、鳥太。また来週があるニャ。

来週は作ったページ同士をつなげる「リンクの貼り方」と、サイト作成のラスボス、公開を行うニャ！
最後まで気合入れていくニャ！！