Contact Form 7 の使い方とカスタマイズ

スポンサーリンク

Contact Form 7 の使い方

導入

こちらからプラグインを追加して、有効化

フォームの作成・設定

サイト訪問者が記入するのが「フォーム」

サンプルが1つ入っているので、コピーして試してみると良い。

注意!記事と違って履歴からの復元ができないので、くれぐれも原本を編集してしまわないように!(やっちまった…)

メールの設定

サイト運営者に来るメールの内容を設定

メールの差出人の名前が文字化けする場合はダブルクォーテーションで囲むと解決する

こちらを参照

メール(2)の設定

サイト訪問者(フォーム記入者)への自動返信メールの内容を設定

メール(2)の発信元として、サイトのドメインと違うアドレスを使用するとエラーになる?

仕方なく「<wordpress@so-cha.net>」を使ったら、一応記入者にメールは飛んで成功♪

Contact Form 7 をカスタマイズする

「フォーム」編集画面はテキスト編集画面なので、タグを付けて修飾できる。

個別に色を付けたい場合などはインライン(<span style=””></span>)でCSSを書く。

段落設定はテーマにCSSを書いて一気に適用するのがラク。

(例).wpcf7 p{margin:1em 0 !important;}

また、チェックボックスのような部品のカスタマイズはテーマに書かないとダメなようだ

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