Résumé IA
Souhaitez-vous que votre reCAPTCHA corresponde au thème sombre de votre site web ? Bien que le reCAPTCHA Checkbox v2 de Google soit livré avec un thème clair par défaut, vous pouvez facilement passer à un thème sombre à l'aide d'un simple extrait de code JavaScript. Cette amélioration est parfaite pour les sites aux palettes de couleurs sombres ou lorsque vous souhaitez un look plus sophistiqué.
Ce guide vous montrera comment changer le thème de votre reCAPTCHA de clair à sombre.
Comprendre les thèmes reCAPTCHA
Par défaut, reCAPTCHA s'affiche avec un thème clair. Cependant, Google fournit une option de thème sombre intégrée que vous pouvez activer en modifiant simplement un attribut.
Ce changement de thème s'applique à :
- Google Checkbox reCAPTCHA v2
- reCAPTCHA v2 Invisible
- hCAPTCHA
Prérequis
Avant de changer le thème, assurez-vous d'avoir :
- Créé un formulaire dans WPForms. Si vous avez besoin d'aide, consultez notre guide sur comment créer un formulaire.
- Configuré reCAPTCHA sur votre formulaire. Pour les instructions de configuration, consultez notre documentation sur la configuration de reCAPTCHA dans WPForms.
- Activé Google Checkbox v2 reCAPTCHA dans l'onglet Paramètres » Protection contre le spam et sécurité de votre formulaire.
Ajout du code de changement de thème
Pour passer au thème sombre, ajoutez cet extrait de code à votre site. Si vous avez besoin d'aide pour ajouter du code personnalisé, veuillez consulter notre tutoriel sur l'ajout d'extraits de code.
Ce code fonctionne en ajoutant un attribut data-theme="dark" à l'élément reCAPTCHA. Pour des options de personnalisation supplémentaires, vous pouvez vous référer au Guide du développeur reCAPTCHA de Google.
Une fois le code ajouté à votre site, le thème de votre captcha sera désormais défini sur Sombre.
Et voilà ! Vous avez réussi à changer le thème du captcha de Clair à Sombre. Ensuite, souhaitez-vous personnaliser l'apparence du texte de votre formulaire ? Consultez notre guide sur la mise en style du texte de substitution pour les champs de formulaire.