WordPressプラグイン

Contact Form 7:問い合わせフォームを設置する

更新日:

「Contact Form 7」はページに問い合わせフォームを設置できるプラグインです。問い合わせフォームは企業サイトには欠かせないもの、フリーサービスなどを利用すると広告が表示されたり、CGIを設置するのにはプログラムの知識が必要だったりします。「Contact Form 7」を利用すれば、簡単に問い合わせフォームをページに設置することが出来ます。問い合わせフォームを設置・運用するには、管理者としての基本的な知識が必要です。ここではページに表示したり、フォームやメールの内容をカスタマイズする方法について記述しています。

ppc-web-marketing-1024x576 Contact Form 7:問い合わせフォームを設置する

Contact Form 7の概要

問い合わせフォームを柔軟にデザインでき、サイト内に複数の問い合わせフォームを作ることが可能です。さらに、AJAX を使った送信、CAPTCHA,Akismet によるスパムフィルタリング、ファイルのアップロード、自動返信メールなどなど、豊富な機能をサポートしています。

  • Contact Form 7
  • ページに問い合わせフォオームをショートコードで埋め込む
  • http://wordpress.org/plugins/contact-form-7/
  • ライセンス → 無償
  • 管理画面の言語 → 日本語
  • 管理画面の場所 → ダッシュボード → お問い合わせ

Contact Form 7の使い方

問い合わせフォームを設置するには、プラグインを有効化し管理パネルにある ‘お問い合わせ’ → ‘編集’ のメニューを開きます。そこで複数の問い合わせページを管理することができます。

インストールしたばかりなら、”コンタクトフォーム 1″ という名前のデフォルトが用意されていて、そこに”contact-form-7・・・”で始まるコードが見られるはずです。

このコードをコピーします。そして、ページの編集メニュー (‘ページ’ → ‘編集’) を開いて、問い合わせフォームを配置したいページを開きます。”問い合わせ” という名前のページを問い合わせ用に作るのが一般的です。先ほどコピーしたコードをそのページの本文中にペーストします。

Contact Form 7のフォームのカスタマイズ

デフォルトの問い合わせフォームは簡素すぎるように思ったかもしれません。フォームに項目を追加してみましょう。テンプレートを編集して項目を追加するのも ‘問い合わせ’ → ‘編集’ のメニューから行います。

contact7 Contact Form 7:問い合わせフォームを設置する

項目を追加するには、タグを作ってそのタグを ‘フォーム’ 欄に挿入します。

Contact Form 7のメールをカスタマイズする

メールのテンプレートの編集は、‘メール’ 欄でフォームに対して行ったのと同じ要領で行います。ここでも同様にタグが使えますが、メールで使うタグはフォームで使ったタグとは異なるので注意してください。

メールのテンプレートで使うタグはカッコのなかにひとつの単語だけを含み、例えば [your-name] のようになります。気付いたかと思いますが、この your-name は先ほどの例で使ったフォームのタグの名前と同じです。これらの2つのタグは同一の名前で結びついています。

Contact Form 7のインストール

Contact Form 7をインストールするにはダッシュボードからプラグイン → 新規追加 → Contact Form 7で検索 → インストールボタンをクリック → Contact Form 7の有効化ボタンをクリックし必要な設定を行います。

plugins Contact Form 7:問い合わせフォームを設置する

ご利用の環境によってはContact Form 7をインストールできないことやエラーになることもあります。エラーの対処方法はこちらをお読みください

※関連の記事

2099465_1920-150x150 Contact Form 7:問い合わせフォームを設置する

Recent Posts Widget Extendedは新着記事をサムネイル一覧表示

Recent Posts Widget Extendedは新着記事をサムネイル付きで一覧表示してくれるWordPressプラグインです。標準の最近の投稿などは細かくカスタマイズできなかったりするのでRecent Posts Widget Extendedで…

adult-3408111_1920-150x150 Contact Form 7:問い合わせフォームを設置する

Search Excludeは任意ページを検索結果から除外できる

Search ExcludeはWordPressの検索結果(サイト内検索)に表示したくないページを除外してくれるプラグインです。商品ページなどが数多く構成されている場合には検索機能を使うユーザーも多いので余分なページを表示することを避けたいこともあります。…

blogger-336371_1920-150x150 Contact Form 7:問い合わせフォームを設置する

Crayon Syntax Highlighter:記事にHTMLソース等を表示する

Crayon Syntax Highlighterは、記事にHTMLソースなどを綺麗に表示することができます。企業のサイトでは、Crayon Syntax Highlighterはあまり利用されることは少ないかもしれませんが、WordPressのカスタム情…

3368242_1920-150x150 Contact Form 7:問い合わせフォームを設置する

Easy Table of Contents:目次を自動で作る

Easy Table of Contentsは投稿や固定ページに「見出しタグ h1 ~ h6」を元に自動で「目次」を作成して表示してくれます。Easy Table of Contentsは目次を投稿や固定ページ、カスタム投稿タイプにも挿入することが出来ます。

849804_1920-150x150 Contact Form 7:問い合わせフォームを設置する

Classic Editor:Gutenbergと旧エディタを切り替える

WordPressプラグインClassic EditorはWordPress 5.0から採用された新しいエディタ Gutenberg を旧エディタに戻してくれるプラグインです。戻してくれるだけでなく、エディタを切り替えて使えるようにもしてくれます。 Cla…

791049_1920-150x150 Contact Form 7:問い合わせフォームを設置する

Breadcrumb NavXT:パンクズリストを設置できる

Breadcrumb NavXTはパンクズリストを設置できるWordPressプラグインです。有料テーマや無料テーマによっては標準でパンクズリストが設置されていることも多いのですが、公式テーマなどでは採用されていないこともあります。PHPスキルを持たれてい…

849804_1920-150x150 Contact Form 7:問い合わせフォームを設置する

Post Type Switcher:投稿タイプを変更できる

WordPressのプラグインPost Type Switcherは、固定ページを投稿に、投稿を固定ページに入れ替えることができます。WordPressのページの種別は投稿(Post)と固定ページ(Page)に分けられています。投稿のページとして公開してし…

woman-731894_1920-150x150 Contact Form 7:問い合わせフォームを設置する

Food and Drink Menu:飲食店のメニューを作る

「Food and Drink Menu」はレストランやカフェなどの飲食店のフードやドリンクのメニューを作るのに特化しているWordPressプラグインです。「Food and Drink Menu」は自由度はあまり高くありませんが使い方は非常に簡単です。…

startup-593327_1920-150x150 Contact Form 7:問い合わせフォームを設置する

Admin Columns:ダッシュボードのカラムを並び替える

Admin Columnsは記事の一覧表示をカスタマイズできるプラグインです。Admin ColumnsはWordPressの固定ページや投稿の一覧表示画面でカラムの幅を変更したり、デフォルト以外の項目を表示したりすることができるようしてくれるプラグインで…

woman-3190829_1920-150x150 Contact Form 7:問い合わせフォームを設置する

XML Sitemap & Google News feeds:XMLサイトマップを送信する

XML Sitemap & Google News feedsは xml サイトマップとNEWS フィードを自動で作成してくれるWordPressプラグインです。Google XML Sitemapsを利用される方が多いかもしれませんが、XML S…

-WordPressプラグイン

Copyright© WordPress テーマとプラグイン , 2019 All Rights Reserved Powered by STINGER.