Contact Form 7のエラー項目を分かりやすく方法

公開日: : 最終更新日:2018/02/10 副業で稼ぐ仕組みの作り方 ,

Contact Form 7を利用している方でエラー項目をよりわかりやすくさせる方法をご紹介いたします

はじめに

ワードプレスのプラグイン、コンタクトフォーム7はデフォルトのままではエラー項目が分かりくく感じられる方がいらっしゃるようです。

そこで、より分かりやすくカスタマイズする方法をご紹介させて頂きます。

注意事項

プラグインのアップデートで変わる可能性があるので、アップデート後は必ずチェックしましょう

記入もれをもっとわかりやすく

コンタクトフォーム7の場合、必須項目に記入がなく、そのまま送信ボタンを押すと

必須項目に記入もれがあります。

と言う表示が出ます。
記入ボックスのすぐ下に表示されるのでわかりにくいと感じる方はいらっしゃらないと思いますが、記入もれがあるボックス自体の色を変えた方が直感的にわかるなと思いました。

また、コンタクトフォーム7の欠点と言えばラジオボタンです。

ラジオボタンは簡単に言えばもともとが必須項目ですよね。

デフォルトではラジオボタンは選択されていない状態で、送信ボタンを押しても

必須項目に記入もれがあります。の表示が出ないんです。

そこで、とあるカスタマイズをする事でこの辺りも解決する事が出来ました。

cssに記載しよう

コンタクトフォーム7自体のcssをいじるとアップデートで情報が消えてしまうので、WEBページの方に記載しましょう。

.wpcf7 .wpcf7-not-valid {
    background: pink;
}

こちらの情報をcssに入力する事でこんな感じになりました。

カスタマイズ前

カスタマイズ後

どうでしょうか?
必須項目のエリアも背景の色が変わったのでわかりやすく、またラジオボタン側も色が変わり、なぜか「必須項目に記入もれがあります。」の文章が表示されるようになりました。

以上でコンタクトフォーム7のエラー項目をより分かりやすく方法の説明を終了致します。

さいごに

やりたい事はある程度出来る

コンタクトフォーム7を開発した方はやはり素晴らしいですね。
今のところやりたいことは全て出来そうです。

使い勝手もかなり良いのですが、問題はメールアドレスくらいでしょうか

これは使っている人からすると絶対にわかってくれると思います。

また違う重要なカスタマイズがあればブログ記事にしたいと思います。

関連記事

会員制サイトが作れるWP-Membersの使い方【ワードプレス】

ワードプレスを使った会員制サイトを作るならWP-Membersと言うプラグインがあれば非常に簡単に制

記事を読む

ワードプレスに人気記事を自動的に表示させるWordPress Popular Posts

ブログの滞在時間を延ばす方法として人気記事を表示させるというテクニックがございます。 はじめに

記事を読む

no image

記事や固定ページにパスワードを設定する

ワードプレスの記事や固定ページにパスワードを設定する方法をご紹介いたします。 はじめに

記事を読む

ユーザーIDで分岐させる方法 WordPress

ワードプレスを使ったサイトを構築中にユーザーによる分岐をするケースもありますよね。 はじめ

記事を読む

ワードプレス全体にパスワードをかけるPassword Protected

特定の人だけにホームページやブログを見せたいなぁっと考えている方、ステキなプラグインを発見しました。

記事を読む

特定のカテゴリー情報一覧をquery_postsで取得する方法

query_postsを使ってランダム表示一覧で取得したところ、特定のカテゴリー情報しか取得されてい

記事を読む

Jetpackのメール記事投稿

メールから簡単にブログの投稿をする事が出来るJetpackのメール記事投稿機能のご紹介です。 はじ

記事を読む

ワードプレスの記事下に任意の情報を入れるプラグイン

ブログの最後に毎回同じ情報を入れている人にお勧めのプラグインを発見しました。毎回コピペして入力しなく

記事を読む

年のみphpで出力する

ホームページなどでコピーライトが2011年とか見ると少しさみしくなってしまいます。 はじめに

記事を読む

URLを入力するだけでfacebookのようなリンクを表示させる方法

リンクを入力するだけでアイキャッチや文章を表示させる方法をご紹介いたします。 はじめに 自分の過

記事を読む

Message

現在の総記事数: 312件

Contact Form 7のエラー項目を分かりやすく方法

Contact Form 7を利用している方でエラー項目をよりわかりや

アドセンスのポリシー違反を解除する方法

ある日アドセンスから英語のメールが届きました はじめに アドセンス

SEO対策はコンテンツだけで勝負してみた結果

SEO対策にもう被リンクは本当に必要がないのか実際にテストしてみました

Huluのここがクソ!色々改悪されすぎ

Huluを契約して2年経過しましたが、使いにくくなりすぎてもう解約しま

SBIの貸株を解除する方法

SBI証券で貸株をしている人で解除方法がわからない人に

→もっと見る

PAGE TOP ↑