Chargement du style WPForms sur des pages spécifiques

Souhaitez-vous contrôler quand le CSS de WPForms se charge sur votre site ? Par défaut, WPForms applique l'option sélectionnée Inclure le style du formulaire globalement. 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 vous montrerons comment utiliser le filtre wpforms_setting pour charger le Style de base et le thème du formulaire WPForms 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 souhaitée, assurez-vous que l'option Inclure le style du formulaire est définie sur Style de base et thème du formulaire sous WPForms » Paramètres » Général.

Chargement conditionnel du style du formulaire

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

Si vous préférez le charger uniquement 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 le filtre wpforms_setting pour vérifier si la page actuelle correspond à l'ID donné.
• Si la condition est vraie, il définit l'option CSS sur '1', ce qui charge le CSS de WPForms.
• Sur toutes les autres pages, il renvoie '3', ce qui désactive complètement le CSS de WPForms.

Vous pouvez remplacer 123 par l'ID de n'importe quelle page où vous souhaitez que le style WPForms se charge.

Et voilà ! Vous savez maintenant quand contrôler le chargement du style WPForms en utilisant un simple filtre.

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