V3のロゴがすべてのページに?!wordpress2019.12.01この記事は約6分で読めます。スポンサーリンクお問い合わせフォームを作るにはいろんな方法があります。自分でタグを書いてもいいし、メールフォームのサービスを利用してもいいし。Form7」というプラグインでメールフォームがさくっとできるので便利です。Form7で作成しているのですが、プラグインを使うなら避けては通れない「更新」を行ったあと、reCAPTCHAが動作しなくなってしまったのです。Form7で作ったメールフォームをサイトに設置したところ、お問い合わせをいただくようになったのは良かったのですが、それに伴うかのようにスパムメッセージも届くようになってしまいました。Form7のタグの中にあった「承認要求」を設置し、チェックボックスをチェックしなければメールを送信できないようにしましたが、スパムメッセージを止めることができません。調べてみると「reCAPTCHA」を使うといいというのが分かり、さっそく導入してみたところ、スパムメッセージが減りました。Form7の更新が来たのでいつものように更新したところ、ある異変に気が付きました。メールフォームにrecapthaと文字だけが?!何気なく、お問い合わせページを見てみると、メールフォームの下に「recaptha」と文字だけが表示されてしまっていたのです。Form7に何かあったのかな?とWordPressのダッシュボードを確認すると、「お問い合わせ」に通知アイコンが表示されていたのです。Formのチェックをしなさいとのこと。Form7をチェックしてみたが異常なしと出る言われた通り、チェックしてみたのですが異常なしと表示されます。おかしいな、と思ってググってみると以下のサイトにヒントが。v3へ変更してくださいと表示された場合のv3への変更方法です。v3へ変更しましょう。Form7でインテグレーションを行うことで、reCAPTCHAが無事動作するようになりました。v3のロゴが?!ところが、このreCAPTCHAをv3に変更したところで、サイトのページすべてにreCAPTCHAのロゴが表示されるようになってしまったのです。右下にreCAPTCHAのボタンが表示されているこれ自体は正常な動作なのですが、reCAPTCHAのロゴがちょうどページのトップに移動するアイコンと重なってしまうし、PCサイトではさほど大きくないのですが、スマホで見たときのサイズが結構大きいんです。ググってみたところCSSで消すとかいろんな方法が見つかったのですが、それはそれで問題があるかもしれないと思いながら、いろんなサイトを見ていたところ、reCAPTCHAの設定ができるプラグインがあるというページを発見。WordPressというプラグインを使えばいいとありました。WordPressというプラグインをインストール・有効化してみることにしました。v3としてサイトを登録し、サイトキーとシークレットキーを取得しておきます。v2を使っていた人は、WordPressのダッシュボードから「お問い合わせ」から・コンタクトフォームを編集し、recapthaの行を削除し保存しておく・インテグレーションに設定してあるreCAPTCHAのサイトキーとシークレットキーを削除しておくようにしましょう。WordPressの設定方法WordPressのダッシュボードから「プラグイン」→「新規追加」とし、以下の文字列でプラグインを検索しましょう。WordPress見つけたらインストール・有効化しておきます。reCaptcha」をクリックし、先ほど取得しておいたサイトキーとシークレットキーを設定します。その下の選択項目は、Japanese、inlineを選択し設定を保存します。これでreCAPTCHA自体の設定は完了です。次に、どこにreCAPTCHAのボタンを表示させるかという設定を行います。「WordPress」をクリックします。すべてのチェックボックスにチェックを入れてもいいらしいのですが、ログインなどがうまくいかなくなると困るのでコメント欄にだけreCAPTCHAのボタンを表示させることにしました。必要なところにチェックを入れてから設定を保存します。Form」をクリックするとプラグイン名がふたつ並んでいます。Form7」ですので、そちらにチェックを入れて設定を保存しました。ページを確認するとすべてのページの右下に表示されていたreCAPTCHAのボタンが表示されなくなっています。v3を設定することになるプラグインの更新。何も考えずに更新するといろいろハプニング...じゃないな、新しく導入された機能とかがないか確認してからプラグインは更新したほうがいい、ということを今回学びましたね。Form7を導入しているサイトはすべて対応できました。reCAPTCHAがすべてのページに表示されても問題ない人もいるだろうし、わたしのようにすべてじゃなくてもいい、と考える人もいると思いますので、備忘録も兼ねて投稿しておきます。wordpressWordpressスポンサーリンクスポンサーリンクこちらの記事もよく読まれています【Cocoon】ブロックエディターの使い方。2019.10.31WordPressのパーマリンク設定。V3のロゴがすべてのページに?!2019.01.162019.12.01WordPress5.3がリリース。最新情報をお届けします。シェアするTwitterFacebookはてブLINEPinterestKiyomiをフォローするこの記事を書いた人Kiyomiホームページ開設・運用、リニューアルのご相談や、SNS・ブログの運用サポート、市民活動団体のIT活用提案・サポート、Webライティングを行っています。県内各所にてパソコン操作講習会やSNS活用セミナーなどの講師もしています。views2019.03.222019.07.14Windows10のメールアプリ。views2017.06.132019.06.20categoryホームページ制作11ホームページ作成サービス9wordpress17Facebook22SNSの使い方11アメブロ7ブログのアクセスアップ11ブログ収益化7Adobe5仕事術14講師・インストラクター26今日のご相談14フリーランス11NPOのこと4個人的なこと。entryiPhoneやiPadでサービスを定期購入する「サブスクリプション」はよく考えてから2020.01.27Pinterst(ピンタレスト)は情報収集に便利。アイデアの深掘りやシェアにも使える。ライティング使っています使っていますブログランキングブログランキングに参加しています。views2019.03.222019.07.14Windows10のメールアプリ。views2017.06.132019.06.20categoryホームページ制作11ホームページ作成サービス9wordpress17Facebook22SNSの使い方11アメブロ7ブログのアクセスアップ11ブログ収益化7Adobe5仕事術14講師・インストラクター26今日のご相談14フリーランス11NPOのこと4個人的なこと。entryiPhoneやiPadでサービスを定期購入する「サブスクリプション」はよく考えてから2020.01.27Pinterst(ピンタレスト)は情報収集に便利。アイデアの深掘りやシェアにも使える。ライティング使っています使っていますブログランキングブログランキングに参加しています。