PR

reCAPTCHAをCSSで中央(センター)に配置する方法

WordPress

「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でもスパム対策をしてみました。 ...
Contact Form7にAkismetでスパム対策する方法
先日まだほとんど稼働していないサイトに設置したContact Form 7から、スパムと思われるメールが届きました。特に細かい設定をせずに使っていたのですぐに対策しました。届いたメールはプログラミング...
タイトルとURLをコピーしました