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

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

Neste tutorial, vamos mostrar-lhe como utilizar o wpforms_setting filtro para carregar WPForms Estilo do tema Base e Formulário apenas em determinadas páginas.

Criar o formulário

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

Depois de adicionar o formulário à página pretendida, certifique-se de que a opção Incluir estilo do formulário está definida para Base e estilo do tema do formulário em WPForms " Definições " Geral.

Carregando condicionalmente o estilo do formulário

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

Se preferir carregá-lo apenas em páginas específicas, pode utilizar o seguinte fragmento 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, define a opção CSS como '1'que carrega o CSS do WPForms.
• Em todas as outras páginas, devolve '3', que desactiva totalmente o CSS do WPForms.

É possível substituir 123 com o ID de qualquer página onde pretende que o estilo WPForms seja carregado.

E é isso! Agora já sabe como controlar quando é que o estilo do WPForms carrega, utilizando um simples filtro.

Em seguida, 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.