Laden von WPForms-Styling auf bestimmten Seiten

Möchten Sie steuern, wenn WPForms CSS lädt auf Ihrer Website? Standardmäßig gilt WPForms die ausgewählte Option Include Form Styling global. Allerdings können Sie einen einfachen PHP-Filter verwenden, um bedingte laden oder deaktivieren Form Styling auf bestimmten Seiten.

In diesem Lernprogramm zeigen wir Ihnen, wie Sie die wpforms_setting Filter zum Laden von WPForms Basis- und Formularthema-Styling nur auf bestimmten Seiten.

Erstellen des Formulars

Erstellen Sie zunächst ein Formular und veröffentlichen Sie es auf einer Ihrer Seiten.
Wenn Sie Hilfe beim Erstellen eines Formulars benötigen, lesen Sie bitte unsere Anleitung zum Erstellen Ihres ersten Formulars.

Sobald Sie Ihr Formular auf der gewünschten Seite hinzugefügt haben, vergewissern Sie sich, dass die Option Include Form Styling auf Base and form theme styling unter WPForms " Settings " General eingestellt ist.

Bedingt ladendes Formularstyling

Standardmäßig lädt WPForms seine CSS auf allen Seiten, auf denen ein Formular angezeigt wird.

Wenn Sie es vorziehen, es nur auf bestimmten Seiten zu laden, können Sie den folgenden Codeschnipsel verwenden.

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

Wie es funktioniert

• Das Snippet verwendet die wpforms_setting Filter, um zu prüfen, ob die aktuelle Seite mit der angegebenen ID übereinstimmt.
• Wenn die Bedingung erfüllt ist, wird die CSS-Option auf '1'die das WPForms-CSS lädt.
• Auf allen anderen Seiten gibt sie '3'die das CSS von WPForms vollständig deaktiviert.

Sie können ersetzen 123 mit der ID einer beliebigen Seite, auf der das WPForms-Styling geladen werden soll.

Und das war's! Jetzt wissen Sie, wie Sie mithilfe eines einfachen Filters steuern können, wann das WPForms-Styling geladen wird.

Möchten Sie als Nächstes lernen, wie Sie das Styling der Submit-Schaltfläche anpassen oder Ihr eigenes benutzerdefiniertes CSS für WPForms hinzufügen können? Diese Tutorials helfen Ihnen, das Styling von Formularen noch weiter zu verbessern.