Carregando o estilo do WPForms em páginas específicas

Gostaria de controlar quando o CSS do WPForms é carregado em seu site? Por padrão, o WPForms aplica a opção Include Form Styling selecionada globalmente. No entanto, você pode usar um filtro PHP simples para carregar ou desativar condicionalmente o estilo do formulário em páginas específicas.

Neste tutorial, mostraremos a você como usar o wpforms_setting filtro para carregar WPForms Estilo do tema Base e Form somente em determinadas páginas.

Criando o formulário

Primeiro, crie um formulário e publique-o em uma de suas páginas.
Se precisar de ajuda para criar um formulário, consulte nosso guia sobre como criar seu primeiro formulário.

Depois de adicionar o formulário à página desejada, verifique se a opção Incluir estilo de formulário está definida como Estilo de tema de formulário e base em WPForms " Configurações " Geral.

Carregando condicionalmente o estilo do formulário

Por padrão, o WPForms carrega seu CSS em todas as páginas em que um formulário é exibido.

Se preferir carregá-lo somente em páginas específicas, você pode usar o seguinte trecho de código.

add_filter( 'wpforms_setting', function( $value, $key, $default, $option ) {
    if ( $key === 'disable-css' ) {
        // Example: only load WPForms CSS on page ID 123.
        if ( is_page( 123 ) ) {
            return '1';
        } else {
            return '3';
        }
    }
    return $value;
}, 10, 4 );

Como funciona

• O snippet usa o wpforms_setting para verificar se a página atual corresponde ao ID fornecido.
• Se a condição for verdadeira, ele definirá a opção CSS como '1'que carrega o CSS do WPForms.
• Em todas as outras páginas, ele retorna '3'que desativa totalmente o CSS do WPForms.

Você pode substituir 123 com o ID de qualquer página onde você deseja que o estilo do WPForms seja carregado.

E é isso! Agora você sabe como controlar quando o estilo do WPForms é carregado usando um filtro simples.

Em seguida, você gostaria de aprender a personalizar o estilo do botão Enviar ou adicionar seu próprio CSS personalizado para WPForms? Esses tutoriais o ajudarão a levar o estilo do formulário ainda mais longe.