第14回目 スティンガー5カスタマイズ 「プラグイン Contact Form 7」を使ってお問い合わせフォームの作成

今回は第14回目 スティンガー5カスタマイズ 「プラグイン Contact Form 7」を使ってお問い合わせフォームの作成です。
企業のホームページになると、お問い合わせフォームは必須になってくると思います。

今回はお問い合わせフォームをプラグインを使用して作成しようと思います。

プラグインの追加

第14回目 スティンガー5カスタマイズ 「プラグイン Contact Form 7」を使ってお問い合わせフォームの作成
まずワードプレスのダッシュボードから、「プラグイン」→「新規追加」でContact Form 7を検索して、インストールし有効化にします。

プラグインの設定

次に「プラグイン Contact Form 7」の設定をします。
ダッシュボードの「プラグイン」→「インストール済みのプラグイン」を選択して、Contact Form 7のところの設定を選択します。

フォームの編集

第14回目 スティンガー5カスタマイズ 「プラグイン Contact Form 7」を使ってお問い合わせフォームの作成
次に新規で作成してもいいのですが、最初からあるフォームを編集して作成します。

少しだけ変更

第14回目 スティンガー5カスタマイズ 「プラグイン Contact Form 7」を使ってお問い合わせフォームの作成
次に上記画像の部分を少しだけ変更します。

電話番号の項目の追加

第14回目 スティンガー5カスタマイズ 「プラグイン Contact Form 7」を使ってお問い合わせフォームの作成
新しく電話番号項目を作りたいので、右側にある「タグの作成」を選択して、電話番号を追加します。

第14回目 スティンガー5カスタマイズ 「プラグイン Contact Form 7」を使ってお問い合わせフォームの作成
こちらのコードをコピーする。

作成したコード

第14回目 スティンガー5カスタマイズ 「プラグイン Contact Form 7」を使ってお問い合わせフォームの作成
第14回目 スティンガー5カスタマイズ 「プラグイン Contact Form 7」を使ってお問い合わせフォームの作成
作成したコードはこちらです。

コードのコピー

第14回目 スティンガー5カスタマイズ 「プラグイン Contact Form 7」を使ってお問い合わせフォームの作成
保存をしてから、上記画像の矢印部分のコードをコピーします。

固定ページに貼り付ける

次に固定ページを新規で作成して、先ほどコピーしたコードを固定ページのコンテンツ部分に貼り付けます。

出来上がったお問い合わせフォーム

第14回目 スティンガー5カスタマイズ 「プラグイン Contact Form 7」を使ってお問い合わせフォームの作成
簡単ですが、お問い合わせフォームのページが完成しました。
デザインなどイマイチですので、後でこれもカスタマイズしようと思います。

スティンガー5のカスタマイズまとめ記事はこちら

ワードプレスのテーマ「stinger5」をカスタマイズして、企業のホームページとして2015年1月から運用します

The following two tabs change content below.
AKIRA

AKIRA

上尾市在住の、リサイクルショップで働くサラリーマン。 Twitter・Facebookやってます。 小心者なので、誰か声かけてくれると嬉しいです。
スポンサーリンク
スポンサーリンク
スポンサーリンク

コメントをどうぞ

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