お問い合わせページを作ります。
Google でフォームを作る
ブラウザを Googlechrome にします。
右上の四角が固まっているところをクリック。
色々なサービスが出ますが、目的のサービスは、フォームです。
上の方にないので、＜もっと＞をクリックして、次のアイコンを探します。
見つけたら、クリックしましょう。
ページ真ん中にあるボタン「Googleフォームを使う」をクリック。
「新しいフォームを作成」画面で、＋ をクリック。
紫色の画面が出るので、「無題のフォーム」部分をクリックして、「お問い合わせフォーム」とタイトルを入力します。
「フォームの説明」のところには、ここからお問い合わせくださいとか、自分の言葉を入力すれば良いのではないでしょうか。
今回は、「冒険するために生まれてきたのお問い合わせフォームです」と入力しました。
⬆️画像中の「無題の質問」のところを触ると、項目が増えます。
右上 ラジオボタンのところをクリックすると、メニューがたくさん出ますので、記述式を選びます。
「無題の質問」部分を、「お名前（ニックネーム可）」に変えます。
必須項目にしましょう。
プラス（＋）ボタンで、同様に項目を増やしていきます。
連絡先、件名、お問い合わせ内容を作りました。
この時、お問い合わせ内容は、「記述式」ではなく「段落」を選ぶと長文回答欄になるようです。
これで、フォームの完成です😅
フォームのHTMLコードを取得する
HTMLコードを取るには、画面上の送信ボタンを押します。
作成したフォームは消えないので、信じてボタンをクリックしてみてください。
「フォームを送信」画面が出ます。
＜＞ マークをクリックしましょう。
HTMLコードを表示する画面が出てきます。
コピーボタンを押して、HTMLコードをクリップボードにコピーします。
フォームのHTMLコードをはてなブログに貼る
フォームのHTMLコードを、はてなブログの固定ページに貼ります。
固定ページをクリック。
空欄にアドレスを入力して、「ページを作る」をクリック。
（otoiawase にしました。なんでもよいです。）
固定ページ編集画面になります。
普段の投稿記事を書くのと同じです。
普段は「編集見たまま」画面を使っていますが、今回は隣の「HTML編集」画面にします。
そこへ先ほどコピーしておいた、HTMLコードを、貼り付け（command+V）ます。
「編集見たまま」に戻って、ちゃんと表示されているかを確認しましょう。
できていたら、公開して出来上がりです。
頑張りました〜😆
と思ったら、まだでした。
サイドバーに、お問い合わせページのリンクを貼る作業が必要です。
サイドバーに「お問い合わせ」バーを貼る
お問い合わせページのアドレスをコピーします。
はてなブログのダッシュボードに戻り、「デザイン」をクリック。
工具マークをクリックします。
次に「サイドバー」をクリック。
「モジュールを追加」をクリック。
「リンク」 をクリック。
リンク集の小さい画面が出るので、上記のように入力します。
お問い合わせページのアドレスも入力。最後に適用ボタンを押すのを忘れずに。
ちょっと疲れてきたので、続きは次回追記します。
ごめんなさい😭
参考にさせていただいたのは、
www.uxirisu.tokyoお世話になりました😊
