見出し画像

【WordPress】Contact Form 7の生年月日入力から年齢を自動表示させる方法

こんにちは!
久しぶりの投稿となります農業系Webデザイナーオジサンです。

最近はWebサイト制作の委託業務とか、「モンハンワイルズ」のβテストに触発されてしまい勢いでPS5を買ってしまったものの、現時点でプレイするタイトルが無いのでリハビリも兼ねて「モンハンワールド:アイスボーン」に今更ハマッてる感じです。ちゃんとホーム玉ねぎとかの家庭栽培もやっていますー!

さて本題ですが、表題の通りWordPressのプラグイン「Contact Form 7」で生年月日を入力した際に年齢を自動で表示させる方法について備忘録も兼ねてまとめておきます。

きっかけは以前Webサイトの制作を委託された取引先様より上記の内容が実装できるかの相談を受けたことで、こちら現在はきちんと反映されております。
「そもそもそんな機能必要か?」と正直思ったのですが、ご依頼とあらばできることには応えていくスタイルです。

フォームに年齢自動計算を実装する

コンタクトフォームの細かな設定や、フォームデザインのための追加CSSの記述以外は、ほぼコピペで完了いたします。

実装時点での各バージョンは以下の通り
◆ WordPress:6.7.1
◆ PHP:8.3.8
◆ テーマ:SWELL(2.13.0)

※作業に入る前に必ずバックアップを取るようにしてください。何か問題が発生しましても責任を負いかねます。
※上記のバージョン以外での動作は確認しておりませんので予めご了承ください。

ここから先は

5,111字

¥ 1,000

期間限定!Amazon Payで支払うと抽選で
Amazonギフトカード5,000円分が当たる

この記事が気に入ったらチップで応援してみませんか?