WPForms-Styling auf bestimmten Seiten laden

Möchten Sie steuern, wann das WPForms-CSS auf Ihrer Website geladen wird? Standardmäßig wendet WPForms die ausgewählte Option Formular-Styling einschließen global an. Sie können jedoch einen einfachen PHP-Filter verwenden, um das Laden oder Deaktivieren des Formular-Stylings auf bestimmten Seiten bedingt zu steuern.

In diesem Tutorial zeigen wir Ihnen, wie Sie den wpforms_setting-Filter verwenden, um das Basis- und Formular-Theme-Styling von WPForms nur auf bestimmten Seiten zu laden.

Erstellen des Formulars

Erstellen Sie zuerst ein Formular und veröffentlichen Sie es auf einer Ihrer Seiten.
Wenn Sie Hilfe beim Erstellen eines Formulars benötigen, lesen Sie bitte unseren Leitfaden zur Erstellung Ihres ersten Formulars.

Sobald Sie Ihr Formular zur gewünschten Seite hinzugefügt haben, stellen Sie sicher, dass die Option Formular-Styling einschließen unter WPForms » Einstellungen » Allgemein auf Basis- und Formular-Theme-Styling gesetzt ist.

Bedingtes Laden von Formular-Styling

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

Wenn Sie es nur auf bestimmten Seiten laden möchten, können Sie den folgenden Code-Schnipsel 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 );

Funktionsweise

• Der Schnipsel verwendet den wpforms_setting-Filter, um zu prüfen, ob die aktuelle Seite mit der angegebenen ID übereinstimmt.
• Wenn die Bedingung wahr ist, wird die CSS-Option auf '1' gesetzt, was das WPForms-CSS lädt.
• Auf allen anderen Seiten gibt es '3' zurück, was das WPForms-CSS vollständig deaktiviert.

Sie können 123 durch die ID jeder Seite ersetzen, auf der das WPForms-Styling geladen werden soll.

Und das ist alles! Jetzt wissen Sie, wie Sie steuern können, wann das WPForms-Styling geladen wird, indem Sie einen einfachen Filter verwenden.

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