ContactForm7の備忘録|大阪のホームページ制作会社 SmileVision

社員ブログ ContactForm7の備忘録

ども、こんにちは。開発部のいろはです。

ContactForm7は問い合わせフォームを簡単に設置できるWordPressのプラグインです。
このプラグインは必須項目が未入力の時にエラー文を自動で表示してくれる機能があり、非常に便利なものです。

今回はこのプラグインを使用するにあたり
ここどうするの?と気になった点がありましたので、まとめてご紹介いたします。

複数のエラーメッセージが上部に表示される

必須項目が未入力状態の場合、各入力欄の下にエラーメッセージが表示されます。
しかし下記のプログラムが上部に表示されて、エラー文が必要以上に表示されてしまう場合があります。

この場合は次のcssを追加することで非表示に設定できます

エラーの表示枠の色を変更する

wp-content > plugins > contact-form7 > includes > css > styles.cssの
25行目周辺で定義されております。
デフォルトは黄色ですが任意のカラーに変更することができます。


文字の色を変更する場所は下記になります。

ContactFrom7のショートコードを埋め込む

固定ページや投稿ページではなくpage.phpなどを作成して、
その中でContactFrom7を使用する場合はdo_shortcode関数をechoします。

Contact Form 7 add confirmで全ボタンが表示される

Contact Form 7 add confirmは確認画面を追加するプラグインです。

「送信」以外に「戻る」「確認」を設置することができますが、
これら3つが入力画面に表示されたり、戻るボタンが動作しない場合があります。

この場合、page.phpの中に<?php wp_head();?>と<?php wp_footer();?>を
次の位置に追加します。

確認ボタンだけに変わりました。


以上です。

Contact Form 7について4つ解説いたしましたが、
この記事が少しでも皆様のお役に立てれば幸いです。

それではお疲れ様でした!ノシ

ABOUT ME
いろは
いろは
■部署 開発部 ■スペック(Level、身長、座高、属性、資格) 水属性(98℃) ■入社年 2017年 ■趣味 ごはん(つくる)、白と茶色模様の犬、ボウリング、ナワバリ争い(イカ)、8bit ■座右の銘 明けない夜はない ■ひとこと うどん >> そば > そうめん