La gestion de la visibilité du contenu dans WordPress est essentielle pour les designers, les développeurs et les gestionnaires de contenu. Que vous souhaitiez personnaliser l'expérience utilisateur, restreindre la visibilité selon le type d'appareil ou gérer des campagnes à durée limitée, la possibilité d'afficher ou de masquer conditionnellement du contenu dans WordPress offre une flexibilité accrue.
Ce guide vous explique tout ce que vous devez savoir pour masquer ou afficher du contenu de blocs dans WordPress à l'aide d'extensions, de code personnalisé et des fonctionnalités natives de l'éditeur de blocs. Découvrez comment rendre votre contenu WordPress plus dynamique, plus efficace et plus adapté à chaque visiteur.
Pourquoi contrôler la visibilité du contenu des blocs dans WordPress ?
Il n'est pas nécessaire que chaque contenu soit visible par tous les utilisateurs. Voici quelques raisons concrètes de contrôler la visibilité des blocs :
- Afficher le contenu exclusif uniquement aux utilisateurs connectés
- Afficher des offres géolocalisées grâce au géociblage
- Modifier les titres en fonction de l'heure de la journée
- Créez des mises en page spécifiques aux mobiles sans dupliquer les pages
- Lancez des promotions à durée limitée sans publier ni dépublier manuellement du contenu
Ces conditions de visibilité améliorent à la fois l'expérience utilisateur et les performances du contenu, notamment sur les sites WordPress.
Besoin d'aide pour personnaliser le comportement des blocs WordPress ?
Que vous construisiez des flux de travail éditoriaux complexes ou des structures de contenu spécifiques à l'utilisateur, nos développeurs experts peuvent vous aider à mettre en œuvre un contrôle total de la visibilité grâce à WordPress.
Utiliser des plugins pour afficher ou masquer le contenu des blocs dans WordPress
Les extensions constituent le moyen le plus accessible d'implémenter des contrôles avancés de visibilité du contenu dans l'éditeur de blocs WordPress. Voici les extensions les plus fiables pour cet usage.
Module de visibilité des blocs
Le Block Visibility est un outil complet qui ajoute des dizaines de paramètres de visibilité directement aux blocs individuels. Il s'intègre à l'éditeur de blocs et prend en charge :
- Contrôle du type d'appareil (mobile, tablette, ordinateur)
- Ciblage navigateur (Chrome, Safari, Firefox)
- Planification des dates et heures
- Personnalisation basée sur les cookies
- Rôles des utilisateurs et statut de connexion
- Largeur et taille de l'écran
- Sources de référence et chaînes de requête
- Métadonnées personnalisées et détection de localisation
Ces commandes sont disponibles dans la barre latérale droite, sous la section Visibilité de chaque bloc. Vous pouvez également activer le mode Contrôle total dans les paramètres généraux pour accéder à toutes les options de tous les blocs.
Caractéristiques principales :
- Préréglages de visibilité pour la gestion de plusieurs blocs
- conditions de chemin d'URL pour le contenu spécifique à la page
- Masquer le blocage à tous pour des modifications rapides
- Importation et exportation des configurations de visibilité
Ce plugin est idéal pour les développeurs web qui gèrent des sites WordPress complexes avec des exigences de contenu dynamique.
Module de contrôle du contenu
Le plugin Content Control simplifie la visibilité des blocs en se concentrant sur deux ensembles de règles principaux :
- Règles relatives aux appareils (mobile, tablette, ordinateur)
- Règles utilisateur (connecté, déconnecté, rôles utilisateur spécifiques)
Cette solution est idéale pour les situations où vous souhaitez afficher un contenu différent selon le statut de connexion ou la taille de l'écran. Par exemple, vous pouvez proposer une image aux utilisateurs mobiles et une autre aux utilisateurs d'ordinateurs de bureau en utilisant la même structure de blocs.
Caractéristiques principales :
- Règles permettant de désactiver temporairement les paramètres de visibilité
- Paramètres globaux des points d'arrêt dans les options du plugin
- Interface utilisateur simple intégrée à l'éditeur de blocs
- Fonctionnalités premium optionnelles telles que les conditions WooCommerce
Ce plugin est idéal pour les débutants ou les agences recherchant une personnalisation rapide basée sur l'appareil ou l'utilisateur.
Blocs conditionnels
Conditional Blocks propose une interface modale permettant d'ajouter une logique conditionnelle aux blocs WordPress. La version gratuite inclut des fonctionnalités de base comme la visibilité par appareil et utilisateur, tandis que la version Pro propose la géolocalisation, la planification et les restrictions liées à l'abonnement.
Offres de la version gratuite :
- Blocage total
- Affichage basé sur l'appareil
- conditions de connexion de l'utilisateur
- combinaisons logiques ET/OU
La version Pro ajoute :
- Planification de dates à l'avance
- Ciblage des rôles utilisateurs
- WooCommerce et contrôles d'adhésion
- Points de rupture personnalisés et géociblage
- Gestionnaire de préréglages pour les modifications par lots
Les blocs conditionnels constituent un bon compromis entre simplicité et puissance, notamment pour les équipes ayant besoin de conditions réutilisables.
Condition Wicked Blocks
Wicked Blocks Condition est une extension peu connue offrant des options pratiques pour les développeurs, comme des fonctions PHP personnalisées. Elle permet d'afficher ou de masquer des blocs en fonction de :
- Rôle de l'utilisateur ou statut de connexion
- Plages de dates et d'heures
- Statut ou catégories du message
- chaînes de requête URL
- Fonctions logiques personnalisées
Si vous souhaitez allier la flexibilité du low-code au contrôle basé sur l'éditeur, ce plugin est un excellent choix.
Tableau comparatif des plugins
| Nom du plugin | Caractéristiques principales | Cas d'utilisation idéal |
|---|---|---|
| Bloquer la visibilité | Date et heure, géolocalisation, rôle de l'utilisateur, taille de l'écran, cookies | Contrôle complet de la visibilité |
| Contrôle du contenu | Règles relatives aux appareils et aux rôles des utilisateurs | Cas d'utilisation légers |
| Blocs conditionnels | Logique ET/OU, préréglages, points d'arrêt avancés | Implémentations de taille moyenne à avancée |
| Condition Wicked Blocks | Prise en charge des fonctions PHP, ciblage des chaînes de requêtes | Contrôle orienté développeur |
Extraits de code personnalisés pour masquer ou afficher du contenu dans WordPress
Si vous préférez éviter les extensions, vous pouvez utiliser les fonctions natives de WordPress et la logique conditionnelle pour contrôler la visibilité. Ces exemples peuvent être ajoutés à une extension personnalisée ou au fichier functions.php de votre thème enfant.
Masquer le contenu pour les utilisateurs connectés
add_action( 'wp_head', 'custom_hide_paragraphs_for_logged_in' ); function custom_hide_paragraphs_for_logged_in() { if ( is_user_logged_in() ) { echo 'p { display: none !important; }'; } }Ceci masque tous les éléments de paragraphe pour les utilisateurs connectés. Vous pouvez inverser cette condition ou cibler d'autres éléments selon vos besoins.
Masquer le contenu en fonction de la géolocalisation
add_action('wp_head', 'custom_hide_images_us'); function custom_hide_images_us() { $ip = $_SERVER['REMOTE_ADDR']; $geo = "https://ipapi.co/{$ip}/json/"; $response = wp_remote_get($geo); if ( is_wp_error($response) ) return; $data = json_decode( wp_remote_retrieve_body($response) ); if ( isset($data->country_code) && $data->country_code === 'US' ) { echo 'img { display: none !important; }'; } }Utilisez ce script pour masquer toutes les images pour les utilisateurs situés aux États-Unis. Sachez que les appels API à chaque chargement de page peuvent impacter les performances ; privilégiez donc l’utilisation de données transitoires ou de la mise en cache.
Masquer l'image mise en avant par catégorie
add_filter('post_thumbnail_html', 'custom_hide_featured_image', 10, 2); function custom_hide_featured_image($html, $post_id) { if ( has_category('books', $post_id) ) { return ''; } return $html; }Ce code supprime l'image mise en avant de tous les articles de la catégorie « livres ». Vous pouvez le modifier pour les étiquettes, les taxonomies personnalisées ou les métadonnées.
Conditions de visibilité du contenu de test
Pour éviter les surprises sur votre site en production, voici quelques bonnes pratiques de test :
- Utilisez des environnements de test pour les essais.
- Videz le cache de votre navigateur et du site avant de consulter les modifications
- Changer les rôles des utilisateurs pour vérifier les conditions de visibilité
- Vérifiez le code source de la page pour confirmer si les éléments masqués sont supprimés ou simplement masqués par CSS
- Utilisez les outils de développement du navigateur pour simuler différents appareils et tailles d'écran
Ces précautions vous aident à éviter les problèmes de référencement et les comportements inattendus, notamment sur les grands sites WordPress.
Paramètres et astuces du plugin
Chaque extension mentionnée ci-dessus possède des zones de configuration spécifiques dans l' administration WordPress (WP Admin > Réglages). Selon l'extension choisie, vous pouvez :
- Définir les points d'arrêt du périphérique
- Activer la visibilité des blocs dans le panneau de l'éditeur
- Désactiver les plugins sur certains blocs
- Activer les modes de contrôle total ou de débogage
Comprendre les paramètres de visibilité par défaut et les personnaliser pour qu'ils correspondent à votre flux de travail éditorial permettra une meilleure gouvernance du contenu sur l'ensemble de votre site.
Quand faut-il utiliser un plugin plutôt qu'un code personnalisé ?
Le choix entre plugins et code personnalisé dépend de la complexité de votre projet, des compétences de votre équipe et de vos objectifs de performance.
Utilisez un plugin si :
- Vous avez besoin d'utilisateurs non techniques pour gérer la visibilité
- Votre site nécessite des dizaines de conditions réparties sur plusieurs pages
- Vous souhaitez accéder à des fonctionnalités professionnelles telles que la planification ou le ciblage géographique
Utilisez un code personnalisé si :
- Vous souhaitez des performances plus légères
- Vous ciblez des conditions uniques non prises en charge par les plugins
- Votre site est petit et son périmètre est restreint
Pour les grands sites, une approche hybride est souvent la plus efficace. Utilisez des plugins pour la gestion de la visibilité et développez une logique personnalisée là où c'est nécessaire.
Cas d'utilisation pratiques de la visibilité des blocs WordPress
Comprendre les mécanismes de visibilité est une chose, les appliquer efficacement en est une autre. Examinons des situations concrètes où l'affichage conditionnel de blocs de contenu devient un élément essentiel de la stratégie d'un site web.
Contenu personnalisé pour les utilisateurs connectés
De nombreux sites d'adhésion, plateformes d'apprentissage en ligne et tableaux de bord internes utilisent des conditions de visibilité pour restreindre l'accès au contenu. Vous pouvez afficher un message de bienvenue ou un tableau de bord personnalisé uniquement aux utilisateurs connectés. Si un utilisateur se déconnecte, le bloc de contenu correspondant disparaît automatiquement.
Ce problème se résout facilement grâce à l'extension de visibilité des blocs ou au contrôle de contenu, en attribuant des paramètres de visibilité en fonction du rôle et du statut de connexion de l'utilisateur. C'est une méthode conviviale de segmentation du contenu qui ne nécessite aucune compétence avancée en développement.
Sites WordPress multilingues
Les entreprises internationales créent souvent des blocs de contenu différents pour chaque langue. Au lieu de créer plusieurs pages, vous pouvez utiliser des contrôles de visibilité des blocs pour les afficher de manière conditionnelle en fonction des préférences ou de la localisation de l'utilisateur. Combinez la géolocalisation avec des plugins multilingues pour proposer un contenu adapté à chaque région sans dupliquer les efforts.
Annonces basées sur l'heure
Vous souhaitez peut-être organiser des ventes flash, des lancements de produits ou diffuser des bannières promotionnelles qui ne s'affichent que pendant une période déterminée. Grâce aux conditions de date et d'heure du plugin de visibilité des blocs, vous pouvez programmer l'affichage ou le masquage des blocs à des moments précis.
Ce type d'automatisation permet de maintenir votre site WordPress à jour et élimine le besoin de publier ou de supprimer manuellement des blocs.
Mises en page conditionnelles pour appareils mobiles
Les différentes tailles d'écran nécessitent souvent des mises en page différentes. Au lieu de créer plusieurs versions d'une page, les paramètres de visibilité des blocs vous permettent de créer des blocs de contenu adaptés aux mobiles. Affichez les blocs en fonction de la taille de l'écran ou du type d'appareil et améliorez l'expérience utilisateur mobile tout en centralisant la modification du contenu.
Ceci est particulièrement utile pour présenter différentes tailles de navigation, de boutons ou d'images sur les petits écrans, améliorant ainsi l'ergonomie et les performances de la page.
Comment fonctionnent les contrôles de visibilité dans l'éditeur de blocs WordPress
Si vous utilisez l'éditeur de blocs Gutenberg (désormais la norme pour WordPress), les paramètres de visibilité apparaissent dans la barre latérale droite une fois qu'un plugin comme Block Visibility ou Conditional Blocks est installé.
Lors de la modification d'un article ou d'une page :
- Sélectionnez un bloc de contenu
- Recherchez une section intitulée « Visibilité » ou « Conditions d’affichage ».
- Utilisez les cases à cocher, les listes déroulantes ou les interrupteurs à bascule pour contrôler qui voit le bloc et quand
Certains plugins ajoutent également une icône à la barre d'outils ou des paramètres dans la section « Avancé » de l'éditeur de blocs. Ceux-ci permettent un accès rapide aux options de visibilité telles que la taille de l'écran, les rôles des utilisateurs, le statut de connexion ou les chaînes de requête d'URL.
Meilleures pratiques pour la gestion des paramètres de visibilité
Pour éviter toute confusion et optimiser les performances, voici quelques conseils d'experts :
- Blocs de groupe: Utilisez des groupes de blocs ou des modèles pour appliquer des règles de visibilité entre les sections.
- Utilisez des préréglages: Dans des outils comme la visibilité des blocs ou les blocs conditionnels, enregistrez les paramètres courants en tant que préréglages.
- Limitez le chevauchement des plugins: évitez d’utiliser plusieurs plugins pour la même fonction afin de réduire les conflits.
- Formez votre équipe: les rédacteurs non techniques doivent comprendre les conditions de visibilité afin d’éviter les erreurs de configuration.
- Tester tous les rôles utilisateurs: vérifier comment chaque bloc de contenu s’affiche pour différents types d’utilisateurs, connectés ou non.
Ces habitudes permettent de maintenir des flux de travail propres et d'éviter les problèmes de performance ou la confusion autour du contenu.
Réflexions finales
La possibilité de masquer ou d'afficher du contenu bloqué dans WordPress n'est plus réservée aux développeurs. Grâce aux extensions appropriées ou à du code personnalisé, chacun peut créer des expériences utilisateur sur mesure qui s'adaptent au rôle, à la localisation, à l'appareil ou à l'heure.
Que vous créiez un portail d'adhésion, un site de commerce électronique ou une plateforme de contenu, les paramètres de visibilité du contenu vous aident à diffuser le bon message à la bonne audience au bon moment.
En maîtrisant les commandes de visibilité des blocs, vous débloquez un site WordPress plus dynamique, personnalisé et performant.
