ブログはオワコン、アフィリエイトは死んだ、なんて叫ばれてますけどブログが今日も楽しくて仕方ない私です。
![](https://yumemon.com/wp-content/uploads/2020/08/yumemon.png)
最近ちょくちょくブログの構造とか見直しているのですが、お問い合わせフォームがちょっと気になったので今回新調してみました!
変えてみたらめっちゃよかったので記事にしておこうと思います。
![](https://yumemon.com/wp-content/uploads/2020/08/yumemon.png)
コンタクトフォーム7使いづらくない?
WordPressブログでお問い合わせフォームを作るならコンタクトフォーム7でしょ、みたいなお決まり的風潮があったので、私も例に漏れずコンタクトフォーム7を使っておりました。
![](https://yumemon.com/wp-content/uploads/2020/09/contactform.png)
ただこいつ、見た目もちょっと古臭い感じだし、設定も大変なんですよね〜
![](https://yumemon.com/wp-content/uploads/2020/09/settei.png)
使ったことがある人だとわかると思うけど、こんな感じで設定します…多分多少プログラミング知識があって「関数」の概念がわからない人にはかなり難しいと思う。
といっても少しでもプログラミングを学んだ経験がある人ならかなり簡単なことではあるんですが…
で、なぜか私がこれを設定すると、お問い合わせフォームの下に変な赤枠が出ちゃってたんですよね。
![](https://yumemon.com/wp-content/uploads/2020/09/akawaku-473x1024.jpg)
コメントを送信するとこの赤枠部分に「メッセージありがとうございました!」的なコメントが出るようにはなってたんですが、最初からこの赤枠が出るの嫌だな…うーん変えたい!
ってなった時に「そうだGoogleフォーム使ってみよ〜最近使ってるサイト多いしな〜」と思いつき、今回変えてみることにしました。
すぐに作れるGoogleフォーム、作ってみた
Googleフォームはプログラミングの知識とか全く必要なく、直感的にすぐに作ることができます。
![](https://yumemon.com/wp-content/uploads/2020/09/top.png)
GoogleのトップからGoogleドライブを開いて
![](https://yumemon.com/wp-content/uploads/2020/09/drive-197x300.png)
![](https://yumemon.com/wp-content/uploads/2020/09/shinki-300x254.png)
新規をクリック
![](https://yumemon.com/wp-content/uploads/2020/09/form-298x300.png)
Googleフォームをクリックすると雛形が出てきます。
![](https://yumemon.com/wp-content/uploads/2020/09/hinagata.png)
初めて使う場合は一緒にチュートリアルが出てくるので、それを参考にしてフォームを作るだけ。めちゃめちゃ簡単です。ちょっと触ればわかると思う。
ちなみにテーマカラーを変えたり画像を挿入したりするのも簡単にできます。
![](https://yumemon.com/wp-content/uploads/2020/09/te-makara--192x300.png)
私はサイトカラーがオレンジっぽい黄色なので、近い色を選んで設定してみました。
![](https://yumemon.com/wp-content/uploads/2020/09/kaeta.png)
これでフォームが作れたら、右上の「送信」のボタンをクリック。
![](https://yumemon.com/wp-content/uploads/2020/09/sousin-300x106.png)
新しく表示される画面で「<>」を選択すると、ブログにGoogleフォームを埋め込むためのコードが表示されます。右下のコピーをクリックしてコピーしましょう。
![](https://yumemon.com/wp-content/uploads/2020/09/umekomi.png)
あとはブログにこのコードを貼り付ければOK!
→ブログに地図を入れたい時、GoogleMapの埋め込みが便利!
スクロール設定が嫌だったのでちょっと修正
実際にブログに埋め込んでみたら、Googleフォームの初期設定で、フォームがスクロール出来ちゃう問題が勃発しました。
![](https://yumemon.com/wp-content/uploads/2020/09/sukuro-ru-473x1024.jpg)
ちょっとわかりにくいと思うんですが、ブログの記事をスクロールする中にさらにGoogleフォームのスクロールが出来ちゃうんですよね。
私この構造すごい嫌いなんです、意図しないスクロールが発生して、読みたいのにこの先読めない、みたいな感じになるの!
せっかくこの先も記事は続くのに、Googleフォームのスクロールのせいで先に進めなくて読んでもらえない、とかになっても嫌ですよね。
そういう場合は埋め込みコードを発行するときに高さの部分の数値を少し上げてみてください。
![](https://yumemon.com/wp-content/uploads/2020/09/umekomi-1.png)
こうするとスクロールがなくなって綺麗なGoogleフォームを埋め込むことができます〜!
実際の私のお問い合わせフォームが↓のような感じです!
シンプルで見やすいしデザインも綺麗ですよね〜
もちろんレスポンシブデザインなのでPCでもスマホでも綺麗に表示されます。
![](https://yumemon.com/wp-content/uploads/2020/08/yumemon.png)
Googleフォームでどんなことができるかは調べてもらった方が早いと思うので割愛しますが、問合せがあったらメール通知がくるようにできたり、回答をスプレッドシートでまとめたりグラフとかで見やすくしたりとかできてとても便利です。
回答タブでスプレッドシートのマークをクリックすると勝手にデータ流し込んでくれます。
![](https://yumemon.com/wp-content/uploads/2020/09/supusi.png)
コードを埋め込む方法だと少し表示速度が落ちるかな〜とも思ったけど別にそんなこともなく、
むしろコンタクトフォーム 7が結構プラグイン としては重いやつで消したいな〜って思ってたのでよかった!
コンタクトフォーム 7が使いづらい…と悩んでる人はGoogleフォームでの代用がおすすめです〜!
読んでくれてありがとうございました!
ではっ