Caricamento dello stile di WPForms su pagine specifiche

Volete controllare quando il CSS di WPForms viene caricato sul vostro sito? Per impostazione predefinita, WPForms applica globalmente l'opzione Includi stile modulo selezionata. Tuttavia, è possibile utilizzare un semplice filtro PHP per caricare o disabilitare in modo condizionato lo stile del modulo su pagine specifiche.

In questa esercitazione verrà mostrato come utilizzare il metodo wpforms_setting per caricare WPForms Stilizzazione del tema base e del tema modulo solo su alcune pagine.

Creazione del modulo

Per prima cosa, creare un modulo e pubblicarlo su una delle pagine.
Se avete bisogno di aiuto per creare un modulo, consultate la nostra guida sulla creazione del vostro primo modulo.

Una volta aggiunto il modulo alla pagina desiderata, assicuratevi che l'opzione Includi lo stile del modulo sia impostata su Stile base e tema del modulo in WPForms " Impostazioni " Generale.

Caricamento condizionato dello stile del modulo

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

Se si preferisce caricarlo solo su pagine specifiche, si può usare il seguente frammento 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 metodo wpforms_setting per verificare se la pagina corrente corrisponde all'ID indicato.
• Se la condizione è vera, imposta l'opzione CSS a '1'che carica il CSS di WPForms.
• In tutte le altre pagine, restituisce '3'che disabilita completamente i CSS di WPForms.

È possibile sostituire 123 con l'ID della pagina in cui si vuole caricare lo stile di WPForms.

Ed ecco fatto! Ora sapete come controllare il caricamento dello stile di WPForms utilizzando un semplice filtro.

Volete poi imparare a personalizzare lo stile del pulsante di invio o aggiungere il vostro CSS personalizzato per WPForms? Questi tutorial vi aiuteranno ad approfondire lo stile dei moduli.