会社の Webガイド
ホーム/Webの選び方/WordPress/お問い合わせフォーム
HOW TO / 作り方07

問い合わせは、
置いて、届いて、
一度送る。

置くだけでは終わりません。届く宛先と、一度のテスト送信までがセットです。

01

Contact Form 7 を、ディレクトリから入れる。

Contact Form 7 は WordPress.org のプラグインディレクトリで配布されています。提供は Rock Lobster Inc. / Takayuki Miyoshi です。他の候補を見るときはおすすめプラグインへ。

入れ方は、公式のインストール案内どおりです。画面の名前は、日本語サイトでは少し違って見えます。

  • 「プラグイン → 新規追加」で Contact Form 7 を検索する
  • インストールしたあと、有効化する
  • 管理画面に Contact メニューが増える(日本語では「お問い合わせ」と出ることが多い)
入手先は、プラグインディレクトリか提供元公式です。来歴の分からないコピーは入れません。足したあとは更新の対象です。
02

初期フォームを、固定ページへ置く。

公式の Getting started は、有効化直後に「Contact form 1」がある、と書いています。Contact → Contact Forms(日本語ではお問い合わせの一覧)を開きます。

置き方は、次のどちらでも足ります。公式も両方を案内しています。

ショートコード

コードを貼る

編集画面に [contact-form-7 id="..." title="..."] のようなコードが出ます。id の形はバージョンで変わります。表示されている値を、そのまま固定ページへ貼ります。

ブロックエディター

ブロックで選ぶ

公式は、Contact Form 7 5.3 以降で、フォームを一覧から選ぶブロックがある、と書いています。ショートコードを覚えなくても置けます。

ページ名は「お問い合わせ」が分かりやすいです。会社概要と同じく、長く置く案内なので固定ページ向きです。メニューへの追加は、使っているテーマの「外観 → メニュー」(またはサイトエディター)から行います。

03

メールタブを見てから、自分で送る。

公式の Setting up mail は、Mail タブで宛先と本文を編集する、と案内しています。日本語画面では「メール」と出ることが多いです。

  • To(送信先)。会社で毎日見られる宛先
  • From(送信元)。公式は、サイトと同じドメインのメールにするよう書いています。違うと設定エラーや不達になりやすいです
  • 件名と本文。フォーム側の [text* your-name] に対し、メール側は [your-name] のように名前だけを書きます
  • Mail (2)。公式は、本メールが送れたあとに出す追加メール(自動返信など)と説明しています。使う場合だけ開きます

項目を足したときは、フォームタブのタグと、メールタブのメールタグを揃えます。公式 FAQ も、フォームに足しただけではメール本文に出ない、と注意しています。

公開前に、自分の別アドレスから一度送り、受信箱と迷惑メールを見ます。届かないときは、サーバーの送信制限も疑います。エックスサーバーなら、選び方と各社のメール案内を優先してください。

個人情報の扱いと、HTTPSも見ます。公式プラグインページは、初期設定では追跡や外部送信をしない、一方で reCAPTCHA や Akismet などを足すと送信者の情報が外部へ行くことがある、と書いています。プライバシーの案内は、セキュリティと社内の方針で決めてください。
NEXT STEP

届いたら、公開前の確認へ。
お知らせも、同じ週に。

フォームは作り方の最後の一歩に近いです。会社概要とお知らせが揃っているかも見てください。

よくある質問

WordPressのお問い合わせフォームは、どう作りますか?

よく使われるのは Contact Form 7 です。プラグインを有効化すると、管理画面に Contact(日本語ではお問い合わせ)メニューが増えます。初期のフォームのショートコードを固定ページへ貼るか、ブロックエディターの Contact Form 7 ブロックで選びます。そのあとメールタブで送信先を確認し、自分で一度送信します。

フォームを置いたのに、メールが届きません。

Contact Form 7 の公式は、送信元(From)をサイトと同じドメインのメールにするよう案内しています。届かないときは、サーバーのメール制限、迷惑メールフォルダ、メールタブの宛先も見ます。個人情報の扱いも、公開前に決めておきます。

次に読む / 作り方06

おすすめプラグイン

フォーム以外の、最小セットの考え方です。

続きを読む →
次に読む / 作り方03

インストール後の初期設定

公開前の確認リストにも、問い合わせがあります。

続きを読む →
次に読む / 07

セキュリティの最低ライン

個人情報と、HTTPSも一緒に見ます。

続きを読む →
WordPressガイド

ガイドの入口へ戻る

考え方と作り方の記事から、今知りたいところを選べます。

続きを読む →