NO IMAGE

【Google reCAPTCHA】のロゴを特定のページだけに表示する手順『動画解説あり』

悩む人のイラスト
「Google reCAPTCHA」のロゴが邪魔!
お問い合わせページだけに表示したいなぁ。
どうやって設定すればいいの?

そのお悩みを解決します。

たけちん
こんにちは!

今回は、ワードプレスのセキュリティー対策です。

WordPressのスパム対策『Google reCAPTCHA』のbadge(バッジ・ロゴ)を、特定のページだけに表示する手順を解説しています。

ワードプレスの『functions.php』というファイルに「ソースコード」をコピペし、少し修正するだけ。

初心者の方でも簡単に出来るようにしています。

この記事の内容は、当サイトで実証済みです。

たけちん
当サイトと同じテーマ(THE THOR)をご利用なら
更に安心です(^_^)

『Google reCAPTCHA』の「サイトキー」と「シークレットキー」を発行する手順はコチラ!

Google reCAPTCHAの機能

ログインフォームやお問い合わせフォームなど、悪質なbot等による不正アクセスからWebサイトを守ります。

 この記事の信頼性

システムエンジニアが実際に試した(体験した)内容を記述し、重要な部分を含めて解説しています!

★プロフィール★

 当サイトの運営環境

ロゴを特定のページだけに表示する手順

【YouTube動画】

reCAPTCHAのロゴを「お問い合わせページ」だけに表示にする手順

たけちん
手順は以下の通りです。
少しだけ慎重に、サクッと終わらせましょう!

 この記事の手順

  1. WordPressのテーマエディターを開く
  2. ソースコードの記述
  3. 『Google reCAPTCHA』ロゴの表示確認

①:WordPressのテーマエディターを開く

❶ ワードプレスの【外観】→【テーマエディター】をクリックします。

reCAPTCHAのバッジをカスタマイズする手順01
【タップ・クリックで画像拡大】

❷ ご利用中のテーマの『子テーマ』を選択し、【functions.php】をクリックします。

reCAPTCHAのバッジをカスタマイズする手順02

②:ソースコードの記述

❶ 『functions.php』に下記のソースコードをコピペして修正、最後に【ファイルを変更】をクリックします。

 【コピペでOK!】

reCAPTCHAのバッジをカスタマイズする手順03

ソースコードを拡大

reCAPTCHAのバッジをカスタマイズする手順04
ソースコード拡大

 ソースコード①

(1ページだけに表示する場合)

コード表示
(ここをクリックorタップ)
Copy
//reCAPTCHAロゴをお問い合わせフォームのみに表示する
add_action( 'wp_enqueue_scripts', function() {
if(is_page('contact')) return;
wp_deregister_script( 'google-recaptcha' );
}, 100, 0);

 ソースコード②

(複数ページに表示する場合)

コード表示
(ここをクリックorタップ)
Copy
//reCAPTCHAロゴを複数のページに表示する
if(is_page(array('contact','entry','info')) || is_singular( array( 'web_knowhow', 'wp_result' ))){
return;
}
たけちん
上記のソースコードをコピペしたら、
下記のように、自分のサイトに合わせて修正しましょう。

コピペした後、各自で修正する箇所

【ロゴを表示させるページのパーマリンク】

上記ソースコードの『contact』部分を書き換えます。
【例】
お問い合わせページ(固定ページ)
URL:「https://tkc-office.net/otoiawase/」
→『otoiawase』に修正します。

【投稿ページで作成したページの場合】

is_page』→『is_single』に修正します。

たけちん
修正が終わったら必ず
ファイルを更新】をクリックして下さいね!

③:『Google reCAPTCHA』ロゴの表示確認

たけちん
全てのページを確認してみましょう!

「お問い合わせページ」以外は表示されなくなります。
※ソースコード②の場合

お問い合わせページ以外

reCAPTCHAのバッジをカスタマイズする手順05

お問い合わせページ

reCAPTCHAのバッジをカスタマイズする手順06

たけちん
お問い合わせページ以外は『Google reCAPTCHA』のバッジ(ロゴ)が消えました。

バッジ(ロゴ)が邪魔な時は『表示位置を調整する方法』をご覧くださいませ。

全てのページから『Google reCAPTCHA』のバッジ(ロゴ)表示を消す方法はコチラの記事で解説しています。

FAQ(よくある質問)

指定したページにロゴが表示されません。
ページのパーマリンクを確認してください。
また、固定ページと投稿ページによっても違いがありますので、「手順②-❸」修正箇所を確認してください。

Contact Form 7』のインストール手順はコチラの記事で詳しく解説しています。

関連記事

  Google AdSenseに合格したいので「お問い合わせページ」を作りたい。 時間がないから簡単に作りたいなぁ。 どうやって作ればいいの?   そのお悩みを解決します。  […]

ContactForm7のインストール&基本設定の手順-アイキャッチ
NO IMAGE
最新情報をチェックしよう!

大切なデータが突然消えた...( ̄O ̄;)

えっ...
二週間かけて作ったデータが消えた...
何が起こったのか理解出来ず、しばし呆然。
私の時間を返してくれ!
【時を巻き戻す術はなし】

そういう経験をした方は少なくないはず。

さぁ、ownCloudでデータを二重化しときましょう!
実際に0円で導入し、運用しています。
→ 無料お問い合わせはコチラから

TKCオフィス仙台は「ホームページ制作、運営」その他をサポートします。
→ Webサイト・ブログ開設の無料相談はコチラから

CTR IMG