Tous les éléments n'appartiennent pas devant chaque visiteur Une bannière “Sign up” est du bruit pour les membres connectés, une promo du week-end n'a pas d'activité à afficher le mardi et une carte de barre latérale pourrait n'avoir de sens que sur les articles de blog Le Conditions d'affichage extension dans Modules complémentaires principaux pour Elementor gère tout cela : règles sur tout élément qui décide quand il rend et quand il reste caché.
Vous construisez les règles directement sur l'onglet Avancé du widget, les combinez avec la logique ET ou OU, et l'élément s'affiche uniquement lorsque les règles passent Pas de code, et pas de plugin séparé pour les bases de restriction de contenu.
Ce que fait l'extension Conditions d'affichage #
Une fois activé, chaque élément Élémenteur obtient un Conditions d'affichage section sous le Avancé onglet. Allumez-le, ajoutez une ou plusieurs conditions, et l'élément ne se rend que lorsqu'elles sont remplies Chaque condition est une règle en trois parties : que vérifier, un Est /N'est pas opérateur, et la valeur.
Les types de conditions couvrent quatre groupes :
- Visiteur: État de connexion, rôle de l'utilisateur, système d'exploitation et navigateur.
- Date et heure : Plage de dates, heure du jour et jour de la semaine.
- Célibataire: Page, publication, page statique, type de message et publication comporte un terme.
- Archives: Archives de taxonomie, page d'archives de termes, archives de types de messages, archives de dates, archives d'auteurs et résultats de recherche.
Avant de commencer #
- WordPress avec Élémenteur installé et actif.
- Modules complémentaires principaux pour Elementor installé et actif. Nouveau au plugin ? Suivez le guide d'installation d'abord.
- Conditions d'affichage est une extension gratuite, donc aucune licence Pro n'est requise.
Comment activer l'extension Conditions d'affichage #
Depuis votre tableau de bord WordPress, rendez-vous sur Additions maîtres et ouvrez le Extensions onglet. Les conditions d'affichage se trouvent dans le Widgets dynamiques groupe avec un badge Featured, à côté de Lien d'emballage et Balises dynamiques. Cliquez sur sa bascule pour qu'elle devienne violette, puis frappez Enregistrer Modifications et attendez l'avis de” vert “Settings enregistré avec succès.
Ajouter des conditions à un élément #
Sélectionnez l'élément dans l'éditeur Elementor, ouvrez le Avancé onglet, et développez le Conditions d'affichage section avec le badge violet MA. Retourner Conditions d'affichage à Oui et les contrôles apparaissent :
- HTML de sortie : désactivé par défaut, un élément caché est donc entièrement ignoré. Allumez-le et le HTML se charge toujours mais reste caché avec CSS, ce qui est important si les scripts de la page s'attendent à ce que le balisage existe.
- Afficher sur: la logique entre plusieurs règles. Toutes conditions remplies (ET) exige que chaque règle soit adoptée ; Toute condition remplie (OU) affiche l'élément quand au moins un le fait.
- Conditions: une liste de répéteurs. Cliquez Ajouter un élément pour chaque nouvelle règle.
Choisissez un type de condition #
Ouvrez une condition et la première liste déroulante répertorie tout ce que vous pouvez vérifier, regroupé en Visiteur, Date et heure, Single et Archive.
Exemple : afficher uniquement aux visiteurs déconnectés #
Définir la règle sur Login Statut, N'est pas, Connecté. Une carte d'inscription avec cette règle disparaît pour les membres et continue de lancer tout le monde. Retournez l'opérateur vers Is, et la même carte devient réservée aux membres.
Exemple : limite par type de poste #
UN Type de poste règle avec l'opérateur Is or Is conserve un élément sur, ou hors, des types de contenu spécifiques Laisser la valeur vide pour correspondre à n'importe quel type de publication, comme le dit l'indice du panneau Empilez-le avec plus de règles via Ajouter un élément, et rappelez-vous que l'affichage sur le paramètre décide s'ils se combinent en tant que ET ou OU.
Le résultat sur la page #
Publier et charger la page comme quelqu'un qui échoue à la règle L'élément est parti : dans la démo la première carte d'une rangée de trois cartes est masquée, et les deux autres s'affichent comme d'habitude.
Avec Output HTML désactivé, la carte cachée n'est pas du tout dans la source de la page Le serveur ne l'a jamais envoyé en premier lieu.
Où les conditions d'affichage gagnent leur vie #
- Contenu membre. Afficher les boutons de téléchargement aux utilisateurs connectés, les emplacements d'inscription à tout le monde.
- Promos programmées. Une règle de plage de dates ou de jour de la semaine exécute la bannière du week-end sans que vous touchiez la page le lundi.
- Tableaux de bord basés sur les rôles. Les règles de rôle de l'utilisateur affichent uniquement les raccourcis administrateur vers les administrateurs.
- Bizarreries du navigateur et du système d'exploitation. Cacher un élément qui se comporte mal dans un navigateur au lieu de le déboguer à minuit.
- Réglage fin du modèle. Les règles de page, de type de publication et d'archive permettent à un modèle de transporter des sections qui n'apparaissent qu'à leur place.
Tutoriel Vidéo #
Consultez les règles construites bout à bout, depuis l'activation de l'extension jusqu'à une carte qui se cache.
Foire aux questions #
Comment afficher ou masquer un élément Elementor pour les utilisateurs connectés ?
Activez l'extension Conditions d'affichage, ouvrez l'onglet Avancé de l'élément et ajoutez une condition Statut de connexion Définissez-le sur Est connecté pour afficher l'élément uniquement aux membres, ou N'est pas connecté pour l'afficher uniquement aux invités.
Quelles conditions puis-je utiliser pour contrôler la visibilité ?
État de connexion, rôle de l'utilisateur, système d'exploitation, navigateur, plage de dates, heure du jour, jour de la semaine, page, publication, page statique, type de message, message a un terme et vérifications d'archives telles que les archives de taxonomie, les archives d'auteurs et les résultats de recherche. Chacun prend un opérateur Is ou Is not.
Puis-je combiner plusieurs conditions sur un élément ?
Oui. Ajoutez autant de règles que vous en avez besoin avec Ajouter un élément, puis définissez Affichage sur Toutes les conditions remplies (ET) ou Toute condition remplie (OR).ET nécessite que chaque règle soit adoptée, tandis que OU affiche l'élément quand au moins une règle le fait.
Un élément caché se charge-t-il toujours dans la page HTML ?
Par défaut, non : l'élément est ignoré côté serveur et n'atteint jamais le navigateur Activez la bascule HTML de sortie si vous souhaitez que le balisage soit présent mais caché avec CSS, dont certains scripts ont besoin pour trouver l'élément dans le DOM.
L'extension Conditions d'affichage est-elle gratuite ?
Oui. Conditions d'affichage est livré avec la version gratuite de Master Addons for Elementor, dans le groupe Dynamic Widgets de l'onglet Extensions. Le page de tarification couvre ce que les plans Pro ajoutent.
Envelopper #
L'extension Conditions d'affichage transforme chaque élément Elementor en contenu conditionnel : choisissez ce qu'il faut vérifier, définissez Is or Is et laissez la logique AND/OR gérer le reste. Les invités voient le pitch, les membres voient le contenu et la bannière du week-end s'éteint d'elle-même. Il se combine bien avec Balises dynamiques dans les modèles, et le reste du Widgets et extensions Master Addons couvrir les autres lacunes dans l'éditeur gratuit.
