Het beheren van de zichtbaarheid van content in WordPress is een essentiële mogelijkheid voor ontwerpers, ontwikkelaars en contentmanagers. Of je nu de gebruikerservaring wilt personaliseren, de zichtbaarheid wilt beperken op basis van het apparaattype of tijdgevoelige campagnes wilt beheren, de mogelijkheid om blokken in WordPress voorwaardelijk weer te geven of te verbergen, biedt een ongekende flexibiliteit.
Deze handleiding leidt je door alles wat je moet weten over het verbergen of weergeven van blokinhoud in WordPress met behulp van plugins, aangepaste code en de ingebouwde functies van de blokeditor. Laten we eens kijken hoe je je WordPress-content dynamischer, efficiënter en beter afgestemd op elke bezoeker kunt maken.
Waarom de zichtbaarheid van blokinhoud in WordPress beheren?
Niet alle content hoeft voor elke gebruiker zichtbaar te zijn. Hier zijn een paar praktijkvoorbeelden van hoe je de zichtbaarheid van blokken kunt beperken:
- Toon exclusieve content alleen aan ingelogde gebruikers
- Toon locatiegebonden aanbiedingen met behulp van geotargeting
- De kopteksten worden aangepast aan het tijdstip van de dag
- Maak lay-outs die specifiek voor mobiele apparaten zijn ontworpen, zonder pagina's te dupliceren
- Voer tijdelijke acties uit zonder handmatig content te publiceren of te deactiveren
Deze zichtbaarheidscondities verbeteren zowel de gebruikerservaring als de prestaties van de content, met name op grote of complexe WordPress-sites.
Hulp nodig bij het aanpassen van het gedrag van WordPress-blokken?
Of u nu complexe redactionele workflows of gebruikersspecifieke contentstructuren bouwt, onze deskundige ontwikkelaars kunnen u helpen volledige controle over uw content te implementeren met WordPress.
Plugins gebruiken om blokinhoud in WordPress weer te geven of te verbergen
Plugins zijn de meest toegankelijke manier om geavanceerde instellingen voor de zichtbaarheid van content in de WordPress-blokeditor te implementeren. Hieronder vind je de meest betrouwbare plugins voor dit doel.
Blokkeer zichtbaarheidsplugin
De Block Visibility- plugin is een uitgebreide tool waarmee je tientallen zichtbaarheidsinstellingen rechtstreeks aan individuele blokken kunt toevoegen. De plugin integreert met de blokeditor en ondersteunt:
- Bediening op basis van apparaattype (mobiel, tablet, desktop)
- Browserdoelstelling (Chrome, Safari, Firefox)
- Datum en tijd inplannen
- Personalisatie op basis van cookies
- Gebruikersrollen en inlogstatus
- Schermbreedte en schermgrootte
- Verwijzingsbronnen en zoektermen
- Aangepaste metadata en locatiedetectie
Deze instellingen vind je in de rechterzijbalk onder het gedeelte 'Zichtbaarheid' van elk blok. Je kunt ook de modus 'Volledige controle' inschakelen in de algemene instellingen om toegang te krijgen tot alle opties voor alle blokken.
Belangrijkste kenmerken:
- Zichtbaarheidsvoorinstellingen voor het beheren van meerdere blokken
- Voorwaarden voor URL-paden voor paginaspecifieke inhoud
- Blok voor iedereen verbergen (schakelaar voor snelle aanpassingen)
- Importeren en exporteren van zichtbaarheidsconfiguraties
Deze plugin is ideaal voor webontwikkelaars die complexe WordPress-sites beheren met dynamische content.
Inhoudsbeheerplug-in
De Content Control-plugin vereenvoudigt de zichtbaarheid van blokken door zich te richten op twee belangrijke regelsets:
- Apparaatregels (mobiel, tablet, desktop)
- Gebruikersregels (ingelogd, uitgelogd, specifieke gebruikersrollen)
Het werkt goed in scenario's waarin je verschillende content wilt weergeven op basis van de inlogstatus of schermgrootte. Je kunt bijvoorbeeld een andere afbeelding aan mobiele gebruikers tonen dan aan desktopgebruikers, met behulp van dezelfde blokstructuur.
Belangrijkste kenmerken:
- Regels om de zichtbaarheidsinstellingen tijdelijk uit te schakelen
- Globale breakpoint-instellingen in de pluginopties
- Eenvoudige gebruikersinterface geïntegreerd in de blokeditor
- Optionele premiumfuncties zoals WooCommerce-voorwaarden
Deze plugin is perfect voor beginners of bureaus die snel apparaat- of gebruikersgebaseerde personalisatie willen implementeren.
Voorwaardelijke blokken
Conditional Blocks biedt een op modale vensters gebaseerde interface voor het toevoegen van voorwaardelijke logica aan WordPress-blokken. De gratis versie bevat basisfuncties zoals zichtbaarheid op apparaat en gebruiker, terwijl de pro-versie geolocatie, planning en op lidmaatschap gebaseerde beperkingen introduceert.
Aanbiedingen in de gratis versie:
- Blokkeer het blok voor iedereen
- Apparaatgebaseerde weergave
- Gebruikersaanmeldingsvoorwaarden
- EN/OF logische combinaties
De Pro-versie voegt het volgende toe:
- Geavanceerde datumplanning
- Doelgroepbepaling op basis van gebruikersrol
- WooCommerce en ledenbeheer
- Aangepaste breekpunten en geotargeting
- Voorinstellingenbeheerder voor batchwijzigingen
Conditional Blocks is een goede middenweg tussen eenvoud en kracht, vooral voor teams die herbruikbare voorwaarden nodig hebben.
Wicked Blocks-conditie
Wicked Blocks Condition is een minder bekende plugin met ontwikkelaarsvriendelijke opties, zoals aangepaste PHP-functies. Hiermee kunnen blokken worden weergegeven of verborgen op basis van:
- Gebruikersrol of inlogstatus
- Datum- en tijdsperioden
- Status of categorieën van berichten
- URL-queryreeksen
- Aangepaste logicafuncties
Als je de flexibiliteit van low-code wilt combineren met controle via een editor, is deze plugin een goede keuze.
Vergelijkingstabel van plug-ins
| Pluginnaam | Belangrijkste kenmerken | Ideaal gebruiksscenario |
|---|---|---|
| Blokkeer zichtbaarheid | Datum/tijd, geolocatie, gebruikersrol, schermgrootte, cookies | Volledige zichtbaarheidscontrole |
| Inhoudsbeheer | Apparaat- en gebruikersrolregels | Lichtgewicht gebruiksvoorbeelden |
| Voorwaardelijke blokken | EN/OF-logica, voorinstellingen, geavanceerde breekpunten | Middelgrote tot geavanceerde implementaties |
| Wicked Blocks-conditie | PHP-functieondersteuning, query string targeting | Ontwikkelaarsgerichte besturing |
Aangepaste codefragmenten om inhoud in WordPress te verbergen of weer te geven
Als je liever geen plugins gebruikt, kun je de zichtbaarheid regelen met behulp van de standaard WordPress-functies en voorwaardelijke logica. Deze voorbeelden kun je toevoegen aan een aangepaste plugin of aan het functions.php-bestand van je child theme.
Inhoud verbergen voor ingelogde gebruikers
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; }'; } }Dit verbergt alle alinea-elementen voor ingelogde gebruikers. Je kunt de voorwaarde omkeren of andere elementen selecteren, afhankelijk van je behoeften.
Inhoud verbergen op basis van geolocatie
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; }'; } }Gebruik dit script om alle afbeeldingen te verbergen voor bezoekers uit de Verenigde Staten. Houd er rekening mee dat API-aanroepen bij elke paginalading de prestaties kunnen beïnvloeden, dus gebruik waar mogelijk transients of caching.
Verberg de uitgelichte afbeelding per categorie
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; }Deze code verwijdert de uitgelichte afbeelding van alle berichten die zijn toegewezen aan de categorie 'boeken'. Je kunt de code aanpassen voor tags, aangepaste taxonomieën of metadata.
Testen van de zichtbaarheidsvoorwaarden van de inhoud
Om verrassingen op uw live website te voorkomen, volgen hier enkele aanbevolen testprocedures:
- Gebruik testomgevingen voor proefdraaien.
- Wis de cache van uw browser en website voordat u de wijzigingen
- Schakel tussen gebruikersrollen om de zichtbaarheidsvoorwaarden te controleren
- Controleer de broncode van de pagina om te bevestigen of verborgen elementen worden verwijderd of alleen met CSS worden verborgen
- Gebruik de ontwikkelaarstools van de browser om verschillende apparaten en schermformaten te simuleren
Deze voorzorgsmaatregelen helpen je SEO-problemen en onverwacht gedrag te voorkomen, vooral op grote WordPress-websites.
Plugininstellingen en tips
Elke hierboven genoemde plugin heeft specifieke configuratiegebieden in het WordPress-beheerpaneel > Instellingen. Afhankelijk van je plugin kun je het volgende doen:
- Definieer apparaatonderbrekingspunten
- Schakel de zichtbaarheid van blokken in het editorpaneel in
- Schakel plug-ins uit voor bepaalde blokken
- Activeer de volledige besturingsmodus of de debugmodus
Door de standaard zichtbaarheidsinstellingen te begrijpen en aan te passen aan uw redactionele workflow, zorgt u voor een beter contentbeheer op uw hele website.
Wanneer moet je een plugin gebruiken in plaats van eigen code?
De keuze tussen plugins en eigen code hangt af van de complexiteit van je project, de vaardigheden van je team en je prestatiedoelen.
Gebruik een plugin als:
- Je hebt niet-technische gebruikers nodig om de zichtbaarheid te beheren
- Uw website vereist tientallen voorwaarden verspreid over verschillende pagina's
- Je wilt toegang tot professionele functies zoals planning of geotargeting
Gebruik aangepaste code als:
- Je wilt een efficiëntere prestatie
- Je richt je op unieke omstandigheden die niet door plugins worden ondersteund
- Uw website is klein en beperkt van omvang
Voor grote websites werkt een hybride aanpak vaak het beste. Gebruik plugins voor reguliere zichtbaarheidsinstellingen en schrijf aangepaste logica waar nodig.
Praktische toepassingen voor de zichtbaarheid van WordPress-blokken
Inzicht in zichtbaarheidsinstellingen is één ding. Ze effectief toepassen is iets heel anders. Laten we eens kijken naar concrete praktijksituaties waarin het voorwaardelijk weergeven van contentblokken een essentieel onderdeel van de website-strategie wordt.
Gepersonaliseerde content voor ingelogde gebruikers
Veel ledenwebsites, e-learningplatforms en interne bedrijfsdashboards gebruiken zichtbaarheidsvoorwaarden om de toegang tot content te beperken. Je kunt bijvoorbeeld een welkomstbericht of een gepersonaliseerd dashboard alleen weergeven voor ingelogde gebruikers. Als iemand uitlogt, verdwijnt hetzelfde contentblok automatisch uit beeld.
Dit is eenvoudig op te lossen met de plugin voor blokzichtbaarheid of Content Control door zichtbaarheidsinstellingen toe te wijzen op basis van gebruikersrol en inlogstatus. Het is een gebruiksvriendelijke methode voor contentsegmentatie waarvoor geen geavanceerde programmeervaardigheden nodig zijn.
Meertalige WordPress-sites
Wereldwijd opererende bedrijven maken vaak verschillende contentblokken voor elke taal. In plaats van meerdere pagina's te bouwen, kunt u de zichtbaarheid van blokken beheren om blokken voorwaardelijk weer te geven op basis van gebruikersvoorkeuren of locatie. Combineer geolocatielogica met meertalige plug-ins om regiospecifieke content aan te bieden zonder dubbel werk.
Aankondigingen gebaseerd op tijd
U wilt wellicht flitsverkopen, productlanceringen of promotionele banners uitvoeren die alleen gedurende een bepaalde periode worden weergegeven. Met behulp van de datum- en tijdvoorwaarden in de plugin voor blokzichtbaarheid kunt u blokken zo plannen dat ze op precieze momenten worden weergegeven of verborgen.
Dit soort automatisering zorgt ervoor dat uw WordPress-website altijd up-to-date is en maakt het handmatig publiceren of verwijderen van blokken overbodig.
Voorwaardelijke lay-outs voor mobiele apparaten
Verschillende schermformaten vereisen vaak verschillende lay-outs. In plaats van meerdere versies van een pagina te maken, kunt u met de instellingen voor blokzichtbaarheid mobielspecifieke contentblokken creëren. Toon blokken op basis van schermgrootte of apparaattype en verbeter de gebruikerservaring op mobiele apparaten, terwijl alles op één plek bewerkbaar blijft.
Dit is met name handig om verschillende navigatie-, knop- of afbeeldingsformaten voor kleinere schermen weer te geven, waardoor de gebruiksvriendelijkheid en paginaprestaties worden verbeterd.
Hoe zichtbaarheidsinstellingen werken in de WordPress-blokeditor
Als je de Gutenberg-blokeditor gebruikt (tegenwoordig de standaard voor WordPress), verschijnen de zichtbaarheidsinstellingen in de rechterzijbalk zodra een plugin zoals Block Visibility of Conditional Blocks is geïnstalleerd.
Bij het bewerken van een bericht of pagina:
- Selecteer een inhoudsblok
- Zoek naar een sectie met de titel 'Zichtbaarheid' of 'Weergaveomstandigheden'.
- Gebruik de selectievakjes, keuzelijsten of schakelaars om te bepalen wie het blok ziet en wanneer
Sommige plug-ins voegen ook een werkbalkpictogram of instellingen toe onder 'Geavanceerd' in het gedeelte van de blokeditor. Hiermee hebt u snel toegang tot zichtbaarheidsopties zoals schermgrootte, gebruikersrollen, inlogstatus of URL-queryreeksen.
Aanbevelingen voor het beheren van zichtbaarheidsinstellingen
Om verwarring te voorkomen en de prestaties te optimaliseren, volgen hier enkele tips van experts:
- Groepeer gerelateerde blokken: Gebruik blokgroepen of patronen om zichtbaarheidsregels toe te passen op verschillende secties.
- Gebruik voorinstellingen: Sla in tools zoals 'Blokzichtbaarheid' of 'Voorwaardelijke blokken' veelgebruikte instellingen op als voorinstellingen.
- Beperk overlapping van plugins: Vermijd het gebruik van meerdere plugins voor hetzelfde doel om conflicten te verminderen.
- Train je team: Niet-technische editors moeten de zichtbaarheidsvoorwaarden begrijpen om verkeerde configuratie te voorkomen.
- Test alle gebruikersrollen: controleer hoe elk contentblok eruitziet voor verschillende gebruikerstypen, zowel ingelogde als uitgelogde gebruikers.
Deze gewoontes helpen om gestroomlijnde werkprocessen te behouden en prestatieproblemen of verwarring over de inhoud te voorkomen.
Slotgedachten
De mogelijkheid om blokken in WordPress te verbergen of weer te geven is niet langer alleen weggelegd voor ontwikkelaars. Met de juiste plugins of aangepaste code kan iedereen gepersonaliseerde gebruikerservaringen creëren die inspelen op rol, locatie, apparaat of tijdstip.
van bedrijfsniveau bouwt een contenthub, de instellingen voor contentzichtbaarheid helpen je om de juiste boodschap op het juiste moment aan de juiste doelgroep te leveren.
Door de zichtbaarheidsinstellingen van blokken te beheersen, creëer je een dynamischere, persoonlijkere en beter presterende WordPress-website.
