節約生活で月10万円貯金!全て公開します!

あらゆるジャンルの節約術を駆使して、月10万円の貯金を目指すブログです。

お問い合わせフォームを設置しました!はてなブログ編!

こんにちは、コックさんです。

私のブログにお問い合わせフォームを設置しました。

こちらからフォームに内容をご入力いただき、

送信してくだされば、私のメールアドレスに内容が

送信されるようになっています。

ぜひ、ご利用いただければと思います。

で、この問い合わせフォームの設置がなかなか手ごわかったので、

これから私と同じようなことを試みようとされている方のために

お伝えしておこうと思います。

 

 

グーグルフォームで問い合わせフォームを作る

 

まず「グーグルフォーム」というサイトにアクセスしましょう。

このグーグルフォームを使うと、問い合わせフォームの「型」を

作ることができます。

f:id:cook8461:20190106214756j:plain

トップページ

トップページはこんな感じです。

「グーグルフォームを使う」というボタンをクリックしましょう。

次に「新しいフォームを作成」というページが表れるので、

一番左の「+」をクリックしましょう。

 

f:id:cook8461:20190106215135j:plain

最初は「Untitled form」と表示されているところを「お問い合わせフォーム」にします。

その後は項目を必要なだけ増やしていくことになります。

右側にあるプルダウンボタンをクリックすると、下のような画像になりますが、

「記述式」「段落」の2つで問い合わせフォームは作れます。

記述式が短文を書くものなので、

問い合わせをしてくれる人の名前を書いてもらったり、件名を書いてもらったりすると

良いでしょう。

返信先のメールアドレスを書いてもらうのもよいでしょう。

段落が長文を書くものなので、問い合わせ内容を書いてもらいましょう。

 

問い合わせフォームが完成したら、ページ上部にある「送信」ボタンを

クリックします。

すると、「フォームを送信」という画面になりますので、

そのページ上部にある「<>」の箇所をクリックします。

するとソースコードが手に入りますので、これで先ほど作った問い合わせフォームを

ブログにのせることができます。

f:id:cook8461:20190106215739j:plain

問い合わせフォームをはてなブログにのせる

はてなブログには「固定ページ」というものがあります。

これは、ブログとは独立して、そのページの記事だけを作ることができる機能です。

問い合わせフォームをブログにのせるには、この機能を使います。

 

f:id:cook8461:20190107195058j:plain

こうやって固定ページを作ります!!

上の画像のボックスの中に、作りたいページのURLの末尾を記入します。

今回は問い合わせフォームなので「 toiawaseform」としました。

次は、固定ページの本文を作っていきましょう。

「html編集」の画面で、先ほど「グーグルフォーム」で作った問い合わせフォームの

ソークコードをコピー&ペーストしましょう。

これで固定ページはできあがりです。

ここで、「公開する」を選択することで固定ページがインターネット上に

アップされることになります。

次は、アップされた問い合わせフォームがある固定ページを、

ブログとリンクさせていきます。

 

f:id:cook8461:20190107200025j:plain

上記は私のブログのダッシュボード画面です。

こちらから左の列にある「デザイン」ボタンをクリックします。

そのあと、印のついているスパナのボタンをクリックして、「サイドバー」を

クリックします。

 

f:id:cook8461:20190107200804j:plain

「モジュールを追加」をクリックして、

私の場合は「リンク」を使いました。

「タイトル」欄には実際にブログに表示される文字を入力します。

「お問い合わせ」とでも書くとよいでしょう。

隣に先ほど作った固定ページのURLを入力します。

あとは、サイドバーの位置を決めて変更を保存すれば出来上がりです。

 

f:id:cook8461:20190107201019j:plain

何とかお問い合わせフォームをブログに設置することができました。

なかなか長く難しい作業でしたが、ぜひ参考にしていただければと思います。

私のブログの内容にも、ご意見ご質問などありましたら、

ぜひ送信してください!!