ロボット研究開発、ソフトウェア開発、コンテンツ制作配信

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

WordPressのサイトにお問い合わせページを追加してみました。
お問い合わせフォームは、プラグインを使用しました。
やり方を備忘録としてメモしておきます。

スポンサーリンク

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

WordPress管理画面の「固定ページ」⇒「新規追加」で
お問い合わせページを作成します。
スクリーンショット 2016-03-26 19.55.40

2.ナビゲーション・メニューに追加

WordPress管理画面の「外観」⇒「メニュー」で
先ほど作成したお問い合わせページをナビゲーション・メニューに追加します。
お問い合わせにチェックを入れ、メニューに追加を押します。メニュー構造にお問い合わせが追加されたら、メニューを保存します。
スクリーンショット 2016-03-26 19.58.04

3.プラグイン「Contact Form 7」をインストール

お問い合わせフォームの定番プラグイン「Contact Form 7」を
インストールします。
プラグインをインストールするとWordPress管理画面に
「お問い合わせ」項目が追加されます。
この「お問い合わせ」項目を選択すると、コンタクトフォーム1という設定が
用意されているので、ショートコードをコピーします。
スクリーンショット 2016-03-26 20.02.18

手順1で作成しておいた固定ページの編集画面に入り、
先ほどコピーしたショートコードを貼り付け、
更新を押して保存します。
スクリーンショット 2016-03-26 20.03.18

お問い合わせページを確認すると、以下のように
お問い合わせフォームが表示されていると思います。
スクリーンショット 2016-03-26 20.03.51

4.デザインの変更

必要に応じて、スタイルシートを変更してお問い合わせフォームの
デザインを調整します。
ちなみに、お問い合わせフォームのクラス名は、”wpcf7″となります。
参考までに、変更したスタイルシートを以下に載せています。

最終的に完成したお問い合わせフォームです。
スクリーンショット 2016-03-26 20.14.05

5.まとめ

プラグインを使えば簡単にお問い合わせページを作成することができました。
参考になれば幸いです。

スポンサーリンク

いいね!を押すと、
最新記事をお届けします。

Twitter で
関連記事(一部広告含む)

コメントを残す

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

CAPTCHA


ページトップボタン