「Contact Form 7」のスパム対策に、Googleが提供するキャプチャ・システム「reCAPTCHA」を設置しました。
よく見るこれを↓とても簡単にContact Form 7に追加できたのですが、左寄りに表示されてしまい見栄えが良くないのでCSSで中央(センター)配置にしました。
「reCAPTCHA」をCSSで中央に表示させる方法
「reCAPTCHA」を設置するとこのように左寄せで表示されました。
何となくバランスが悪いので子テーマのstyle.cssに以下を追加しました。
WordPress管理画面「外観」→「テーマの編集」をクリックして子テーマのstyle.cssの編集画面を開きます。
以下のコードを追記して、「ファイルを更新」をクリックします。
/*メールフォームrecaptcha中央配置*/ .wpcf7-recaptcha{ margin-right:auto; margin-left:auto; text-align: center; width:300px; }
するとこのように中央に配置されました。
ちょっとした事ですが、気になったので。
Contact Form 7の設置方法と使い方
サイトを運営していく上であったら便利な機能の一つに、問い合わせフォーム機能がありますが、WordPressではプラグインを活用することで簡単にオリジナルフォームを設置することができます。 ブログやホー...
Contact Form7にreCAPTCHAでスパム対策する方法
先日まだほとんど稼働していないサイトに設置したContact Form 7から、スパムと思われるメールが届きました。Akismetでも対策しましたが、reCAPTCHAでもスパム対策をしてみました。 ...
301 Moved Permanently