この記事はこんな方向けです
- ブログにお問い合わせフォームを設置したい方
- お問い合わせフォームの作り方を知りたい方
お問い合わせフォームの作り方
その①：「Googleフォーム」と検索しましょう
その②：「Googleフォームを使う」をクリックしましょう
その③：ログインしましょう
Googleアカウントを持っていない方はこちらの記事で簡単に説明しています。
【2018年度版】2分で完了！Googleアカウントの作り方 - BUN HACK
その④：「連絡先情報」を選択しましょう
ここでは、超高速かつ簡単に作りたいので、ある程度作られているテンプレートを使います。
その⑤：名前を変更しましょう
ここでは、青い〇で囲まれている部分の名前を変更します。
「連絡先情報」→「お問い合わせフォーム」
「名前」→「ニックネーム」
「コメント」→「お問い合わせ内容」
変更するとこんな感じです
その⑥：いらない部分を削除しましょう
お問い合わせフォームにおいて、「住所」と「電話番号」は不要なので削除します。
「住所」と「電話番号」をそれぞれ選択すると、下のような画面になるので、「ゴミ箱アイコン」をクリックして削除しましょう。
その⑦：プレビューして全体図を確認しましょう
画面右上に画像のような「目のアイコン」があるのでクリックしてプレビューしましょう。
ここまで全てクリアすると全体図はこんな感じになります。これと同じになっていればお問い合わせフォームは完成です。
お問い合わせフォームの設置方法
その①：「送信」をクリックしましょう
先ほどの画面に戻り、「送信」をクリックしましょう
その②：タグを取得しましょう
「送信」をクリックすると、以下のような画面になります。この画面の「<>」をクリックすると、タグが取得できるのでコピーしてください。
この青い四角の中が「タグ」です。これをコピーしてください。
その③：記事作成画面で「お問い合わせフォーム」を作ります。
はてなブログにログインして、記事を書く画面に移動します。タイトルを「お問い合わせフォーム」にしましょう。
そしたら「HTML編集」に移動して先ほどコピーした「タグ」を張り付けてください。
タグを貼り付けたら、「編集オプション」で少し小細工をします。このまま公開してしまうと、ブログの新着記事に表示されてしまうので、投稿日時を出来るだけ過去にしてください。そうすると新着記事に表示されずに記事を投稿できます。
最後に、記事を公開するとこんな感じに「お問い合わせフォーム」が出来ます。
最後に
最後までお読みいただきありがとうございました。そしてお疲れ様でした。皆さんは無事に「お問い合わせフォーム」を作ることが出来たでしょうか？作ることが出来たのであれば幸いです。この記事を多くの方に読んでもらい参考にしていただきたいのでブックマーク等の拡散をお願いします。ちなみに「お問い合わせフォーム」の内容の送信先はGoogleフォームです。相手に返信したい場合は頂いたメールアドレスに送りましょう。
合わせて読みたい