如果您正在使用Contact Form 7更新和最新版本(5.1.x版本)，您将需要安装、设置谷歌reCAPTCHA v3才能使用。

默认情况下，你得到谷歌reCAPTCHA徽标显示在屏幕右下方的每一页上。根据我们的评估，这给用户带来了不好的体验。和你的网站，博客会变慢一点(反映在PageSpeed分数)，你的网站将不得不从谷歌加载额外的1 JavaScript库来显示这个徽章。

您可以通过以下步骤从CF7隐藏谷歌reCAPTCHA v3(仅在必要时显示它):

首先，打开主题的functions.php文件(使用文件管理器或FTP客户端)。该文件位于:/wp-content/themes/your-theme/，并添加以下代码片段(我们使用此代码删除每页上的reCAPTCHA框):

    remove_action( 'wp_enqueue_scripts', 'wpcf7_recaptcha_enqueue_scripts' );

接下来，您将在页面中添加这段代码片段，您希望它显示谷歌reCAPTCHA(联系页面，登录，注册页面…):

if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {
    add_action( 'wp_enqueue_scripts', 'wpcf7_recaptcha_enqueue_scripts', 10, 0 );
}

参考OIW博客-如何从联系表单7中删除谷歌reCAPTCHA徽标(隐藏reCAPTCHA徽标)

如果您正在使用Contact Form 7更新和最新版本(5.1.x版本)，您将需要安装、设置谷歌reCAPTCHA v3才能使用。

默认情况下，你得到谷歌reCAPTCHA徽标显示在屏幕右下方的每一页上。根据我们的评估，这给用户带来了不好的体验。和你的网站，博客会变慢一点(反映在PageSpeed分数)，你的网站将不得不从谷歌加载额外的1 JavaScript库来显示这个徽章。

您可以通过以下步骤从CF7隐藏谷歌reCAPTCHA v3(仅在必要时显示它):

首先，打开主题的functions.php文件(使用文件管理器或FTP客户端)。该文件位于:/wp-content/themes/your-theme/，并添加以下代码片段(我们使用此代码删除每页上的reCAPTCHA框):

    remove_action( 'wp_enqueue_scripts', 'wpcf7_recaptcha_enqueue_scripts' );

接下来，您将在页面中添加这段代码片段，您希望它显示谷歌reCAPTCHA(联系页面，登录，注册页面…):

if ( function_exists( 'wpcf7_enqueue_scripts' ) ) {
    add_action( 'wp_enqueue_scripts', 'wpcf7_recaptcha_enqueue_scripts', 10, 0 );
}

参考OIW博客-如何从联系表单7中删除谷歌reCAPTCHA徽标(隐藏reCAPTCHA徽标)

注意:如果您选择隐藏徽章，请使用 .grecaptcha-badge{可见性:隐藏;｝

只要在用户流中可见地包含reCAPTCHA品牌，您就可以隐藏徽章。请包括以下文本:

此站点受reCAPTCHA和谷歌. com保护 <a href="https://policies.google.com/privacy">隐私策略</a> and <a href="https://policies.google.com/terms">服务条款</a>适用。

更多细节请点击这里

对于谷歌reCaptcha v3，常见问题解答如下:

只要包含reCAPTCHA，您就可以隐藏徽章 在用户流程中可见的品牌。请包括以下文本: 此站点受reCAPTCHA和谷歌. com保护 <a href="https://policies.google.com/privacy">隐私策略</a> and <a href="https://policies.google.com/terms">服务条款</a>适用。 例如: 注意:如果您选择隐藏徽章，请使用 .grecaptcha-badge{可见性:隐藏;｝

目前尚不清楚这是否适用于reCaptcha v2。我建议升级到v3，因为它对您的访问者来说是一个更好的体验。

将数据标记属性设置为内联

<button type="submit" data-sitekey="your_site_key" data-callback="onSubmit" data-badge="inline" />

并添加以下CSS

.grecaptcha-badge {
    display: none;
}

Matthew Dowell的帖子略有变化，避免了短闪光，但在接触形式7可见时显示:

div.grecaptcha-badge{
    width:0 !important;
}

div.grecaptcha-badge.show{
    width:256px !important; 
}

然后，我在子主题的header.php中添加了以下内容:

<script>
jQuery( window ).load(function () { 
    if( jQuery( '.wpcf7' ).length ){ 
        jQuery( '.grecaptcha-badge' ).addClass( 'show' );
    }
});
</script>