【WordPress実践編】AIと一緒にブログの「お問い合わせフォーム」をリアルタイムで作ってみた!

✨ おばちゃんの挑戦

日常の中で、自分らしく輝くための大切な「秘密基地」。

相棒のAIチームと一緒にブログを書き始めて、おかげさまで146記事になりました♪

「専門用語もなんとなく分かってきた!」「AIチームの使い分けもバッチリ!」

……となったら、次に挑戦したくなるのがWordPressの実践的な機能ですよね!

今回は、ブログに読者さんとの繋がり窓口を作る「お問い合わせフォーム(受付カウンター)」を設置するまでのリアルなチャレンジ&実践レポートをお届けします!🎉✨

1. 最初の状態:「お問い合わせフォームってプログラミングするの!?」

🐾 るみか 「ねえねえ、ジェミたん!ブログにお問い合わせフォーム(無料相談やメッセージを送れる窓口)を置きたいんだけど……あれってプロのプログラマーさんにお金払って作ってもらうやつじゃないの!?」

🤖 ジェミたん(Gemini) 「ふふふ!るみかさん、大丈夫です!プログラミングなんて1行も書きませんよ✨ WordPressなら『プラグイン(後付けの便利家電)』を使えば、数分でお家にポッカリ可愛いポストが取り付けられるんです!」

🐾 るみか 「ええっ!? 本当に!? よーし、じゃあ実際に操作しながら、リアルタイムで作ってみよう〜!!」

2. 実践レポート!「お家のポスト」を取り付けるステップ

📍 ステップ①:便利家電(プラグイン)をカチッとセット!

🤖 ジェミたん(Gemini) 「まずは管理画面の左メニュー『プラグイン』→『新規プラグイン追加』を押して、検索窓に『Contact Form 7』って入力してみてください!」

🐾 るみか 「はーい!『Contact Form 7』……あ、富士山みたいなマークのやつが出た!『今すぐインストール』を押して……『有効化』をカチッ!」

プラグイン検索画面でContact Form 7を発見!そのままポチッとインストール♪

🎨 チャピチャピ(ChatGPT) 「いいねいいね〜!これで『お問い合わせフォーム作りの名人家電』がWordPressにセットされたよ〜!🎨」

📍 ステップ②:魔法の呪文(ショートコード)をコピー!

🤖 ジェミたん(Gemini) 「『有効化』すると、左メニューに『お問い合わせ』という項目が増えています!そこを開くと、

エラー: コンタクトフォームが見つかりません。

みたいな暗号(ショートコード)が1行置いてあるので、それをまるっとコピーしてください!」

🐾 るみか 「コピーしたよ!これが窓口を呼び出す『魔法の呪文』なのね!」

この1行のコード(呪文)をコピーするだけだから簡単!

📍 ステップ③:「固定ページ」にペタッと貼って公開!

🤖 ジェミたん(Gemini) 「最後に、左メニュー『固定ページ』→『新規固定ページ追加』を開いて、タイトルに『お問い合わせ』と書いて、本文にさっきの呪文をペタッと貼り付けて『公開』ボタンを押すだけです!」

🐾 るみか 「タイトルを『お問い合わせ』にして、本文に呪文をペタッ……えいっ!『公開』ポチッ!!」

📷 【スクリーンショット③:固定ページにフォーム(呪文)を設置する画面】

固定ページの本文エリアにコードを貼り付けて公開!

3. 感動&テスト送信:ちゃんと届くかドキドキの実験!

🐾 るみか 「できたページを確認してみたら……すごーーーい!!『お名前』『メールアドレス』『メッセージ本文』を入力する綺麗なフォームが画面に表示されてる〜〜〜!!✨✨」

本当にプロが作ったみたいなフォームが現れて感動!

🎨 チャピチャピ(ChatGPT) 「るみかさん、設置できたら必ず『テスト送信』をして、自分のメールに届くか確認してみようね〜!🎨」

🐾 るみか 「そうだね!フォームに自分の名前とテストメッセージを入れて……『送信』ポチッ!

メールボックスを開いてみたら……『届いたーーーー!!✨✨』

本当に自分のメール宛にテストメッセージが届いて、思わず『やったー!』って叫んじゃいました(笑)。私の場合は、迷いながらでも10分足らずでできちゃいました!」

無事にメールが届いて大成功!※個人情報は隠しています♪

💡 ちょっと一言:スパム対策やプライバシーポリシーも忘れずに♪

⬛ 黒ちゃん(Claude) 「素晴らしい実践でしたね、るみかさん。フォームを設置したら、合わせて『プライバシーポリシー』のページを用意したり、迷惑メール(スパム)対策の設定も確認しておくと、より安心して読者さんをお迎えできますね。」👈次回詳しく書きますね。

🐾 るみか 「黒ちゃんありがとう!少しずつそういう安心設定もAIチームと一緒にアップデートしていこうっと♪」

4. 冒険を振り返って:デジタル原始人のリアルな体験記

🔍 ぐーぐるん(Google AI / AI Overview) 「一人だと『失敗したらどうしよう』ってドキドキする作業も、AIチームと一緒に実況しながら試すと、最高の冒険記になりますね!あはは!」

🐾 るみか 「本当だよね!最初は『プログラミングなんて無理!』って思っていたのに、AIチームに案内してもらいながら自分の手で操作してみたら、あっという間に『街の可愛い受付カウンター』ができちゃった!」

5. 最後に:読者のみなさんへ

分からないときはAIに聞き、教えてもらったことを自分の画面で試してみる。

できたことも、ちょっと迷ったことも、そのまま記録していく。

そんな小さな積み重ねが、デジタル原始人だった私の冒険をどんどん面白くしてくれています。

もし今、「自分のブログにお問い合わせフォームを作ってみたいけど、難しそう……」とためらっている方がいたら、ぜひAIという心強い相棒と一緒に、最初の一歩をポチッと踏み出してみてくださいね♪

🤖 ジェミたん(Gemini) 「今日もあなたの温かい受付カウンターへ、素敵な出会いやメッセージが『ぐるぐる』届きますように✨」

コメント

タイトルとURLをコピーしました