WordPress メモ

WordPress 「Contact Form7でお問い合わせフォームの作り方」

こんにちは、シャトーブリアンです。

googleアドセンスの審査時に必要と言われているお問い合わせフォーム。

必要なら作っておくか!

 

 

WordPress 「Contact Form7でお問い合わせフォームの作り方」

3ステップで簡単にお問い合わせフォームを設置することができる。

・プラグインの追加
・固定ページの作成
・表示位置の設定

 

 

プラグインの追加

Contact Form 7」というプラグインを使ってお問い合わせフォームを作る。

 

1、プラグインの新規追加を押す

 

 

2、「Contact Form 7」を検索

右上の検索窓に「contact」と入れると出てくる。

 

 

3、「Contact Form 7」をインストール

インストール後、有効化しておく。

 

 

4、お問い合わせ「コンタクトフォーム」を押す

 

 

固定ページ作成のときに使うので、ショートコードをコピーしておく。

 

 

固定ページの作成

「お問い合わせ」という固定ページを作る。

 

1、固定ページ「新規追加」を押す

 

 

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

タイトル:表示される名前
パーマリンク:お好みで設定
本文:先ほどコピーしたコードを貼り付け

 

 

インデックスされないようにチェックを入れる。

入力ができたら公開を押す。

 

 

メールアドレスの変更

お問い合わせのメールは WordPressに設定しているメールアドレスに届くけど、他のアドレスに変更することもできる。

 

1、お問い合わせ「コンタクトフォーム」を押す

 

 

2、「コンタクトフォーム1」を押す

 

 

3、コンタクトフォームの編集「メール」を押す

「site admin email」というのが WordPressで使用しているアドレス。

 

 

使いたいアドレスを直接入力する。

gmail にする場合、それに付随した設定が必要になってくるようで、ちょっとめんどくさそうだった・・

入力できたら保存を押して完了!

 

この画面を開いたついでに、お問い合わせフォームのカスタマイズも!

 

 

お問い合わせフォームをカスタマイズ

メールをくださる方に入力してもらう項目を増やしたり、減らしたりすることができる。また、その項目名を自分好みに変えることもできる。

 

1、「フォーム」タブを押す

 

 

<label>のうしろの文字が、入力項目のタイトルとして表示される。

 

 

表示位置の設定

作ったお問い合わせページを表示するところを決める。今回はフッターに表示させてみる。

 

1、外観の「メニュー」を押す

固定ページのところに先ほど作った「お問い合わせ」が表示されているので、チェックを入れ「メニューに追加」を押す。

追加したら、メニュー構造に表示されるので、最後に「メニューを保存」を押したら完成!

 

すでにフッターメニューを作っていたので今回はそこに追加したんだけど、新しくメニューを作る場合は「新しいメニューを作成しましょう」から作ることができる。

 

 

無事にフッターに表示された♪

 

 

日付を非表示にしたい場合は?

無事にお問い合わせページができたけど、投稿日が表示されている。CSSでこの表示を非表示にしていく!

 

 

1、記事IDを調べる

固定ページの「固定ページ一覧」を押し、記事のID番号を覚える。

 

 

2、CSSにコードを記入

 

記事IDの数字を書き換えて、コピーで使えるコード♪

.post-4424 .date-tags {
display: none;
}

 

 

これで日付が非表示になった♪

 

 

 

変なメールが来たらイヤだしなぁ・・なんて思って設定していなかったけど、googleアドセンスに必要ならば仕方ないか。

といっても、アドセンス審査の準備もなかなかやる気にはなれず・・

ま、これで1歩は進めたのでいっか♪

 

お問い合わせ来ませんようにw

 

 

 

迷惑メール対策はプラグイン1つで解決!

Wordpress「迷惑メール対策 Honeypot for Contact Form 7」
ブログのお問い合わせに迷惑メールがたくさん届いてうんざり。そんなときはプラグイン1つで簡単に迷惑メール対策ができる。

 

タイトルとURLをコピーしました