{"id":79682,"date":"2025-04-04T08:53:56","date_gmt":"2025-04-04T07:53:56","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=79682&#038;preview=true&#038;preview_id=79682"},"modified":"2025-04-07T09:45:57","modified_gmt":"2025-04-07T08:45:57","slug":"visibilite-bloc","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/","title":{"rendered":"Masquer ou faire appara\u00eetre le contenu d&rsquo;un bloc dans WordPress"},"content":{"rendered":"<p>Avoir le contr\u00f4le sur le contenu qui est vu et dans quelles conditions est un outil pr\u00e9cieux pour tout <a href=\"https:\/\/kinsta.com\/fr\/blog\/types-de-developpeurs\/\">d\u00e9veloppeur<\/a> ou concepteur WordPress.<\/p>\n<p>Heureusement, il existe de nombreuses <a href=\"https:\/\/kinsta.com\/fr\/sujets\/extensions-wordpress\/\">extensions<\/a> parmi lesquelles choisir dans l&rsquo;<a href=\"https:\/\/wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e9cosyst\u00e8me WordPress<\/a> et qui peuvent vous aider. Ici, nous discutons de quatre extensions qui vous permettent de :<\/p>\n<ul>\n<li>Masquer le contenu d&rsquo;une \u00e9bauche sur une page en direct.<\/li>\n<li>Appliquer des conditions d&rsquo;affichage aux groupes, aux en-t\u00eates et aux pieds de page.<\/li>\n<li>Afficher le contenu en fonction de la date et de l&rsquo;heure.<\/li>\n<li>Afficher des designs diff\u00e9rents en fonction du type d&rsquo;appareil.<\/li>\n<\/ul>\n<p>Une diff\u00e9rence cl\u00e9 entre les extensions que nous avons examin\u00e9s est la facilit\u00e9 &#8211; ou la difficult\u00e9 &#8211; avec laquelle il est possible d&rsquo;effectuer ces actions.<\/p>\n<p>Les extensions que nous avons s\u00e9lectionn\u00e9es se concentrent sur l&rsquo;affichage ou le masquage du contenu dans les blocs. Nous ne couvrons pas les solutions plus larges comme les extensions d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-creer-site-web-adhesion\/\">adh\u00e9sion<\/a> qui restreignent l&rsquo;acc\u00e8s aux pages, et nous ne discutons pas non plus de la fa\u00e7on de verrouiller, d\u00e9verrouiller ou masquer les blocs eux-m\u00eames. Pour cela, consultez notre article <a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-blocs-gutenberg\/\">Comment d\u00e9sactiver et verrouiller les blocs de Gutenberg<\/a>.<\/p>\n<p>Les quatre extensions devraient fonctionner avec des th\u00e8mes bas\u00e9s sur des blocs, hybrides ou classiques. Ils prennent \u00e9galement en charge les <a href=\"https:\/\/kinsta.com\/fr\/blog\/construire-compositions-blocs-wordpress\/\">compositions<\/a>, les <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-6-6\/#synced-pattern-overrides\">compositions partiellement synchronis\u00e9es<\/a> et les compositions enti\u00e8rement synchronis\u00e9es r\u00e9alis\u00e9es avec des blocs.<\/p>\n<p>Bien que le code personnalis\u00e9 ne soit pas toujours la meilleure fa\u00e7on d&rsquo;afficher ou de masquer les blocs, nous fournissons quelques extraits de code \u00e0 titre d&rsquo;exemple.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Plugins pour afficher ou masquer le contenu des blocs dans WordPress<\/h2>\n<p>Les extensions que nous examinons ont des capacit\u00e9s similaires mais sont mises en \u0153uvre de diff\u00e9rentes mani\u00e8res. La plupart incluent des r\u00e9glages globaux dans<strong> Admin WP<\/strong> &gt; <strong>R\u00e9glages<\/strong>, \u00e0 l&rsquo;exception des deux derni\u00e8res extensions mentionn\u00e9es dans la section <strong>Autres extensions<\/strong>, qui ne disposent pas de ces options.<\/p>\n<p>Cependant, elles offrent tous des contr\u00f4les de visibilit\u00e9 par bloc dans le <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">panneau Inspecteur<\/a> (la colonne lat\u00e9rale droite) au sein de l&rsquo;\u00e9diteur, que vous travailliez avec une page, un article, un type de publication personnalis\u00e9 ou l&rsquo;\u00e9diteur de site.<\/p>\n<h3>Block Visibility<\/h3>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/block-visibility-plugin.png\" alt=\"Banni\u00e8re de l'extension Block Visibility.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Banni\u00e8re de l&rsquo;extension Block Visibility.<\/figcaption><\/figure>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/block-visibility\/\" target=\"_blank\" rel=\"noopener noreferrer\">Block Visibility<\/a> est l&rsquo;une des extensions les plus connues dans cet espace. Elle est disponible depuis les premiers jours de l&rsquo;\u00e9diteur de blocs. Elle offre l&rsquo;ensemble de fonctionnalit\u00e9s le plus complet avec une interface utilisateur (UI) intuitive, et elle est enti\u00e8rement gratuite sans version premium.<\/p>\n<p>Vous pouvez d\u00e9finir des contr\u00f4les de visibilit\u00e9 sur n&rsquo;importe quel bloc en fonction de diff\u00e9rentes conditions, individuellement ou en combinaison :<\/p>\n<ul>\n<li><strong>Navigateur et appareil<\/strong> &#8211; Affiche ou masque un bloc en fonction du navigateur du visiteur (Chrome, Firefox, Safari, etc.) ou du type d&rsquo;appareil (ordinateur de bureau, tablette, mobile).<\/li>\n<li><strong>Cookie<\/strong> &#8211; Contr\u00f4le la visibilit\u00e9 en fonction de la pr\u00e9sence ou non d&rsquo;un cookie sp\u00e9cifique dans le navigateur de l&rsquo;utilisateur, utile pour la personnalisation.<\/li>\n<li><strong>Date et heure<\/strong> &#8211; Planifie le contenu pour qu&rsquo;il soit visible pendant des heures sp\u00e9cifiques ou \u00e0 certaines dates, par exemple l&rsquo;affichage d&rsquo;un message uniquement pendant les heures de bureau.<\/li>\n<li><strong>Masquer le bloc<\/strong> &#8211; Un remplacement direct qui masque compl\u00e8tement un bloc, quelles que soient les autres conditions.<\/li>\n<li><strong>Emplacement<\/strong> &#8211; Afficher ou masquer le contenu en fonction de l&#8217;emplacement g\u00e9ographique du visiteur (pays, r\u00e9gion ou ville).<\/li>\n<li><strong>M\u00e9tadonn\u00e9es<\/strong> &#8211; Contr\u00f4le la visibilit\u00e9 \u00e0 l&rsquo;aide de valeurs de m\u00e9tadonn\u00e9es personnalis\u00e9es, souvent utile pour le contenu dynamique dans les types de publication personnalis\u00e9s.<\/li>\n<li><strong>Cha\u00eene de requ\u00eate<\/strong> &#8211; Affiche ou masque les blocs en fonction des param\u00e8tres de l&rsquo;URL (par exemple, n&rsquo;affiche un bloc que si <code>?promo=true<\/code> figure dans l&rsquo;URL).<\/li>\n<li><strong>Source de r\u00e9f\u00e9rence<\/strong> &#8211; Modifie la visibilit\u00e9 en fonction de l&rsquo;origine du visiteur (comme masquer une offre sp\u00e9ciale si l&rsquo;utilisateur est arriv\u00e9 par Google).<\/li>\n<li><strong>Taille de l&rsquo;\u00e9cran<\/strong> &#8211; Ajuste la visibilit\u00e9 en fonction de la largeur de l&rsquo;\u00e9cran, ce qui permet d&rsquo;afficher un contenu diff\u00e9rent pour les utilisateurs de mobiles, de tablettes ou d&rsquo;ordinateurs de bureau.<\/li>\n<li><strong>Chemin d&rsquo;URL<\/strong> &#8211; Affiche ou masque les blocs en fonction de l&rsquo;URL de la page, utile pour afficher le contenu uniquement sur des pages ou des sections sp\u00e9cifiques du site.<\/li>\n<li><strong>R\u00f4le de l&rsquo;utilisateur<\/strong> &#8211; Restreint la visibilit\u00e9 en fonction du r\u00f4le de l&rsquo;utilisateur connect\u00e9, par exemple en montrant un contenu exclusif aux administrateurs ou aux membres.<\/li>\n<\/ul>\n<p>L&rsquo;extension comprend \u00e9galement des fonctionnalit\u00e9s suppl\u00e9mentaires pour g\u00e9rer la visibilit\u00e9 des blocs :<\/p>\n<ul>\n<li><strong>Pre-sets de visibilit\u00e9<\/strong> &#8211; Enregistre et applique des r\u00e9glages de visibilit\u00e9 pr\u00e9d\u00e9finis \u00e0 plusieurs blocs.<\/li>\n<li><strong>Copier et importer les r\u00e9glages<\/strong> &#8211; Pour dupliquer facilement les r\u00e9glages de visibilit\u00e9 sur diff\u00e9rents blocs.<\/li>\n<\/ul>\n<p>De plus, une bascule <strong>Masquer le bloc \u00e0 tout le monde<\/strong> est disponible directement dans la barre d&rsquo;outils du bloc, offrant un moyen rapide de masquer compl\u00e8tement n&rsquo;importe quel bloc.<\/p>\n<p>Voyons deux exemples courants d&rsquo;utilisation de cette extension.<\/p>\n<h4>Date et heure<\/h4>\n<p>L&rsquo;extension Block Visibility offre un contr\u00f4le total sur la programmation du contenu en fonction de la date et de l&rsquo;heure. Vous pouvez d\u00e9finir des plages de temps sp\u00e9cifiques, des dates ou des combinaisons des deux.<\/p>\n<p>Par exemple, nous voulons afficher un titre lorsque la boutique est ouverte et un autre lorsqu&rsquo;elle est ferm\u00e9e :<\/p>\n<ul>\n<li><strong>\u00ab Notre boutique est ouverte actuellement \u00bb<\/strong> doit \u00eatre visible entre 8 heures et 17 heures.<\/li>\n<li><strong>\u00ab Nous sommes ferm\u00e9s actuellement \u00bb<\/strong> doit \u00eatre visible \u00e0 tout autre moment.<\/li>\n<\/ul>\n<p>Si c&rsquo;est la premi\u00e8re fois que vous le fa\u00eetes, cliquez sur l&rsquo;ic\u00f4ne plus<strong> (+)<\/strong> ou sur le menu d&rsquo;options \u00e0 <strong>trois points<\/strong> pour faire appara\u00eetre les options de contr\u00f4le de l&rsquo;extension et s\u00e9lectionnez <strong>Date et heure<\/strong>. Fa\u00eetes cela pour les deux blocs d&rsquo;en-t\u00eate.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/set-date-time-visibility.png\" alt=\"Capture d'\u00e9cran de toutes les conditions disponibles, y compris la date et l'heure.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Capture d&rsquo;\u00e9cran de toutes les conditions disponibles, y compris la date et l&rsquo;heure.<\/figcaption><\/figure>\n<p>Appliquez la condition <strong>8 h &#8211; 17 h<\/strong> \u00e0 l&rsquo;en-t\u00eate \u00ab<strong> Notre boutique est ouverte actuellement <\/strong>\u00bb.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/schedule-block.png\" alt=\"Appliquer la planification aux blocs WordPress.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Appliquer la planification aux blocs WordPress.<\/figcaption><\/figure>\n<p>Le titre \u00ab <strong>Notre boutique est ferm\u00e9e actuellement <\/strong>\u00bb n\u00e9cessite deux ensembles de donn\u00e9es pour combler le changement de jour \u00e0 minuit.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/add-interval-block-schedule.png\" alt=\"Appliquer plus d'un intervalle de temps \u00e0 un bloc WordPress.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Appliquer plus d&rsquo;un intervalle de temps \u00e0 un bloc WordPress.<\/figcaption><\/figure>\n<p>La configuration obtenue affiche les titres tels qu&rsquo;ils ont \u00e9t\u00e9 d\u00e9finis dans la condition de visibilit\u00e9.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/block-output.png\" alt=\"Ouvert de 8 h \u00e0 17 h, ferm\u00e9 sinon.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Ouvert de 8 h \u00e0 17 h, ferm\u00e9 sinon.<\/figcaption><\/figure>\n<h4>Source de r\u00e9f\u00e9rence<\/h4>\n<p>Pour cet exemple, nous masquons un bouton si la source de r\u00e9f\u00e9rence contient une partie quelconque d&rsquo;une URL prescrite. Nous aurions \u00e9galement pu choisir d&rsquo;afficher le bouton si la source de r\u00e9f\u00e9rence contient une partie quelconque d&rsquo;une URL prescrite.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/referal-url.png\" alt=\"Le bouton est masqu\u00e9 sur l'interface publique car l'URL de r\u00e9f\u00e9rence contient \u00ab kinsta.com \u00bb.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Le bouton est masqu\u00e9 sur l&rsquo;interface publique car l&rsquo;URL de r\u00e9f\u00e9rence contient \u00ab kinsta.com \u00bb.<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Chaque bloc dispose d&rsquo;une bascule <strong>Masquer le bloc \u00e0 tout le monde<\/strong>, qui est une option prioritaire. Laissez-la d\u00e9coch\u00e9e lorsque vous d\u00e9finissez les conditions de visibilit\u00e9. Vous verrez \u00e9galement des bascules diff\u00e9rentes en fonction de la condition de visibilit\u00e9 avec laquelle vous travaillez.<\/p>\n<\/aside>\n\n<p>Enfin, dans <strong>R\u00e9glages<\/strong> &gt; <strong>Visibilit\u00e9 du bloc<\/strong>, vous trouverez trois sections principales :<\/p>\n<ul>\n<li>R\u00e9glages g\u00e9n\u00e9raux<\/li>\n<li>Contr\u00f4les de visibilit\u00e9<\/li>\n<li>Gestionnaire de blocs<\/li>\n<\/ul>\n<p>Pour une exp\u00e9rience optimale, nous vous recommandons d&rsquo;activer le <strong>mode contr\u00f4le total<\/strong> dans les <strong>r\u00e9glages g\u00e9n\u00e9raux<\/strong>. Cela garantit que les r\u00e9glages de visibilit\u00e9 sont disponibles pour chaque bloc.<\/p>\n<p>Certains blocs, comme le <a href=\"https:\/\/wordpress.org\/plugins\/button-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">bloc Bouton<\/a>, n\u00e9cessitent ce r\u00e9glage car les contr\u00f4les de visibilit\u00e9 de l&rsquo;extension ne sont pas activ\u00e9s par d\u00e9faut dans le panneau Inspecteur.<\/p>\n<h3>Content Control<\/h3>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/content-control-plugin.png\" alt=\"Extension Content control.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Extension Content control.<\/figcaption><\/figure>\n<p>\u00c0 ne pas confondre avec l&rsquo;extension <a href=\"https:\/\/wordpress.org\/plugins\/restrict-content\/\" target=\"_blank\" rel=\"noopener noreferrer\">Restrict Content<\/a>, l&rsquo;extension <a href=\"https:\/\/wordpress.org\/plugins\/content-control\/\" target=\"_blank\" rel=\"noopener noreferrer\">Content Control<\/a> propose deux conditions pour masquer ou afficher du contenu.<\/p>\n<ul>\n<li><strong>R\u00e8gles de l&rsquo;appareil<\/strong> &#8211; Contr\u00f4le la visibilit\u00e9 du bloc en fonction du type d&rsquo;appareil (ordinateur de bureau, tablette ou mobile).<\/li>\n<li><strong>R\u00e8gles d&rsquo;utilisateur<\/strong> &#8211; Affiche un bloc en fonction des r\u00f4les des utilisateurs, qui peuvent \u00eatre d\u00e9finis pour les utilisateurs connect\u00e9s, les utilisateurs d\u00e9connect\u00e9s, tous les r\u00f4les, les r\u00f4les sp\u00e9cifiques ou les r\u00f4les exclus.<\/li>\n<\/ul>\n<p>Ces r\u00e8gles peuvent \u00eatre utilis\u00e9es s\u00e9par\u00e9ment ou combin\u00e9es pour cr\u00e9er des conditions de visibilit\u00e9 flexibles. Par exemple, nous utilisons les <strong>r\u00e8gles relatives aux appareils<\/strong> pour afficher une image optimis\u00e9e pour diff\u00e9rentes tailles d&rsquo;\u00e9cran. L&rsquo;image la plus grande est d\u00e9finie pour appara\u00eetre uniquement sur les ordinateurs de bureau.<\/p>\n<ul>\n<li><strong>A :<\/strong> Dans l&rsquo;\u00e9diteur de pages, les vues <strong>Mobile<\/strong> et <strong>Tablette<\/strong> sont d\u00e9sactiv\u00e9es.<\/li>\n<li><strong>B :<\/strong> Sur la page d&rsquo;accueil, l&rsquo;image est correctement dimensionn\u00e9e pour les ordinateurs de bureau.<\/li>\n<\/ul>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/device-rules-block.png\" alt=\"Ajouter des r\u00e8gles d'appareil au bloc d'image.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Ajouter des r\u00e8gles d&rsquo;appareil au bloc d&rsquo;image.<\/figcaption><\/figure>\n<p>De m\u00eame, l&rsquo;image optimis\u00e9e pour les mobiles est d\u00e9finie pour appara\u00eetre uniquement sur les tablettes et les appareils mobiles.<\/p>\n<ul>\n<li><strong>A :<\/strong> Dans l&rsquo;\u00e9diteur de pages, la vue <strong>Ordinateur<\/strong> est d\u00e9sactiv\u00e9e.<\/li>\n<li><strong>B :<\/strong> Sur l&rsquo;interface publique, l&rsquo;image est affich\u00e9e pour les tablettes et les appareils mobiles.<\/li>\n<\/ul>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/mobile-device-rule.png\" alt=\"R\u00e8gles relatives aux appareils mobiles.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">R\u00e8gles relatives aux appareils mobiles.<\/figcaption><\/figure>\n<p>Cette configuration garantit que les utilisateurs voient la taille d&rsquo;image la plus appropri\u00e9e \u00e0 leur appareil, ce qui am\u00e9liore les performances et l&rsquo;exp\u00e9rience utilisateur.<\/p>\n<p>En outre, chaque bloc comprend \u00e9galement quatre r\u00e9glages optionnels, accessibles via le menu d&rsquo;options \u00e0 trois points :<\/p>\n<ul>\n<li><strong>Copier<\/strong> &#8211; Copie les r\u00e9glages du bloc.<\/li>\n<li><strong>Coller<\/strong> &#8211; Applique les r\u00e9glages copi\u00e9s \u00e0 un autre bloc.<\/li>\n<li><strong>Restaurer la valeur par d\u00e9faut<\/strong> &#8211; R\u00e9initialise toutes les conditions de visibilit\u00e9 du bloc.<\/li>\n<li><strong>D\u00e9sactiver les r\u00e8gles de l&rsquo;appareil \/ D\u00e9sactiver les r\u00e8gles de l&rsquo;utilisateur<\/strong> &#8211; D\u00e9sactive temporairement les conditions de visibilit\u00e9 sans les supprimer.<\/li>\n<\/ul>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/device-rules-settings.png\" alt=\"Quatre r\u00e9glages de r\u00e8gles d'appareil optionnelles.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Quatre r\u00e9glages de r\u00e8gles d&rsquo;appareil optionnelles.<\/figcaption><\/figure>\n<p>Nous vous recommandons vivement d&rsquo;utiliser les options <strong>D\u00e9sactiver les r\u00e8gles d&rsquo;appareil<\/strong> ou <strong>D\u00e9sactiver les r\u00e8gles d&rsquo;utilisateur<\/strong> lorsque vous testez l&rsquo;extension. Cela facilite la r\u00e9initialisation et l&rsquo;ajustement des r\u00e9glages de visibilit\u00e9 si n\u00e9cessaire.<\/p>\n<p>Dans <strong>Admin WP<\/strong> &gt; <strong>R\u00e9glages<\/strong>, vous trouverez plusieurs r\u00e9glages globaux pour l&rsquo;extension, comme la d\u00e9finition des points de rupture. Voici les valeurs par d\u00e9faut pour les trois appareils.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/block-controls-settings.png\" alt=\"Vue des r\u00e9glages du bloc montrant les points de rupture r\u00e9glables.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Vue des r\u00e9glages du bloc montrant les points de rupture r\u00e9glables.<\/figcaption><\/figure>\n<p>Vous pouvez \u00e9galement d\u00e9sactiver l&rsquo;extension pour n&rsquo;importe quel bloc dans ces r\u00e9glages. La version premium de cette extension comprend ces fonctionnalit\u00e9s et bien d&rsquo;autres encore :<\/p>\n<ul>\n<li><strong>Planification des blocs<\/strong> &#8211; D\u00e9finis des conditions de visibilit\u00e9 bas\u00e9es sur le temps.<\/li>\n<li><strong>R\u00e8gles WooCommerce<\/strong> &#8211; Contr\u00f4le la visibilit\u00e9 des blocs en fonction des r\u00e9glages de WooCommerce.<\/li>\n<li><strong>R\u00e8gles Easy Digital Downloads<\/strong> &#8211; Restreindre le contenu pour les clients des produits num\u00e9riques.<\/li>\n<li><strong>R\u00e8gles bool\u00e9ennes<\/strong> &#8211; Utilise des conditions logiques pour la visibilit\u00e9 des blocs.<\/li>\n<li><strong>Moteur de r\u00e8gles pour les blocs<\/strong> &#8211; Cr\u00e9er des conditions de visibilit\u00e9 personnalis\u00e9es avec une plus grande flexibilit\u00e9.<\/li>\n<\/ul>\n<h3>Autres plugins<\/h3>\n<p>En plus des options les plus populaires, il existe deux extensions moins connues avec moins d&rsquo;installations actives qui offrent \u00e9galement des contr\u00f4les de visibilit\u00e9 des blocs :<\/p>\n<h4>Conditional Blocks &#8211; Advanced Content Visibility.<\/h4>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/conditional-blocks-plugin.png\" alt=\"Extension Conditional Blocks.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Extension Conditional Blocks.<\/figcaption><\/figure>\n<p>Cette <a href=\"https:\/\/wordpress.org\/plugins\/conditional-blocks\" target=\"_blank\" rel=\"noopener noreferrer\">extension Conditional Blocks<\/a> vous permet de contr\u00f4ler la visibilit\u00e9 des blocs WordPress \u00e0 l&rsquo;aide d&rsquo;une logique avanc\u00e9e, le tout dans une interface modale simple. Vous pouvez d\u00e9finir des conditions pour d\u00e9terminer quand et o\u00f9 un bloc doit \u00eatre visible.<\/p>\n<p>La version gratuite de Conditional Blocks comprend des contr\u00f4les de visibilit\u00e9 de base, tels que :<\/p>\n<ul>\n<li><strong>Verrouiller le bloc pour tout le monde<\/strong> &#8211; Masque compl\u00e8tement un bloc.<\/li>\n<li><strong>Visibilit\u00e9 r\u00e9active<\/strong> &#8211; Affiche ou masque les blocs en fonction du type d&rsquo;appareil (mobile, tablette ou ordinateur de bureau).<\/li>\n<li><strong>Conditions de statut de l&rsquo;utilisateur<\/strong> &#8211; L&rsquo;option <strong>Utilisateur connect\u00e9<\/strong> affiche les blocs uniquement pour les utilisateurs connect\u00e9s, tandis que l&rsquo;option <strong>Utilisateur d\u00e9connect\u00e9<\/strong> affiche les blocs uniquement pour les utilisateurs d\u00e9connect\u00e9s.<\/li>\n<li><strong>Logique des conditions ET\/OU<\/strong> &#8211; Combine plusieurs r\u00e8gles pour cr\u00e9er des conditions de visibilit\u00e9 complexes.<\/li>\n<\/ul>\n<p>La <a href=\"https:\/\/conditionalblocks.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">version Pro<\/a> \u00e9largit les fonctionnalit\u00e9s gr\u00e2ce \u00e0 des fonctions suppl\u00e9mentaires, notamment :<\/p>\n<ul>\n<li><strong>Gestionnaire de pr\u00e9-r\u00e9glages<\/strong> &#8211; Sauvegarde des groupes de r\u00e8gles et les applique \u00e0 plusieurs blocs sur votre site pour une gestion efficace.<\/li>\n<li><strong>Points de rupture avanc\u00e9s<\/strong> &#8211; D\u00e9finis des tailles d&rsquo;\u00e9cran personnalis\u00e9es pour diff\u00e9rents appareils.<\/li>\n<li><strong>Contr\u00f4le de la g\u00e9olocalisation<\/strong> &#8211; Affiche ou masque les blocs en fonction de l&#8217;emplacement de l&rsquo;utilisateur (n\u00e9cessite une cl\u00e9 API).<\/li>\n<li><strong>R\u00e9glages de la barre d&rsquo;outils<\/strong> &#8211; G\u00e8re les conditions de visibilit\u00e9 directement \u00e0 partir de la barre d&rsquo;outils des blocs.<\/li>\n<li><strong>Visibilit\u00e9 bas\u00e9e sur le r\u00f4le de l&rsquo;utilisateur<\/strong> &#8211; Restreint les blocs en fonction des r\u00f4les de l&rsquo;utilisateur (tels que les administrateurs, les abonn\u00e9s, les clients).<\/li>\n<li><strong>Options de planification<\/strong> &#8211; R\u00e9gler les blocs pour qu&rsquo;ils n&rsquo;apparaissent que dans des plages de dates ou \u00e0 des heures sp\u00e9cifiques.<\/li>\n<li><strong>Int\u00e9grations WooCommerce et adh\u00e9sion<\/strong> &#8211; Contr\u00f4ler la visibilit\u00e9 en fonction du contenu du panier, de l&rsquo;adh\u00e9sion de l&rsquo;utilisateur, et plus encore.<\/li>\n<\/ul>\n<p>Pour ceux qui ont besoin d&rsquo;une plus grande flexibilit\u00e9 et d&rsquo;une logique conditionnelle avanc\u00e9e, la <a href=\"https:\/\/conditionalblocks.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">version Pro<\/a> fournit une bo\u00eete \u00e0 outils compl\u00e8te pour g\u00e9rer la visibilit\u00e9 du contenu \u00e0 l&rsquo;\u00e9chelle.<\/p>\n<h4>Wicked Block Conditions<\/h4>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/03\/wicked-block-conditions-settings.png\" alt=\"Extension Wicked Block Conditions.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Extension Wicked Block Conditions.<\/figcaption><\/figure>\n<p>L&rsquo;extension <a href=\"https:\/\/wordpress.org\/plugins\/wicked-block-conditions\" target=\"_blank\" rel=\"noopener noreferrer\">Wicked Block Conditions<\/a> est une extension gratuite qui vous permet de masquer ou d&rsquo;afficher des blocs en fonction de diff\u00e9rents crit\u00e8res :<\/p>\n<ul>\n<li><strong>Statut de connexion de l&rsquo;utilisateur<\/strong> &#8211; Afficher ou masquer les blocs selon qu&rsquo;un utilisateur est connect\u00e9 ou non.<\/li>\n<li><strong>R\u00f4le de l&rsquo;utilisateur<\/strong> &#8211; Restreindre la visibilit\u00e9 en fonction des r\u00f4les de l&rsquo;utilisateur.<\/li>\n<li><strong>Date et heure<\/strong> &#8211; Planifie l&rsquo;apparition ou la disparition du contenu \u00e0 des heures pr\u00e9cises.<\/li>\n<li><strong>Cat\u00e9gories ou \u00e9tiquettes de publications<\/strong> &#8211; Affiche le contenu en fonction de la cat\u00e9gorie ou de l&rsquo;\u00e9tiquette attribu\u00e9e.<\/li>\n<li><strong>Statut de publication<\/strong> &#8211; Contr\u00f4ler la visibilit\u00e9 en fonction du fait qu&rsquo;une publication est publi\u00e9e, en brouillon, en attente, etc.<\/li>\n<li><strong>R\u00e9glage de cha\u00eene de requ\u00eate<\/strong> &#8211; Ajuste la visibilit\u00e9 en fonction des valeurs contenues dans l&rsquo;URL.<\/li>\n<li><strong>Fonction PHP personnalis\u00e9e<\/strong> &#8211; Ex\u00e9cute une logique personnalis\u00e9e pour un contr\u00f4le avanc\u00e9 de la visibilit\u00e9.<\/li>\n<\/ul>\n<p>La possibilit\u00e9 d&rsquo;utiliser des fonctions PHP personnalis\u00e9es rend cette extension particuli\u00e8rement utile pour les d\u00e9veloppeurs qui souhaitent ajouter leur propre logique directement dans l&rsquo;interface utilisateur.<\/p>\n<h2>Code personnalis\u00e9 pour afficher ou masquer le contenu des blocs<\/h2>\n<p>Si votre cas d&rsquo;utilisation est simple et que vous pr\u00e9f\u00e9rez ne charger que ce qui est n\u00e9cessaire, vous pouvez utiliser un code personnalis\u00e9 au lieu d&rsquo;une extension. Vous pouvez le faire en codant votre propre extension ou en ajoutant des fonctions directement dans votre fichier <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-functions-php\/\"><code><u>functions.php<\/u><\/code><\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Comme toujours, lorsque l&rsquo;on modifie les fichiers du th\u00e8me principal, il est pr\u00e9f\u00e9rable d&rsquo;utiliser un <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-enfant-wordpress\/\">th\u00e8me enfant<\/a> pour \u00e9viter de perdre les modifications lors des mises \u00e0 jour.<\/p>\n<\/aside>\n\n<p>Vous trouverez ci-dessous trois exemples <a href=\"https:\/\/kinsta.com\/fr\/blog\/php-8-4\/\">bas\u00e9s sur PHP<\/a>, mais si les performances sont une priorit\u00e9, JavaScript pourrait \u00eatre un meilleur choix.<\/p>\n<h3>Masquage du contenu en fonction du statut de connexion de l&rsquo;utilisateur<\/h3>\n<p>L&rsquo;exemple suivant masque tous les \u00e9l\u00e9ments de paragraphe (<code>&lt;p&gt;<\/code>) lorsqu&rsquo;un utilisateur est connect\u00e9 :<\/p>\n<pre><code class=\"language-php\">add_action( 'wp_head', 'kinsta_toggle_paragraphs_visibility' );\n\nfunction kinsta_toggle_paragraphs_visibility() {\n   if (is_user_logged_in() ) {\n       echo 'p { display: none !important; }';\n   }\n}<\/code><\/pre>\n<p>La fonction v\u00e9rifie si un utilisateur est connect\u00e9 \u00e0 l&rsquo;aide de <code>is_user_logged_in()<\/code>. Si la condition est vraie, elle injecte du CSS dans la section <code>&lt;head&gt;<\/code>, masquant tous les \u00e9l\u00e9ments <code>&lt;p&gt;<\/code> en utilisant <code>display: none;<\/code>. Bien que le balisage reste dans la source de la page, il n&rsquo;est pas visible pour les utilisateurs.<\/p>\n<p>Vous pouvez modifier ce comportement en rempla\u00e7ant <code>is_user_logged_in()<\/code> par :<\/p>\n<ul>\n<li><code>!is_user_logged_in()<\/code> &#8211; Masquer le contenu lorsque l&rsquo;utilisateur est d\u00e9connect\u00e9.<\/li>\n<li><code>is_user_logged_out()<\/code> &#8211; Une fonction alternative pour d\u00e9tecter les utilisateurs d\u00e9connect\u00e9s.<\/li>\n<\/ul>\n<ul>\n<li><code>!is_user_logged_out()<\/code> &#8211; Une autre fa\u00e7on de v\u00e9rifier si l&rsquo;utilisateur est connect\u00e9.<\/li>\n<\/ul>\n<h3>Masquage du contenu en fonction de la g\u00e9olocalisation<\/h3>\n<p>Supposons que vous souhaitiez masquer du contenu pour les utilisateurs d&rsquo;un lieu donn\u00e9. Il n&rsquo;y a pas de limite \u00e0 ce que vous pouvez montrer ou masquer, mais ici, nous avons adopt\u00e9 une approche g\u00e9n\u00e9rale et cach\u00e9 toutes les images des utilisateurs bas\u00e9s aux \u00c9tats-Unis.<\/p>\n<pre><code class=\"language-php\">add_action('wp_head', 'kinsta_hide_images_for_us_visitors');\n\nfunction kinsta_hide_images_for_us_visitors() {\n   \/\/ Get visitor's IP address\n   $user_ip = $_SERVER['REMOTE_ADDR'];\n   $geo_api_url = \"https:\/\/ipapi.co\/{$user_ip}\/json\/\";\n\n   \/\/ Fetch geolocation data\n   $response = wp_remote_get($geo_api_url);\n\n   if ( is_wp_error($response) ) {\n       return; \/\/ Exit if API request fails\n   }\n\n   $data = json_decode( wp_remote_retrieve_body($response) );\n\n   \/\/ Check if the user is from the U.S.\n   if ( isset($data-&gt;country_code) && $data-&gt;country_code === 'US' ) {\n       echo 'h1, h2, h3, h4, h5, h6 { display: none !important; }';\n   }\n}<\/code><\/pre>\n<p><strong>Remarque :<\/strong><\/p>\n<ul>\n<li><code>$_SERVER['REMOTE_ADDR']<\/code> L&rsquo;API n&rsquo;est pas toujours fiable et peut renvoyer des adresses IP incorrectes.<\/li>\n<li>Appeler l&rsquo;API \u00e0 chaque chargement de page peut avoir un impact sur les performances. Une meilleure approche consisterait \u00e0 mettre la r\u00e9ponse en cache en utilisant un transient WordPress pour stocker temporairement les donn\u00e9es.<\/li>\n<\/ul>\n<h3>Masquer une image mise en avant par cat\u00e9gorie<\/h3>\n<p>Aucune des extensions que nous avons examin\u00e9es ne permettait d&rsquo;afficher ou de masquer les titres des pages ou les images mises en avant, car ce ne sont pas des blocs. Ici, nous masquons l&rsquo;image mise en avant pour tous les articles dont la cat\u00e9gorie est \u00ab Books \u00bb.<\/p>\n<pre><code class=\"language-php\">add_filter('post_thumbnail_html', 'kinsta_hide_featured_image_for_books_category', 10, 2);\n\nfunction kinsta_hide_featured_image_for_books_category($html, $post_id) {\n   \/\/ Check if the post belongs to the \"Books\" category\n   if (has_category('books', $post_id)) {\n       return ''; \/\/ Hide the featured image by returning an empty string\n   }\n   return $html; \/\/ Show the featured image if the category is not \"Books\"\n}<\/code><\/pre>\n<p>Ce filtre v\u00e9rifie si l&rsquo;article appartient \u00e0 la cat\u00e9gorie <strong>Books<\/strong> \u00e0 l&rsquo;aide de <code>has_category()<\/code>. Si la condition est <code>true<\/code>, il supprime l&rsquo;image mise en avant en renvoyant une cha\u00eene vide. Dans le cas contraire, il conserve l&rsquo;image mise en avant inchang\u00e9e.<\/p>\n<h2>Tester votre impl\u00e9mentation<\/h2>\n<p>Avant de d\u00e9ployer l&rsquo;extension ou le code personnalis\u00e9 que vous avez choisi, nous vous recommandons de proc\u00e9der \u00e0 des tests approfondis afin d&rsquo;\u00e9viter les probl\u00e8mes involontaires, tels que la restriction du contenu par rapport au public vis\u00e9. Voici quelques \u00e9tapes cl\u00e9s des tests :<\/p>\n<ul>\n<li><strong>S&rsquo;assurer de la compatibilit\u00e9<\/strong> &#8211; V\u00e9rifiez que l&rsquo;extension ou le code personnalis\u00e9 fonctionne de fa\u00e7on transparente, en particulier avec les extensions de blocage tierces.<\/li>\n<li><strong>Examiner la sortie du code source<\/strong> &#8211; Certaines m\u00e9thodes masquent le contenu \u00e0 l&rsquo;aide de <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleurs-pratiques-css\/\">CSS<\/a>, tandis que d&rsquo;autres le suppriment enti\u00e8rement du balisage. Consid\u00e9rez l&rsquo;impact de chaque approche sur le r\u00e9f\u00e9rencement avant de prendre une d\u00e9cision.<\/li>\n<li><strong>Utiliser un environnement de staging<\/strong> &#8211; Kinsta fournit des <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/environnement-staging\/\">environnements WordPress de staging<\/a> pour tous les comptes, ce qui vous permet de tester les changements en toute s\u00e9curit\u00e9 avant de les appliquer \u00e0 un site en direct.<\/li>\n<\/ul>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Le contr\u00f4le de la visibilit\u00e9 du contenu est un outil essentiel pour la gestion d&rsquo;un site WordPress. L&rsquo;approche que vous choisissez &#8211; qu&rsquo;il s&rsquo;agisse d&rsquo;une extension pr\u00eate \u00e0 l&#8217;emploi ou d&rsquo;un code personnalis\u00e9 &#8211; d\u00e9pend de vos besoins sp\u00e9cifiques et de votre expertise technique.<\/p>\n<p>Si vous voulez un h\u00e9bergeur qui facilite la prise en charge du d\u00e9veloppement, le test des extensions et la s\u00e9curisation de votre site, essayez Kinsta.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/vulnerabilite-plugin-wordpress\/\">Les failles de s\u00e9curit\u00e9<\/a> peuvent \u00eatre un r\u00e9el probl\u00e8me, mais avec Kinsta, vous b\u00e9n\u00e9ficiez d&rsquo;une <a href=\"https:\/\/kinsta.com\/fr\/docs\/information-service\/suppression-logiciel-malveillant\/\">analyse automatique des logiciels malveillants<\/a> toutes les trois minutes, de <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/premiers-pas-wordpress\/infrastructure-wordpress\/\">pare-feux de niveau professionnel<\/a> et d&rsquo;une plateforme optimis\u00e9e pour la vitesse et la fiabilit\u00e9. <a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/\">Commencez d\u00e8s aujourd&rsquo;hui avec Kinsta<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Avoir le contr\u00f4le sur le contenu qui est vu et dans quelles conditions est un outil pr\u00e9cieux pour tout d\u00e9veloppeur ou concepteur WordPress. Heureusement, il existe &#8230;<\/p>\n","protected":false},"author":313,"featured_media":79683,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1028,1035],"class_list":["post-79682","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-developpement-wordpress","topic-extensions-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Masquer ou afficher le contenu d&#039;un bloc dans WordPress<\/title>\n<meta name=\"description\" content=\"Apprenez \u00e0 afficher ou masquer le contenu des blocs WordPress gr\u00e2ce aux r\u00e9glages de visibilit\u00e9, au code personnalis\u00e9 ou aux extensions pour un meilleur contr\u00f4le du contenu.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Masquer ou faire appara\u00eetre le contenu d&#039;un bloc dans WordPress\" \/>\n<meta property=\"og:description\" content=\"Apprenez \u00e0 afficher ou masquer le contenu des blocs WordPress gr\u00e2ce aux r\u00e9glages de visibilit\u00e9, au code personnalis\u00e9 ou aux extensions pour un meilleur contr\u00f4le du contenu.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-04T07:53:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-07T08:45:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bud Kraus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Apprenez \u00e0 afficher ou masquer le contenu des blocs WordPress gr\u00e2ce aux r\u00e9glages de visibilit\u00e9, au code personnalis\u00e9 ou aux extensions pour un meilleur contr\u00f4le du contenu.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bud Kraus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/\"},\"author\":{\"name\":\"Bud Kraus\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\"},\"headline\":\"Masquer ou faire appara\u00eetre le contenu d&rsquo;un bloc dans WordPress\",\"datePublished\":\"2025-04-04T07:53:56+00:00\",\"dateModified\":\"2025-04-07T08:45:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/\"},\"wordCount\":3363,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\",\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/\",\"name\":\"Masquer ou afficher le contenu d'un bloc dans WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\",\"datePublished\":\"2025-04-04T07:53:56+00:00\",\"dateModified\":\"2025-04-07T08:45:57+00:00\",\"description\":\"Apprenez \u00e0 afficher ou masquer le contenu des blocs WordPress gr\u00e2ce aux r\u00e9glages de visibilit\u00e9, au code personnalis\u00e9 ou aux extensions pour un meilleur contr\u00f4le du contenu.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"D\u00e9veloppement WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Masquer ou faire appara\u00eetre le contenu d&#8217;un bloc dans WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\",\"name\":\"Bud Kraus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"caption\":\"Bud Kraus\"},\"description\":\"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/budkraus\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Masquer ou afficher le contenu d'un bloc dans WordPress","description":"Apprenez \u00e0 afficher ou masquer le contenu des blocs WordPress gr\u00e2ce aux r\u00e9glages de visibilit\u00e9, au code personnalis\u00e9 ou aux extensions pour un meilleur contr\u00f4le du contenu.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/","og_locale":"fr_FR","og_type":"article","og_title":"Masquer ou faire appara\u00eetre le contenu d'un bloc dans WordPress","og_description":"Apprenez \u00e0 afficher ou masquer le contenu des blocs WordPress gr\u00e2ce aux r\u00e9glages de visibilit\u00e9, au code personnalis\u00e9 ou aux extensions pour un meilleur contr\u00f4le du contenu.","og_url":"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2025-04-04T07:53:56+00:00","article_modified_time":"2025-04-07T08:45:57+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","type":"image\/png"}],"author":"Bud Kraus","twitter_card":"summary_large_image","twitter_description":"Apprenez \u00e0 afficher ou masquer le contenu des blocs WordPress gr\u00e2ce aux r\u00e9glages de visibilit\u00e9, au code personnalis\u00e9 ou aux extensions pour un meilleur contr\u00f4le du contenu.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","twitter_creator":"@kinsta_fr","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Bud Kraus","Dur\u00e9e de lecture estim\u00e9e":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/"},"author":{"name":"Bud Kraus","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed"},"headline":"Masquer ou faire appara\u00eetre le contenu d&rsquo;un bloc dans WordPress","datePublished":"2025-04-04T07:53:56+00:00","dateModified":"2025-04-07T08:45:57+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/"},"wordCount":3363,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/","url":"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/","name":"Masquer ou afficher le contenu d'un bloc dans WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","datePublished":"2025-04-04T07:53:56+00:00","dateModified":"2025-04-07T08:45:57+00:00","description":"Apprenez \u00e0 afficher ou masquer le contenu des blocs WordPress gr\u00e2ce aux r\u00e9glages de visibilit\u00e9, au code personnalis\u00e9 ou aux extensions pour un meilleur contr\u00f4le du contenu.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2025\/04\/making-block-content-hide-or-appear-in-wordpress.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/visibilite-bloc\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"D\u00e9veloppement WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/"},{"@type":"ListItem","position":3,"name":"Masquer ou faire appara\u00eetre le contenu d&#8217;un bloc dans WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed","name":"Bud Kraus","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","caption":"Bud Kraus"},"description":"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.","url":"https:\/\/kinsta.com\/fr\/blog\/author\/budkraus\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/79682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/313"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=79682"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/79682\/revisions"}],"predecessor-version":[{"id":79699,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/79682\/revisions\/79699"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79682\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79682\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79682\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79682\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79682\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79682\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79682\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79682\/translations\/es"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/79682\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/79683"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=79682"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=79682"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=79682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}