ナビゲーションに移動ホームページ制作・CMS構築・ウェブシステム開発を中心とした名古屋の制作会社です。WordPressでのサイト構築・カスタマイズならお任せください。v3のバッジを邪魔にならずに表示させる方法WEBサイトにお問い合わせフォームを設置していると、フォーム経由で送られてくるスパムメールにお困りの方も多いのではないでしょうか。reCAPTCHAです。reCAPTCHAを問い合わせフォームなどに設置することで、スパムメールをぐっと減らすことが期待できます。ついてまず簡単にご紹介します。v2(バージョン2)では「私はロボットではありません」とのメッセージとチェックボックスがあり、チェックを入れることで認証が行われていました。問い合わせフォームなどで今でも時々見かけますね。現在のバージョンのv3が正式に公開されたのは2018年10月29日、約1年前です。reCAPTCHAのバッジ(ロゴ)が表示されるようになりました。バッジをクリックすると「reCAPTCHAで保護されています」と出てきます。人の入力のみを受け付ける仕組みとなっています。v3のバッジ(ロゴ)が邪魔になるケース例えば、ページ右下にページトップに戻るボタンを設定していると、このように被って表示されてしまいます。以下のように記述するなど、CSSのカスタマイズによりreCAPTCHAのバッジの表示箇所をずらす対応が必要です。7の「インテグレーション」を利用すれば、reCAPTCHAの設定は簡単にできます。あれば、v3に対応しています。設定を行うと、現時点ではサイトの全ページ右下にバッジが表示されてしまいます。フォームページのみの表示としたい場合は、functions.phpの編集が必要なようです。WordPress」を使ってフォームページにのみバッジを表示させ、且つ、以下のように邪魔にならないようにページ内に埋め込む方法を試してみましょう。インテグレーションでv3の設定を行っている場合は、設定が重複してしまうため、事前に上記の画面でサイトキーとシークレットキーを削除しておいてください。Key)を取得する手順を以下にご案内します。reCATCHAのページにアクセスします。console」ボタンをクリックしてください。新しいサイトを登録するには「+」マークをクリックします。v3を選択ドメイン:設定したいドメインを入力。そのドメインにサブドメインが設定されていれば、サブドメインも自動的に登録対象となるオーナー:ログインしたGoogleアカウントのメールアドレスが表示される。利用条件に同意し、「アラートをオーナーに送信する」にチェックが入っていることを確認し「送信」ボタンをクリックしてください。サイトキーとシークレットキーが表示されますので、控えてください。WordPress】と入力しインストール後、有効化してください。reCAPTCHA】が追加されますのでクリックしてください。各設定Settingsまず「Settings」の画面で設定する項目は以下です。Left(ページ左下)」「Inline(フォームに埋め込み)」より選択。邪魔にならないInlineがおすすめ設定後「変更を保存」ボタンをクリックしてください。Forms」をクリックして設定画面を切り替えてください。7の保護を有効にする)」にのみチェックして「変更を保存」ボタンをクリックしてください。ちなみにこのプラグインでは、画面を切り替えることで以下の設定ができます。WordPressWooCommerceUltraCommunityBuddyPressここでは、合わせて「WordPress」についてもご紹介しておきます。それ以外は今回は省略します。ログイン画面の「パスワードをお忘れですか?」をクリックで表示されるパスワードフォームそれぞれ必要に応じて設定することが可能です。フォームページで表示を確認では、フォームページで表示を確認してみましょう。「Inline」を選択すると、こんな風に邪魔にならない位置に表示できます。キーの設定と表示箇所の設定が簡単に行えますので、ぜひお試しください。設定する方法については、以下の記事を参考にしてください。問い合わせスパムにうんざり。カオリ某レンサバ会社に時々勤務しつつ、株式会社ベクトルにてWordPressの修行中。今はチームで働くのが楽しいフリーのWEBデザイナー&フォトグラファー。Instagramは毎日postしていて800日以上継続中。WordPress公式ディレクトリに登録されているカスタマイズ性の高いテーマです。デモデータも配布されているので、ビジネスサイトの雛形が数分でセットアップできます。書き込み大歓迎です!ユーザー同士の交流や意見交換の場としてもお気軽にご参加ください。※質問はフォーラムでのみ対応となります。採用情報スタッフブログお知らせ。