こんにちは、chieです(^^)
今回は、固定ページにお問い合わせ用の記事を作り、Contact Form 7というプラグインを使ってその記事にコンタクトフォームを設置する方法について解説していきます。
コンタクトフォームというのは、ブログ訪問者さんがお問い合わせをする時に名前やメッセージを書きこむためのフォームの事です。
意見や感想を貰う事は自分の成長にも繋がりますので、これからブログ運営をしていくのなら必ず設置しておきましょう^^
目次
Contact Form 7のインストールと有効化
まずは、コンタクトフォームを設置するためにContact Form 7というプラグインをインストールしていきます。
ワードプレスのダッシュボードから、【プラグイン】→【新規追加】をクリック。
①右上の検索窓にContact Form 7と打ち込んで、
②今すぐインストールをクリック。
有効化をクリック。
これで、Contact Form 7のインストール、有効化は完了です^^
コンタクトフォームの新規追加
次に、ダッシュボードから【お問い合わせ】→【新規追加】をクリックします。
一番上の部分ですが、ブログ訪問者がここで入力した文字をクリックする事でお問い合わせの固定ページへと飛ぶテキストリンクになります。
ここでは、お問い合わせはこちらという文字にしてみました。(他には、【問い合わせ】【お問い合わせ】など。)
フォームという部分には、あらかじめ文字が記入されています。
この部分も編集する事が可能です。
次に、フォームの隣のメールというタブを開いてください。
コンタクトフォームを通して送られてくるメールについての設定になります。
送信先は、お問い合わせ内容が届くメールアドレスです。
私の場合はgmailを使用しています。
送信元というのは、文章が送信された場所。つまり、あなたのブログです。
問題なければ、保存をクリックしましょう。
設定が完了しました。
このコンタクトフォームを利用するには、青い部分をコピーしてお問い合わせ用の記事に貼り付ける必要があります。
コピーして、記事の作成に移りましょう。
記事の作成
まずは、ダッシュボードにある固定ページをクリックします。
画像で①という印の所ですね。
すると、このような固定ページの編集画面に変わりますので、②の新規追加をクリック。
ここにタイトルを入力という箇所には、【お問い合わせ】などにすると良いです^^
下の部分については、画像内の文章で説明しています。
が、実際に見た方が分かりやすいですよね。
このブログのお問い合わせの固定ページはこんな感じになっています。
自分なりにお問い合わせ用の文章を書いてみて下さい(^^)
黄色で線を引いている部分が、先ほどコピーしておいたコードを張り付けた部分です。
コピー＆ペーストだけでコンタクトフォームが設置されるので楽ですね♪
実際の見え方はこんな感じです。
直接見た方がイメージがしやすいと思うので、固定ページのお問い合わせ用フォームへのリンクを貼っておきますね。
まとめ
プラグインContact Form 7を使って簡単にお問い合わせ用のコンタクトフォームを設置する事が出来ました。
役に立つ便利なプラグインはたくさんあります。
自分に必要なプラグインを見極めて有効活用していきましょう♪
