プログラミング、ガジェット、趣味ネタを配信するブログ

WordPress

「Contact Form 7」でWordPressのサイトにお問い合わせページを作成する方法

投稿日:

サイトやブログを作り始めたなら、お問い合わせページを作成しようかなと思うかと思います。

WordPressならプラグイン「Contact Form 7」を使用することで、
簡単に作成できます!

では早速、お問い合わせフォームを作成する方法を紹介していきます!

 

○ インストール方法について

まず初めに「Contact Form 7」のプラグインをインストールしていきましょう。

  1. WordPressのダッシュボードを開きメニューの「プラグイン」>「新規追加」の画面を開き、
    検索欄に「Contact Form 7」を入力すると下記のような画面が表示されますので、
    「Contact Form 7」の「今すぐインストール」をクリックしてください。

    ContactForm02

  2. 「今すぐインストール」ボタンが「有効化」ボタンに変わりますので、
    クリックします。

    ContactForm03

  3. 下記のように表示されていればインストールとプラグインの有効化は完了です!

    ContactForm04

○ お問い合わせフォームの設定

簡単にですが、お問い合わせフォームの設定について説明していきます。

  1. メニューに「お問い合わせ」項目が追加されていますので、その中の「新規追加」をクリックします。

    ContactForm04_2

  2. 基本的にはフォームの内容はデフォルトで問題ないでしょう。
    タイトルを記入して右上の「保存」ボタンを押してコンタクトフォームを追加します。

    ContactForm06

  3. 保存すると、下記の赤枠のようにショートコードが表示されます。
    このショートコードを張り付けることでお問い合わせフォームが表示されるようになります。
    以上でお問い合わせフォームの設定は完了です。

    ContactForm07

○ お問い合わせページの作成

では、最後にページにお問い合わせフォームを表示させていきます。
例として固定ページでの作成を説明していきます。

  1. メニューの「固定ページ」>「新規追加」をクリックします。

    ContactForm07_2

  2. タイトルの設定を行い、先ほど作成したお問い合わせフォームのショートコードを貼り付けて、ページを公開しましょう。

    ContactForm08

  3. 公開したページを確認すると下記のような、お問い合わせフォームが表示されると思います。
    項目欄を記入して「送信」ボタンを押してメールが届くか確認します。
    ※デフォルトでは、WordPressに登録したメールアドレス宛に届きます。

    ContactForm09

  4. 送信が完了すると下記のような画面が表示されますので、
    メールが届いているか確認します。

    ContactForm10

  5. メールは下記のような感じでメールが届いていれば、お問い合わせフォームの作成は完了です。

    ContactForm11

-WordPress

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

Google XML SitemapsプラグインでXMLサイトマップを作成する方法

「Google XML Sitemaps」は記事を作成したり、公開したときに自動的にXMLサイトマップを更新するWordPressのプラグインです。 こちらを使用してXMLサイトマップを作成する手間を …

GistでWordPressにソースコードを埋め込む方法

WordPressを使っているときにソースコードを表示させたいと思いましたので、 少し調べてみました。 「Crayon Syntax Highlighter」や「SyntaxHighlighter E …

スマホ用クリック課金広告「nend」に登録して広告表示する方法

ブログにインライン広告/オーバーレイ広告を入れてみたいと思い、調べたところ「nend 」がよさそうでしたので 登録してみました。 クリック単価はそこまで高くないとのことです。(平均10円くらいが一般的 …

no image

ローカルでWordPressの記事を編集し投稿する手順

OpenLiveWriterをインストール https://openlivewriter.com/ からOpenLiveWriterをダウンロードして実行します 下記の手順で設定していきます。 Nex …

ロリポップサーバーにWordPressをインストールする方法

ロリポップサーバーにWordPressをインストールする方法をまとめていきます。 ロリポップにはWordPress簡単にインストールするツールが 入っています。 今回はそのツールを使用してインストール …

スポンサー 人気記事 最近の投稿