Caricamento dello stile WPForms in pagine specifiche

Vuoi controllare quando il CSS di WPForms viene caricato sul tuo sito? Per impostazione predefinita, WPForms applica l'opzione selezionata Includi stile del modulo a livello globale. Tuttavia, puoi utilizzare un semplice filtro PHP per caricare o disabilitare condizionalmente lo stile del modulo in pagine specifiche.

In questo tutorial, ti mostreremo come utilizzare il filtro wpforms_setting per caricare lo Stile di base e del tema del modulo di WPForms solo in determinate pagine.

Creazione del modulo

Innanzitutto, crea un modulo e pubblicalo su una delle tue pagine.
Se hai bisogno di aiuto per creare un modulo, consulta la nostra guida alla creazione del tuo primo modulo.

Una volta aggiunto il modulo alla pagina desiderata, assicurati che l'opzione Includi stile del modulo sia impostata su Stile di base e del tema del modulo in WPForms » Impostazioni » Generali.

Caricamento condizionale dello stile del modulo

Per impostazione predefinita, WPForms carica il suo CSS su tutte le pagine in cui viene visualizzato un modulo.

Se preferisci caricarlo solo in pagine specifiche, puoi utilizzare il seguente snippet di codice.

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 );

Come Funziona

• Lo snippet utilizza il filtro wpforms_setting per verificare se la pagina corrente corrisponde all'ID fornito.
• Se la condizione è vera, imposta l'opzione CSS su '1', che carica il CSS di WPForms.
• In tutte le altre pagine, restituisce '3', che disabilita completamente il CSS di WPForms.

Puoi sostituire 123 con l'ID di qualsiasi pagina in cui desideri che lo stile di WPForms venga caricato.

E questo è tutto! Ora sai come controllare quando viene caricato lo stile di WPForms utilizzando un semplice filtro.

Successivamente, vorresti imparare come personalizzare lo stile del pulsante di invio o aggiungere il tuo CSS personalizzato per WPForms? Questi tutorial ti aiuteranno a portare lo stile dei moduli ancora più lontano.