お問い合わせフォーム設置方法！
こんにちは～～～
新年度が始まり
最近忙しめのがぶさんです🤥
新人教育補佐的やつに
選ばれてしまいました・・・😂
さて！！！
今回はブログをそれっぽくカスタマイズするための
お問い合わせフォーム
を設置する方法を紹介したいと思います！！
別に使わないよ～～～
って方も、ブログに設置してみるだけで
一気にいい感じになっちゃったりしますよ～～！！！(笑)
前回の記事で
Twitterタイムラインの設置方法を書いたので
是非！見てみてください！！
お問い合わせフォームとは！？
サイトに埋め込まれたフォームに
直接メールを送信できるというものです！！
僕のブログで例えたら
僕に対して、ブログを見てくださった皆さんが
疑問に思ったこと、質問など
メールで簡単に送信できる仕組みになります！
これになります！！！
では早速！
やってみましょう！！
お問い合わせフォームを作る
今回のお問い合わせフォームは
「Google」でお問い合わせフォームを作り、はてなブログに張り付ける
ことをします！
◎まずはGoogleを開いて右上のメニューボタン（？）を押します。
◎出てきたタブの一番下「もっと見る」をクリック。
◎また出てきたタブの一番下「もっと見る」をクリック。
ここを押すと違うページに飛んでくれます。
下までスクロールして行くと
「グーグルのサービス一覧」
というものがあります。
◎ここから「フォーム」を探してクリックします。
フォームをクリックすると
このようなページに飛びます。
次に「Googleフォームを使う」をクリック。
フォーム作成画面になります！
まず 空白 をクリック！
このような画面に行きます！
このような画面にいきますが多い！(笑)
項目
次はお問い合わせフォームに 項目 を追加していきます！
今回追加する項目はこんな感じです！
①「タイトル」
②「フォームの説明」
③「名前」※
④「メールアドレス」
⑤「お問い合わせ内容」※
（※は必須入力項目です！）
「タイトル」と「フォームの説明」以外は自分で項目を追加します！
①と②は最初から項目としてあるので
自分で変更していきます！
①「タイトル」→お問い合わせフォーム
②「フォームの説明」→〇〇のお問い合わせフォームになります！
みたいな感じです！
次は③の「名前」を作っていきます！
③のところを「名前」に変更していきます！
◎下画像の印部分をクリック！
すると展開しますので
◎「記述式」を選択します！
記述式は
短文を入力する設定 です！
◎「必須」をONにすると必須入力項目になります！
これでお問い合わせする人は
絶対に記入しなくちゃいけない項目になります！！
次は④の「メールアドレス」を作っていきます！
◎下画像「＋」マークをクリックすると項目が増えます！！
（今更ですが、マウスで文字書くの難しいです・・・(笑)）
↑ 先ほどと同じように
項目を ④「メールアドレス」に変更し
「ラジオボタン」→「記述式」と設定を変えます！
残りの ⑤「お問い合わせ内容」も同じように作っていきます！！
◎「＋」マークをクリックして項目を増やします！
⑤「お問い合わせ内容」の項目だけ設定は
「段落」にします！
段落は長文にする設定です！
これで、フォームの作成は完了です！
次に行きましょう！！！
作成したフォームのHTMLを取得
先ほど作ったフォームのHTMLを
はてなブログに貼り付けるために取得します！
まずは「送信」を押します！
すると
このような画面になります！
◎「<>」みたいなマークをクリック！
次のような画面が出てきますので、HTMLをコピーします！！
HTMLの取得はこれで終わりです！！！
フォームをはてなブログに貼り付け
最後にはてなブログに先ほど作ったお問い合わせフォームを貼り付けます！
先ほどコピーしたHTMLコードを使います！！
◎まずはてなブログのMyページから「ダッシュボード」を選択
◎次に「固定ページ」を選択
◎ 「ページを作る」の項目に適当なURLを考えて記入します！
僕は「otoiawase」とかにしてみました('Д')
◎↑ 「ページを作る」をクリックします！
いつもと同じような記事作成ページが開かれますので、
タイトルを ①「お問い合わせ」などにしておきます！
②「HTML編集」をクリックします！
◎出てきたページに先ほどコピーしたHTMLコードを貼り付けます！
◎①「編集見たまま」に編集方法を戻すと、ちゃんと表示されているか確認できます！
◎ 最後に！ ②「公開する」を選択し、公開します ！
固定ページなので新着記事になることはありません
◎「公開する」をクリックした後は
作成した「お問い合わせ固定ページ」のURLを
サイドバーにリンクとして貼り付けます！
これで！
フォームをはてなブログに貼り付け完了です！！！！
次で最後になります！！
サイドバーにお問い合わせフォームを設置
先ほど作った「お問い合わせページ」に行きます！
◎「お問い合わせページ」のURLをコピーします！
◎はてなブログのmyページに戻り
「デザイン」をクリック！
◎ ①「工具マーク」をクリックし
②「サイドバー」をクリック！
③出てきた項目から「モジュールを追加」を選択！
次のような画面が出てくるので
①「リンク」をクリックし「タイトル」を好きなように記入！
②「リンク」部分にクリックする部分の文章を記入！
③その隣にクリックすると飛ぶURLを記入！
※コピーしたお問い合わせページのURLです！
④「適応」をクリック！
（ここ分かりづらくてすみません・・・）(ノД`)・゜・。
サイドバーの
どの部分に「お問い合わせ」を配置するか
下画像の項目をドロップ＆ドラックして変えます！
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
↑ 「変更を保存する」をクリックして閉じます！
できました！
これで終わりです(*ﾟーﾟ)！
プロフィーの下に
お問い合わせが出てきましたね！！
思ってたより長くなっちゃいました・・・( ｀ー´)
説明へたくそでごめんなさい
皆さんもブログを自分好みに
カスタマイズしてみましょう！
モチベあがりますよ～～～～！！！
ではまた～～～～！！
