Actualités WordPress, CSS & Webdesign, OceanWP & Elementor.

Dynamic Conditions for Elementor est une extension qui complète les éléments et widgets du constructeur de page Elementor avec une logique conditionnelle pour afficher et masquer ces derniers selon des conditions dynamiques.

Depuis la mise en place du thème builder avec Elementor PRO vous pouvez créer des pages modèles dynamiques pour les articles, les archives, les produits ou simplement des pages. La complexité du constructeur de page peut dérouter parfois mais sa puissance vous permet de mettre en place le rêve de tout développeur WordPress : créer des modèles de pages qui ne soient pas accessibles à l’utilisateur.

Un vide dynamique enfin comblé pour Elementor PRO

En ce qui concerne le contenu dynamique avec Elementor, la capacité à utiliser la logique conditionnelle fait cruellement défaut. Désormais, avec l’extension gratuite Dynamic Conditions for Elementor, il est possible de créer des sites Web puissants utilisant ACF, Pods, Toolset ou Jet Engine et contrôler exactement les informations affichées avec l’utilisation de conditions dynamiques.

Ainsi vos clients ne pourront modifier votre design. Ceci dit l’interface de Gutenberg refroidit vite l’enthousiasme de cette situation (c’est moins évident avec TinyMCE). Une bonne solution c’est d’adjoindre l’extension ACF à Elementor PRO, et pour compléter ce duo l’extension Dynamic Conditions for Elementor.

Comment ça marche ?

  • Sélectionnez un widget ou une section (accessoirement une colonne).
  • Allez dans l’onglet Avancé.
  • Dans Étiquette dynamique (Dynamic tag) cliquez sur le lien Dynamique.
  • Définissez l’étiquette dynamique avec laquelle vous souhaitez comparer.
  • Indiquez si vous souhaitez “afficher / masquer” l’élément si la condition est remplie.
  • Dans le champ Condition, sélectionnez ce que vous souhaitez comparer. Vous pouvez comparer si le champ est vide ou non vide, vérifier s’il a une valeur spécifique ou si sa valeur est comprise entre deux autres valeurs.
  • Le champ Type de comparaison définit le type de champs que vous souhaitez comparer. La valeur par défaut compare deux chaînes (texte). Mais si vous souhaitez afficher un widget / une section uniquement le lundi ou le mois de décembre, vous pouvez sélectionner Jours ou Mois comme type de comparaison.
  • Enfin, vous devez entrer la valeur avec laquelle comparer le champ dynamique. Ou deux valeurs, si vous avez sélectionné la condition Entre.

Un large choix de conditions et de règles

Avec Elementor PRO on dispose d’un large choix d’étiquettes dynamiques :

Étiquettes dynamiques :

  • Publication
    • Nombre de publications
    • Champ personnalisé de publication
    • Date de publication
    • Extrait de publication
    • Image en vedette
    • Images attachées à la publication
    • ID de publication
    • Termes de publication
    • Heure de publication
    • Titre de la publication
    • URL de publication
  • Archive
    • Description Archive
    • Archive de méta
    • Titre Archive
    • URL Archive
  • Site
    • Titre de la page
    • Logo du site
    • Slogan du site
    • Titre du site
    • URL du site
    • URL interne
    • Date et heure actuelles
    • Paramètre de la requête
    • Code court
    • Info utilisateur
  • Média
    • Données de l’image mise en avant
  • Actions
    • Fenêtre modale
    • Visionneuse
    • URL de contact
  • Auteur
    • Informations sur l’auteur
    • Méta de l’auteur
    • Nom Auteur
    • Photo de Profil Auteur
    • URL de l’auteur
  • Commentaires
    • Nombre de commentaires
    • URL des commentaires

Conditions :

  • Est égal à
  • N’est pas égal à
  • Contient
  • Ne contient pas
  • Est vide
  • N’est pas vide
  • Entre
  • Moins grand que
  • Plus grand que

Élément de comparaison :

  • Texte
  • Date
  • Jour
  • Mois
  • Enchaînement temporel

Quelques options complémentaires

Il est possible de ne masquer que le contenu de l’élément ciblé, cela peut être utile en cas de section est surtout de colonne. Vous pouvez ainsi garder un enchaînement de plusieurs colonnes sans en retirer complètement la colonne ciblée.

Une autre option permet de prendre en compte les codes-courts présents dans le contenu, ou non.

Enfin un mode de débogage affichera les éventuels messages d’erreur de traitement de vos requêtes conditionnelles.

Bonne découverte…

Sources : WPTuts, page de l’extension, pack de langue FR

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Fermer le menu