デザイン制作、Web制作、ブログ運営などのノウハウを配信するサイト

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 で

ブログ用WordPress無料テーマ
「chameleon(カメレオン)」

WordPressテーマ(chameleon)は、「WordPressで手軽・気軽にブログ始められる」をコンセプトに制作しました。
初めてWordPressでブログを始める方、是非シンプルなテーマchameleon「カメレオン」を使ってみてください!

ブログ用無料WordPressテーマ

士業用WordPress無料テーマ
「InomaExpertBasic」

士業用の無料WordPressテーマを作成しました。
もちろん、一般的なビジネスサイトに活用できます。
自分でサイト更新したい方、
これからホームページを立ち上げようとする方、
自分でWordPressテーマを作ってみたい方、
この無料テーマを是非活用してみてください。

無料WordPressテーマ

コメントを残す

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

CAPTCHA


ページトップボタン