Contact Form 7を使用してWordPressのルクセリタスに【問合せフォーム】を設置する方法

今回はWordPressのトップページにお問い合わせフォームを設置するやり方を解説します。

実は先日4月9日にGoogle AdSenseの審査に合格しました(^^♪

その事前準備として問い合わせフォームプライバシーポリシーサイトマップ設置を行いましたが今回の記事では問い合わせフォームの設置の仕方を解説します。

プライバシーポリシー、サイトマップ設置においては別の記事で説明します。

今回設置する問い合わせフォームの外観は下記と同じようにできるようにします。

Contact Form 7のインストール

まずはワードプレスのプラグインから新規追加Contact Form7と入力して検索。

見つかったら、今すぐインストール。完了すればダッシュボードにお問い合わせが追加されているので新規追加を選択。

Contact Form7のショートコード生成

新規追加を行うとタイトルショートコードが表示されます。そして左の編集を選択し、カスタマイズします。

するとコンタクトフォームの編集画面にいきますので、今回は一番上のタイトルをお問い合わせフォームにします。

【メール】タブから送信先を設定したら右側の【保存】を選択。

すると新しく生成したショートコードが表示されるのでメモ帳などにコピーしておきましょう。

固定ページの作成

ここまでできたら後少し!ダッシュボードから固定ページ新規追加

タイトルを設定。ここはブログに表示される名前なので「CONTACT」でも「お問い合わせページ」でも「メール」でも好きなものにしましょう。

次に文章部分を入力し、最後に先ほど生成したショートコードを入力し、保存。

あとはしっかり表示されているか確認しましょう。

表示場所の設定

最初ここまでできて「やっと終わったー」と思ったら問い合わせホームがヘッダーナビに表示されていたので最後に場所の設定をしないといけません。

当ブログは無料テーマのルクセリタスを使用していますのでその設定方法を紹介します。

まず外観からカスタマイズを選択。

左下のウィジェットを選択。貼りたい場所を選択。今回はフッター左(タイトル H4)に設置します。

 

 

 

 

ウィジェット追加から固定ページを選択。

タイトルを編集して思い通りに表示されているか確認しましょう。問題なければ完了して更新

これで全て完了です。固定ページ作成ウィジェットカスタマイズだけでしたが初見で30分以上かかりました・・・

細かく解説しましたので多少わかりやすくなっていると思います。最後までご覧いただきありがとうございます!

あ、ツイッターのフォローしていただけるとうれしいです~→https://twitter.com/KURONEKOKUN0214

Luxeritas

Posted by クロネコクン