Tutoriel Kadence : Configurer des affichages conditionnels avec les blocs Kadence Tutoriel complet

en utilisant Kadence Blocks Pro concevoir WordPress Lorsque vous êtes sur une page, vous pouvez rencontrer le besoin d'afficher certains contenus uniquement dans des contextes spécifiques. Par exemple, vous contr?lez dynamiquement l'affichage ou le masquage des éléments de la page (tels que les blocs, les modules, le contenu, etc.) en fonction de conditions spécifiques.Kadence La fonction "Affichage conditionnel" contr?le la visibilité des blocs en fonction de champs spécifiques ou de données de la page, ce qui permet une présentation plus dynamique de la page.

Image [1]-Tutoriel de configuration de l'affichage conditionnel de Kadence : contr?le dynamique de l'affichage des blocs par champ

Introduction à la fonction

Les affichages conditionnels peuvent être utilisés pour plusieurs blocs de base, notamment :

  • Imagerie avancée
  • Texte avancé
  • Section du bloc
  • la disposition des lignes
  • Ic?ne unique
  • Liste des ic?nes
  • Boutons avancés
  • infobox

Chaque bloc qui prend en charge cette fonctionnalité peut définir un ou plusieurscondition préalableIl peut contr?ler dynamiquement l'état de l'affichage en fonction des données de la page ou de l'article en cours.

Portail de définition des conditions

Après avoir sélectionné les blocs pris en charge, dans le panneau de configuration de droite, cliquez sur "niveau élevéonglet ", développez "Paramètres d'affichage conditionnel", vous pouvez commencer la configuration.

Image [2]-Tutoriel de configuration de l'affichage conditionnel de Kadence : contr?le dynamique de l'affichage des blocs par champ

Conditions facultatives

Le système propose un grand nombre de champs permettant de définir des conditions telles que

  • Titre de l'article, type, statut, date,URL
  • Champs personnalisés
  • URL de l'image vedette
  • informations classifiées
  • Nom de l'auteur, valeur du champ
  • Nombre de commentaires
  • Titre et champs de l'archive
  • Sous-contenus dans les champs répétables
Image [3]-Tutoriel de configuration de l'affichage conditionnel de Kadence : contr?le dynamique de l'affichage des blocs par champ

Chacun de ces champs peut être utilisé comme base de jugement pour décider si un bloc est affiché ou non.

Sources de données conditionnelles

Par défaut, la source de données est l'article ou la page en cours. Dans certains cas particuliers, par exemple s'il est nécessaire de récupérer les valeurs d'un champ à partir d'une page spécifique, vous pouvez également cliquer sur l'ic?ne en forme de crayon dans la bo?te de dialogue des paramètres pour modifier manuellement la source de données.

Image [4]-Tutoriel de configuration de l'affichage conditionnel de Kadence : contr?le dynamique de l'affichage des blocs par champ

Description de la méthode de comparaison

Diverses options de comparaison sont disponibles dans les paramètres de condition, notamment

  • Affiché lorsque le champ n'est pas vide (Not Empty)
  • Affiché lorsque le champ est vide (Empty)
  • être évaluée à vrai peut-être faux
  • Egal/non égal à une valeur
  • Supérieur ou inférieur à une certaine valeur
  • Supérieur ou égal à / inférieur ou égal à une valeur
Image [5]-Tutoriel de configuration de l'affichage conditionnel de Kadence : contr?le dynamique de l'affichage des blocs par champ

Des combinaisons flexibles de ces jugements permettent d'établir une variété de règles de présentation.

Exemple d'application : contr?le de l'affichage du bloc d'images en vedette

Dans les modèles d'article, un bloc d'image en vedette est souvent ajouté. Si l'article n'est pas accompagné d'une image, ce bloc peut laisser un espace vide sur la page d'accueil.

à ce stade, vous pouvez utiliser la fonction d'affichage conditionnel pour que le bloc ne soit affiché que si une adresse d'image existe.

Image [6]-Tutoriel de configuration de l'affichage conditionnel de Kadence : contr?le dynamique de l'affichage des blocs par champ

Procédure d'exploitation :

  • Sélectionnez le bloc Image avancée
  • Ouvrez les paramètres de droite et allez dans l'onglet Avancé
  • Ajouter un champ conditionnel "Images en vedette URL"
Image [7]-Tutoriel de configuration de l'affichage conditionnel de Kadence : contr?le dynamique de l'affichage des blocs par champ
  • Conserver la source de données comme article courant
Image [8]-Tutoriel de configuration de l'affichage conditionnel de Kadence : contr?le dynamique de l'affichage des blocs par champ
  • Sélectionnez "Pas vide" pour la comparaison.
Image [9]-Tutoriel de configuration de l'affichage conditionnel de Kadence : contr?le dynamique de l'affichage des blocs par champ

Une fois les paramètres définis, le bloc d'images n'appara?tra sur la page que s'il existe une adresse d'image. Le contraire ne sera pas affiché et la mise en page ne laissera pas de vide.

Comparaison des effets

Lorsque l'affichage conditionnel n'est pas utilisé, si aucune image n'est définie pour l'article, une zone vide subsistera sur le front-end.
Après avoir activé cette fonction, le système ignorera automatiquement ces contenus non valides, ce qui rendra l'affichage plus net et plus naturel.

Image [10]-Tutoriel de configuration de l'affichage conditionnel de Kadence : contr?le dynamique de l'affichage des blocs par champ

résumés

Blocs Kadence La fonction d'affichage conditionnel de Pro apporte plus de souplesse à l'édition des blocs. Avec cet outil, leWordPressLe contenu de la page peut être basé sur différentes conditions pour répondre, ce qui élimine la nécessité de modifier manuellement le modèle de l'opération fastidieuse.

Cette fonction est très utile dans des scénarios tels que l'affichage du contenu d'un article, le contr?le de la structure de la mise en page et l'obtention d'un résultat personnalisé. Il est donc recommandé de l'utiliser pleinement pour rendre le contenu de la page plus expressif.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨詢:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
? Déclaration de reproduction
Cet article a été écrit par : les voleurs seront des souris et des rats.
LA FIN
Si vous l'aimez, soutenez-le.
félicitations843 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires