wordpressでお問い合わせページを作る方法(contact formプラグイン)

※記事内にプロモーションが含まれています。

ワードプレスでお問い合わせページを作る方法を紹介します。プラグイン「Contact Form7」を利用する方法が簡単です。

  1. プラグイン「Contact Form7」をインストール
  2. 「お問い合わせ」の新規追加からページ作成
  3. 固定ページの新規作成。本文にショートコードを貼り付けて完成

ワードプレスプラグインcontact formを使って問い合わせページを作るやり方

管理画面「プラグインを追加」から「Contact Form」と検索しましょう。


Contact Form7」が出てきたら「今すぐインストール」をしてその後「有効化」もクリック。
(※プラグイン名称は今後変わることもあります。富士山のロゴ画像や作者名"Takayuki Miyoshi"などもご参考に。)

プラグインを追加して有効化できたら、管理画面に新しく「お問い合わせ」の項目ができているはずです。「新規追加」をクリックする。

タイトルを「お問い合わせ」に変える。

次に「メール」タブへ行き、送信先の欄を一旦全部消して、自分のメアドを入れる(そこに問い合わせメールが届きます)

メアドを入れたら保存する。設定は最低限これだけで大丈夫です。
ちなみに、もっと細かく変えたい方は、検索したらやり方が出てきます。

次に、コンタクトフォーム一覧画面に先ほど作ったものが出来ているはずなので、「ショートコード」に書いてある記載をコピー(かっこも含めてコピー)してください。

次に、「固定ページ」の「新規追加」をクリック。固定ページとしてお問い合わせページを作ります。

タイトルを「お問い合わせ」にします。(もちろん変えてもOK)

本文に先ほどコピーしたショートコードを貼り付けるだけ。「コンタクトフォームを選択」と出てくるので先ほど作った「お問い合わせ」を選択する。これだけで完了です。

(上手くいかない方は、「カスタムHTML」としてショートコードを貼り付けるやり方でも出来ます)

編集画面だと少しバグったように見えるかもしれませんが、プレビューしてみてください。シンプなお問い合わせページが出来ているはずです。

出力された問い合わせページ

あとは、この固定ページをサイト上やサイト下などのメニューに追加すれば良いでしょう。

おすすめテーマランキング[PR]

【第1位】AFFINGER6 ¥14,800円

affinger6バナー

「稼げるサイトを作りたい人」におすすめ。収益化をサポートするための仕掛けが本当に良く出来ているので、使いこなせれば成果アップにつながる。カスタマイズ自由度も高いので個性も出せる。当サイトで利用中。もちろんSEOにも強い。

【第2位】swell ¥17,600円

こちらは万人向け。いま一番売れてる有料テーマ。多機能ながらも直感的な操作ができるので、「とにかく使いやすい」。初心者〜上級者にも愛用され、導入してすぐオシャレなサイトになる。SEOにも強くバランスが良いと言える。

【第3位】Cocoon ¥0円

cocoonバナー

一言で言えば「コスパ最強」。なんでこれが無料?必要十分な機能で、シンプルなので初心者にもgood。費用をかけずとりあえずサイトを始めたい人に最適。ゼロからサイトを作る人は、レンタルサーバーの「Xサーバー」で、wordpressクイックスタート機能というのを使うのがおすすめ。即cocoonサイトができる。2個目のブログにも。

  • この記事を書いた人

きつねコード

webディレクター&プログラマー。子育て真っ最中の2児のパパ。 10年以上Web系の経験を積み、サービス立ち上げやメディア運営など、幅広いジャンルに携わってきました。若い頃に起業した経験もあるので、少し守備範囲は広めかもしれません。パソコンが苦手な方からも質問をいただくことが多く、「少しでも役に立てれば」との思いでこのブログを始めました。

人気記事

wordpressのおすすめテーマはこれ 1

この記事を書いているきつねコードは、10年以上wordpressに触れており、自身でもブログを運営しています。 当記事で紹介する以外にも、多くのwordpres ...

おすすめのASP 2

登録必須のおすすめASP(ブログ初心者〜上級者) ブログやサイトを作成したら、まずASPヘの登録は行いましょう。 結論を言うと、初心者でも上級者でも下記の王道5 ...

ラッコキーワードの使い方を徹底解説! 3

この記事でわかること ラッコキーワードを使うと何ができるのか? 他のツールと比べたときのラッコの優位性 ラッコキーワードの超具体的な使い方 (初心者向け)SEO ...

cocoonからaffinger6への移行手順 4

cocoon以外のテーマからaffinger6へ移行する場合もチェック項目は大体同じですので、参考にしてみてください。 関連記事:cocoonからswellへの ...

cocoonからswellに移行する全手順 5

cocoon以外のテーマからswellへ移行する場合でも、確認することとしては大体同じ手順となります。ご参考にしてみてください。 結論:cocoonとswell ...

AFFINGERタグ管理マネージャーとPVモニター 6

この記事でわかること 初心者に、「タグ管理マネージャー&PVモニター」が良い理由 Affinger6の専用プラグイン「タグ管理マネージャー」の使い方 Affin ...

-ブログ・wordpress運営
-, , ,