[turnstile theme:light] ?
-
Thanks for adding the new Cloudflare Turnstile integration.
I note that by default, all are added using the dark theme by default.
Some pages need dark, but others need light.I tried using the code:
[turnstile theme:light]following the syntax of the documented use of
[turnstile size:compact]and the documentation at: https://developers.cloudflare.com/turnstile/get-started/client-side-rendering/#appearance-modes, but “theme:light” does not work.
How do I get a CF7 form to display a “light” version of Turnstile?
Thank you
-
For anyone finding this thread, and needing fast help to get this done. Here is the updated code to the …/contact-form7/modules/turnstile/turnstile.php
/**
* The Turnstile form-tag handler.
*/
function wpcf7_turnstile_form_tag_handler( $tag ) {
$service = WPCF7_Turnstile::get_instance();
if ( ! $service->is_active() ) {
return;
}
return sprintf(
'<div %s></div>',
wpcf7_format_atts( array(
'class' => 'wpcf7-turnstile cf-turnstile',
'data-sitekey' => $service->get_sitekey(),
'data-action' =>
$tag->get_option( 'action', '[-0-9a-zA-Z_]{1,32}', true ),
'data-size' =>
$tag->get_option( 'size', '(normal|flexible|compact)', true ),
// Add the following line for the theme option
'data-theme' =>
$tag->get_option( 'theme', '(light|dark|auto)', true ),
'data-response-field-name' => '_wpcf7_turnstile_response',
) )
);
}How to Use the New Option…
With this change in place, you can now use the
themeoption in your Contact Form 7 form editor like this:- For a dark theme:
[turnstile theme:dark] - For a light theme:
[turnstile theme:light]
I hope in some small way this helps someone.
Update: Make a backup of the original, before editing 😉
- For a dark theme:
The topic ‘[turnstile theme:light] ?’ is closed to new replies.
