Carga de estilos WPForms en páginas específicas

¿Le gustaría controlar cuando se carga el CSS de WPForms en su sitio? Por defecto, WPForms aplica la opción Incluir estilo de formulario seleccionada globalmente. Sin embargo, puede usar un simple filtro PHP para cargar o deshabilitar condicionalmente el estilo de formulario en páginas específicas.

En este tutorial, le mostraremos cómo utilizar la función wpforms_setting filtro para cargar WPForms Estilización de temas base y formularios sólo en determinadas páginas.

Creación del formulario

En primer lugar, crea un formulario y publícalo en una de tus páginas.
Si necesitas ayuda para crear un formulario, consulta nuestra guía sobre cómo crear tu primer formulario.

Una vez que haya agregado su formulario a la página deseada, asegúrese de que la opción Incluir estilo del formulario esté configurada en Base y estilo del tema del formulario en WPForms " Configuración " General.

Estilo de formularios de carga condicional

Por defecto, WPForms carga su CSS en todas las páginas donde se muestra un formulario.

Si prefiere cargarlo sólo en páginas específicas, puede utilizar el siguiente 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 );

Cómo funciona

• El fragmento utiliza la función wpforms_setting para comprobar si la página actual coincide con el ID dado.
• Si la condición es verdadera, establece la opción CSS en '1'que carga el CSS de WPForms.
• En todas las demás páginas, devuelve '3'que desactiva completamente el CSS de WPForms.

Puede sustituir 123 con el ID de cualquier página en la que desee que se cargue el estilo WPForms.

Y ya está. Ahora usted sabe cómo controlar cuando WPForms cargas de estilo mediante el uso de un filtro simple.

A continuación, ¿le gustaría aprender a personalizar el estilo del botón de envío o añadir su propio CSS personalizado para WPForms? Estos tutoriales le ayudarán a llevar el estilo del formulario aún más lejos.