Chargement des styles de WPForms sur des pages spécifiques

Souhaitez-vous contrôler le chargement du CSS de WPForms sur votre site ? Par défaut, WPForms applique l'option Include Form Styling de manière globale. Cependant, vous pouvez utiliser un simple filtre PHP pour charger ou désactiver conditionnellement le style du formulaire sur des pages spécifiques.

Dans ce tutoriel, nous allons vous montrer comment utiliser la fonction wpforms_setting filtre pour charger les WPForms Thème de base et thème de formulaire uniquement sur certaines pages.

Création du formulaire

Tout d'abord, créez un formulaire et publiez-le sur l'une de vos pages.
Si vous avez besoin d'aide pour créer un formulaire, veuillez consulter notre guide sur la création de votre premier formulaire.

Une fois que vous avez ajouté votre formulaire à la page désirée, assurez-vous que l'option Include Form Styling est réglée sur Base and form theme styling sous WPForms " Settings " General.

Chargement conditionnel du style de formulaire

Par défaut, WPForms charge son CSS sur toutes les pages où un formulaire est affiché.

Si vous préférez ne le charger que sur des pages spécifiques, vous pouvez utiliser l'extrait de code suivant.

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

Comment ça marche

• L'extrait utilise l'option wpforms_setting pour vérifier si la page en cours correspond à l'identifiant donné.
• Si la condition est vraie, l'option CSS devient '1'qui charge le CSS de WPForms.
• Sur toutes les autres pages, il renvoie '3'qui désactive entièrement le CSS de WPForms.

Vous pouvez remplacer 123 avec l'ID de la page où vous souhaitez que le style WPForms soit chargé.

Et c'est tout ! Vous savez maintenant comment contrôler le chargement du style de WPForms en utilisant un simple filtre.

Ensuite, vous aimeriez apprendre comment personnaliser le style du bouton de soumission ou ajouter votre propre CSS personnalisé pour WPForms? Ces tutoriels vous aideront à aller encore plus loin dans la personnalisation des formulaires.