自分自身の備忘録として。

この記事では、SWELL × Contact Form 7環境で、reCAPTCHAバッジを「お問い合わせページのみに表示」する方法を解説します。

 

 前提条件

  • WordPressテーマ：SWELL
  • フォームプラグイン：Contact Form 7（CF7）
  • reCAPTCHAバージョン：v3（右下にバッジが出るタイプ）
  •  

 

作業手順

1. Google reCAPTCHA のサイトキーとシークレットキーを取得

  1. Google reCAPTCHA 管理ページ にアクセス
  2. ドメインを登録（例：yourdomain.com）
  3. バージョンを選択（v2（チェックボックス型） or v3（バッジ表示・非表示可））
  4. 「サイトキー」「シークレットキー」が表示されるのでコピーしておく

 

 

2. WordPressにキーを設定する

  1. WordPress管理画面 → 「お問い合わせ」→「インテグレーション」
  2. 「reCAPTCHA」セクションの「インテグレーションのセットアップ」をクリック
  3. 上記で取得した「サイトキー」「シークレットキー」を入力
  4. 変更を保存

サイトキーとシークレットキーを入力して保存

 

 

3. お問合せフォームページでのみ、reCAPTCHAバッジを表示

reCAPTCHA v3を使うと、バッジ（reCAPTCHAのマーク）が全ページで画面右下に表示されます。

ここではreCAPTCHAバッジ（v3）を「お問い合わせページのみ」に表示して、それ以外のページではreCAPTCHAスクリプトの読み込みを防ぐ（高速化＆デザイン崩れ防止）ように設定します。

 

 

 

functions.phpで制御

以下のコードを、子テーマの functions.php に追加してください。

function load_recaptcha_js() {// 「お問い合わせページのスラッグ」に置き換える（例："contact"） if ( ! is_page( 'contact' ) ) {  wp_deregister_script( 'google-recaptcha' ); }}add_action( 'wp_enqueue_scripts', 'load_recaptcha_js',100 );

 

 

完了

これでお問い合わせページのみでreCAPTCHA v3を読み込ませることができます！！

作業完了！

 

 

 

SWELLを活用したサイト制作・SEO相談、承っています！

この記事をここまで読んでいただき、
「SWELLいいな！」「自分でも使ってみたいかも」「こういうサイト作りたい」と思った方へ。

 

僕は普段、SWELLを活用したコーポレートサイト制作やSEO支援を中心に、
企業様・個人事業主の方のWebまわりをサポートしています。

 

✅ SWELLを使ったコーポレートサイト制作
→ 設計・デザイン・公開までまるっとお任せください。この記事で紹介した事例のようなサイト、作れます。

 

✅ SWELLのちょっとしたカスタマイズ相談
→ フォント調整・余白調整・レイアウト調整・表示条件の設定など、ピンポイントでの対応OKです！

 

✅ SEOコンサルティング
→ キーワード設計・競合分析・内部対策の見直しまで幅広くご対応します。SWELLで作ったホームページからのお問合せが欲しい方は是非ご相談ください。


お気軽にご連絡ください↓

 

メールアドレス：hikaru-web@hikaru-hongo.net