7を使ってお問い合わせフォームを設置している人は多いのではないでしょうか。7でお問い合わせページを設置することができました。気になるところが一つ...お問い合わせページの一番上のところに表示される謎のボックス。なにか動作をするわけでもなく、ただ見た目の問題だけのようですが、とても気になります。う〜ん、私だけでしょうか?このような謎のボックスが表示されて気になって夜も眠れない人は、是非この記事を参考にしてみてください。contentsお問い合わせフォームの一番上に現れる謎のボックスエラーメッセージをカスタマイズ送信後のメッセージをカスタマイズ送信後の各種メッセージの表示場所を変更するお問い合わせフォームの一番上に現れる謎のボックス入力項目を空のまま送信ボタンを押すと、謎のボックスの正体が判明しました。〝必須項目に入力してください〟が表示されるボックスだったようです。正体が分かっただけでもかなりスッキリしますが、非表示にしたいのでCSSを追加しましょう。none;}注意カスタマイズは自己責任で行ってください。カスタマイズに関して素人のブログ初心者ですので、お問い合わせをいただいてもお答えできる技量はありません...消えました。気になるところがあるので、続けてやっていきましょう。エラーメッセージをカスタマイズ入力項目を空欄のまま送信ボタンを押すと、入力フォームの下に〝必須項目に入力してください〟というエラーメッセージが出ます。私の場合は、なぜかフォントサイズもカラーも本文のそれと同じでとても地味です。目立たないにもほどがあるので、ここにもCSSを追加してみましょう。#dc3232;}フォントカラーを赤にしたら、それっぽい感じになりました。一つ地味なところがあるので、次はそちらをどうにかしましょう。送信後のメッセージをカスタマイズ送信ボタンを押すと、〝ありがとうございます。メッセージは送信されました。〟や〝メッセージの送信に失敗しました。後でまたお試しください。〟というメッセージが一番下に表示されます。下の画像では〝入力内容に問題があります。確認して再度お試しください。〟というメッセージが表示されているのですが...素です。本来はこんな感じでもともと文章に枠がついているようですが、何をどう失敗したのかCSSが効いていないようです。このままでは、お問い合わせする人が送信できたのかできていないのか分かりにくいので、これをド派手にカスタマイズしましょう。center;/*中央寄せ*/}これはいろんなカスタマイズブログでよく紹介されているCSSなのですが...私の場合はこれが効きませんでした。(泣)打ちひしがれた私が使った別のCSSを以下に書いておきます。なんだかCSSがうまく反映されない時にお試しください。center;}存在感たっぷり。ちなみにこれは入力内容に不備があった場合に表示されるメッセージなので、ちゃんと送信できた場合に表示されるメッセージに対しても別途CSSを指定しなければいけません。その他のメッセージのセレクタを書いておくので、文字や枠線や背景色などを自由にカスタマイズしてください。メッセージが正常に送信されたときありがとうございます。メッセージは送信されました。.wpcf7-response-outputメッセージの送信に失敗したときメッセージの送信に失敗しました。後でまたお試しください。.wpcf7-response-output送信がスパムと見なされたときメッセージの送信に失敗しました。後でまたお試しください。.wpcf7-response-output承諾が必要な項目が承諾されていないときメッセージを送信する前に承諾確認が必要です。.wpcf7-response-output私は全部、赤字に赤枠にしました。center;}送信完了のメッセージもカスタマイズできました。表示される場所がイマイチなので、それも調整しましょう。送信後の各種メッセージの表示場所を変更する送信後に表示されるメッセージは、初期設定では送信ボタンの下に表示されるようになっています。このメッセージの表示位置は変更が可能です。『ワードプレスの管理画面』→『お問い合わせ』→『コンタクトフォーム』→『コンタクトフォームの編集画面』へ。コンタクトフォーム編集画面の本文に、[response]というタグを追加することで、メッセージの表示位置を自由に変更することができます。このブログの場合、送信ボタンを押してページが切り替わったときに、一番目に入りやすい場所はフォームの一番上の部分。[response]と追記するだけで、ベストポジションにお引っ越し完了です。7のお問い合わせフォームのカスタマイズについての記事でした。あなたのお悩み解決の助けになれば幸いです。レントラックスから招待メールが届いた!?ヘッダーが壊れた。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。