「Contact Form 7」プラグインで WordPress に問い合わせフォーム作成!
rosygown / Pixabay

はじめに

WordPress サイトを運用していると「問い合わせフォーム」ページを作成したいと思ったことありませんか?

問い合わせフォームがあれば、ページにアクセスしてきたユーザさんのご意見やご要望をメールで確認することができます。

またご声援のメッセージをいただければ、「サイト運用冥利に尽きる」ことこの上なしということですね。

さて、Wordpress での問い合わせフォームは 「Contact Form7」プラグインで簡単に作成できます。

このページでは「Contact Form7」の使い方についてご紹介します。

Contact Form7 の使い方

①「メニュー」→「プラグイン」から「Contact Form 7」と検索し、有効化 & インストールしてください。

 

➁ 「メニュー」→ 「お問い合わせ」とクリックすると下記画面が表示されますので、「新規作成」をクリックします。

 

③「フォーム」タグをクリックすると、問い合わせフォームのレイアウトを設定できます。

 

④「メール」タグをクリックすると、問い合わせフォームのレイアウトを設定できます。

「送信先」フォームに問い合わせのメッセージを送るメールアドレスを設定してください。

 

⑤ 下にスクロールすると送られるメールのフォーマットも変更できます。

 

⑥ 「メニュー」→ 「お問い合わせ」→ 「コンタクトフォーム」をクリックし、先ほど保存した「問い合わせ」フォーム(下記画面では「問い合わせ」)をクリックします。

 

⑦ 下記画面の赤枠のコードをコピーします。

 

⑧  お問い合わせフォーム用のページを作ります(下記画面では「固定ページ」にお問い合わせページを作成)。

さきほどコピーしたコードを本文中に貼り、「更新」をクリックします。

 

⑨  ページを確認してください。問い合わせフォームが表示されると思います。

最後に

このブログでは、「Diver」という有料のテーマを使用しています。

「Diver」では、「Contact Form7」プラグインを用いて独自の問い合わせフォームを作成できます。

ぜひ、「Diver」テーマをつかっている方はこちらのページも参考にしてください。

ちなみに問い合わせフォームはこんな感じになりました!シンプルでいい感じですね!

 

 

 

プログラミング学習、独学では難しくないですが?
  • プログラミングをどう勉強したらいいのかわからない
  • わかりにくい参考書が多く、自分一人では解決できそうにない
  • 壁にぶつかった時の解決策がわからない
そんな人にはプログラミングスクールtech boost」がおすすめです。

 
 

プログラミングスクールtech boost」の魅力
  1. オーダメイドの自分の目標にあったプランが受講できる!
  2. 現役エンジニアがあなたの学習を全力サポート!
  3. スクール卒業後のキャリアサポートも充実インターン/就職/転職/独立 など
  4. オリジナル Web アプリも作れるようになります!
  5. 近年トレンドの AI や IoT、ブロックチェーンも学習できます!
  6. 受講スタイル(通学かオンライン授業)も選択可能!

 

こんな人におすすめ!

  • 未経験からでもプログラミングをしっかり学びたい!

未経験からでも受講期間中にオリジナルサービス開発レベルまで全力でサポートします。

 

  • プログラミングを一人で学ぶことに限界を感じた!

未経験で一からプログラミング学習するには限界があります。

現役エンジニアがあなたの目標に沿った学習プランを提案してくれるので安心して学習できます。

 

  • 技術力をつけて、IT企業に就職やフリーランス、独立を目指したい!

卒業後のキャリアサポートも充実しているため、未経験からも IT 業界に参入できます。

 

悩んでいるなら、お気軽に無料説明会へ!

現役エンジニアの私がいいますが、IT 業界は圧倒的な人材不足です。

 

スクールは料金が高いからなあ」と悩まれている人もいると思いますが、

IT業界は仕事が有り余っているため、一度学べば速攻で資金回収できます。

 

もしプログラミング学習で悩んでいたり将来的に IT企業、フリーランスなどで働きたいのであれば、

プログラミングスクール「tech boost」へ無料相談だけでもいってみてはいかがでしょうか?

おすすめの記事