Die Kontrolle darüber, welche Inhalte unter welchen Bedingungen zu sehen sind, ist ein wertvolles Werkzeug für jeden WordPress-Entwickler oder Designer.
Zum Glück gibt es im WordPress-Ökosystem viele Plugins, die dir dabei helfen können. Hier stellen wir vier Plugins vor, mit denen du folgendes tun kannst:
- Ausblenden von Entwurfsinhalten auf einer Live-Seite.
- Anzeigebedingungen auf Gruppen, Kopf- und Fußzeilen anwenden.
- Inhalte basierend auf Datum und Uhrzeit anzeigen.
- Unterschiedliche Designs je nach Gerätetyp anzeigen.
Ein wichtiger Unterschied zwischen den Plugins, die wir getestet haben, ist, wie einfach – oder schwierig – es ist, diese Aktionen durchzuführen.
Unsere ausgewählten Plugins konzentrieren sich darauf, Inhalte innerhalb von Blöcken anzuzeigen oder auszublenden. Wir befassen uns nicht mit umfassenderen Lösungen wie Mitgliedschafts-Plugins, die den Seitenzugang einschränken, und auch nicht mit dem Sperren, Entsperren oder Ausblenden von Blöcken selbst. Siehe dazu unseren Artikel Gutenberg-Blöcke deaktivieren und sperren.
Alle vier Plugins sollten mit Block-, Hybrid- oder klassischen Themes funktionieren. Sie unterstützen auch Block-Muster, teilweise synchronisierte Muster und vollständig synchronisierte Muster, die mit Blöcken erstellt wurden.
Auch wenn benutzerdefinierter Code nicht immer der beste Weg ist, um Blöcke ein- oder auszublenden, stellen wir einige Code-Schnipsel als Beispiele zur Verfügung.
Plugins zum Ein- und Ausblenden von Blockinhalten in WordPress
Die Plugins, die wir untersuchen, haben ähnliche Funktionen, werden aber auf unterschiedliche Weise implementiert. Die meisten enthalten globale Einstellungen in WP Admin > Einstellungen, mit Ausnahme der letzten beiden Plugins, die im Abschnitt Andere Plugins erwähnt werden und die diese Optionen nicht haben.
Alle Plugins bieten jedoch die Möglichkeit, die Sichtbarkeit von Blöcken im Inspector (in der rechten Seitenleiste) des Editors einzustellen, unabhängig davon, ob du mit einer Seite, einem Beitrag, einem benutzerdefinierten Beitragstyp oder dem Site-Editor arbeitest.
Block Visibility
Block Visibility ist eines der bekanntesten Plugins in diesem Bereich. Es ist seit den Anfängen des Blockeditors erhältlich. Es bietet die umfangreichsten Funktionen mit einer intuitiven Benutzeroberfläche (UI) und ist völlig kostenlos, es gibt keine Premium-Version.
Du kannst die Sichtbarkeitskontrolle für jeden Block auf der Grundlage verschiedener Bedingungen entweder einzeln oder in Kombination festlegen:
- Browser & Gerät – Zeige oder verstecke einen Block je nach Browser (Chrome, Firefox, Safari, etc.) oder Gerätetyp (Desktop, Tablet, Handy) des Besuchers.
- Cookie – Steuere die Sichtbarkeit abhängig davon, ob ein bestimmtes Cookie im Browser des Nutzers vorhanden ist, was für die Personalisierung nützlich ist.
- Datum & Uhrzeit – Lege fest, dass Inhalte nur zu bestimmten Zeiten oder an bestimmten Tagen sichtbar sind, z. B. wenn eine Nachricht nur während der Geschäftszeiten angezeigt werden soll.
- Block ausblenden – Eine direkte Überschreibung, die einen Block vollständig ausblendet, unabhängig von anderen Bedingungen.
- Standort – Zeige oder verstecke Inhalte basierend auf dem geografischen Standort des Besuchers (Land, Region oder Stadt).
- Metadaten – Kontrolliere die Sichtbarkeit mit Hilfe von benutzerdefinierten Metadatenwerten, die oft für dynamische Inhalte in benutzerdefinierten Beitragstypen nützlich sind.
- Query String – Blendet Blöcke auf der Grundlage von URL-Parametern ein oder aus (z. B. wird ein Block nur angezeigt, wenn
?promo=truein der URL enthalten ist). - Referral Source – Ändere die Sichtbarkeit je nachdem, woher der Besucher kam (z. B. ein Sonderangebot ausblenden, wenn der Nutzer von Google kam).
- Bildschirmgröße – Passe die Sichtbarkeit je nach Bildschirmbreite an, um unterschiedliche Inhalte für Handy-, Tablet- oder Desktop-Nutzer zu ermöglichen.
- URL-Pfad – Blende Blöcke anhand der URL der Website ein oder aus, um Inhalte nur auf bestimmten Seiten oder Abschnitten der Website anzuzeigen.
- Benutzerrolle – Schränke die Sichtbarkeit basierend auf der Rolle des angemeldeten Benutzers ein, z. B. um exklusive Inhalte für Administratoren oder Mitglieder anzuzeigen.
Das Plugin enthält außerdem zusätzliche Funktionen zur Verwaltung der Blocksichtbarkeit:
- Sichtbarkeitsvoreinstellungen – Speichere vordefinierte Sichtbarkeitseinstellungen und wende sie auf mehrere Blöcke an.
- Kopieren und Importieren von Einstellungen – Dupliziere die Sichtbarkeitseinstellungen für verschiedene Blöcke ganz einfach.
Außerdem gibt es direkt in der Block-Symbolleiste einen Schalter, mit dem du Blöcke ausblenden kannst, um sie komplett zu verbergen.
Schauen wir uns zwei gängige Beispiele an, wie dieses Plugin eingesetzt werden kann.
Datum & Uhrzeit
Das Plugin für die Blocksichtbarkeit bietet die volle Kontrolle über die Planung von Inhalten auf der Grundlage von Datum und Uhrzeit. Du kannst bestimmte Zeiträume, Daten oder eine Kombination aus beidem festlegen.
Wir möchten zum Beispiel eine Überschrift anzeigen, wenn der Shop geöffnet ist, und eine andere, wenn er geschlossen ist:
- „Unser Shop ist jetzt geöffnet“ soll zwischen 8 Uhr und 17 Uhr sichtbar sein.
- „Wir haben jetzt geschlossen“ soll zu allen anderen Zeiten zu sehen sein.
Wenn du dies zum ersten Mal tust, klicke auf das Plus-Symbol (+) oder das Menü mit den drei Punkten, um die Steuerungsoptionen des Plugins aufzurufen, und wähle Datum und Uhrzeit aus. Führe dies für beide Überschriftenblöcke durch.
Wende die Bedingung 8 – 17 Uhr auf die Überschrift „Unser Shop ist jetzt geöffnet“ an.
Die Überschrift „Wir haben jetzt geschlossen“ benötigt zwei Datensätze, um den Tageswechsel um Mitternacht zu überbrücken.
Das Ergebnis zeigt die Überschriften wie in der Sichtbarkeitsbedingung festgelegt an.
Empfehlungsquelle
In diesem Beispiel blenden wir eine Schaltfläche aus, wenn die Empfehlungsquelle einen Teil einer vorgeschriebenen URL enthält. Alternativ hätten wir die Schaltfläche auch anzeigen können, wenn die Empfehlung einen Teil einer vorgeschriebenen URL enthält.
Unter Einstellungen > Blocksichtbarkeit findest du drei Hauptbereiche:
- Allgemeine Einstellungen
- Sichtbarkeitskontrollen
- Block-Manager
Für ein optimales Erlebnis empfehlen wir dir, in den allgemeinen Einstellungen den Vollkontrollmodus zu aktivieren. Dadurch wird sichergestellt, dass die Sichtbarkeitseinstellungen für jeden Block verfügbar sind.
Für einige Blöcke, wie z. B. den Button-Block, ist diese Einstellung erforderlich, da die Sichtbarkeitseinstellungen des Plugins im Inspektor-Panel nicht standardmäßig aktiviert sind.
Content Control
Nicht zu verwechseln mit dem Plugin Restrict Content, bietet das Plugin Content Control zwei Bedingungen für das Ein- und Ausblenden von Inhalten.
- Geräteregeln – Steuert die Sichtbarkeit von Blöcken je nach Gerätetyp (Desktop, Tablet oder Mobile).
- Benutzerregeln – Zeigt einen Block auf der Grundlage von Benutzerrollen an, die für angemeldete oder abgemeldete Benutzer, alle Rollen, bestimmte Rollen oder ausgeschlossene Rollen festgelegt werden können.
Diese Regeln können einzeln oder kombiniert verwendet werden, um flexible Sichtbarkeitsbedingungen zu schaffen. Zum Beispiel verwenden wir die Geräteregeln, um ein Bild anzuzeigen, das für verschiedene Bildschirmgrößen optimiert ist. Das größere Bild wird nur auf Desktops angezeigt.
- A: Im Seiteneditor sind die Ansichten Mobile und Tablet ausgeschaltet.
- B: Im Frontend wird das Bild in der richtigen Größe für Desktops angezeigt.
Außerdem ist das für Mobilgeräte optimierte Bild so eingestellt, dass es nur auf Tablets und mobilen Geräten angezeigt wird.
- A: Im Seiteneditor ist die Desktop-Ansicht ausgeschaltet.
- B: Auf dem Frontend wird das Bild für Tablets und mobile Geräte angezeigt.
Diese Einstellung stellt sicher, dass die Nutzer/innen die für ihr Gerät am besten geeignete Bildgröße sehen, was die Leistung und das Nutzererlebnis verbessert.
Außerdem enthält jeder Block vier optionale Einstellungen, die über das Optionsmenü mit den drei Punkten zugänglich sind:
- Kopieren – Kopiert die Einstellungen des Blocks.
- Einfügen – Wendet die kopierten Einstellungen auf einen anderen Block an.
- Standard wiederherstellen – Setzt alle Sichtbarkeitsbedingungen für den Block zurück.
- Geräteregeln deaktivieren / Benutzerregeln deaktivieren – Schaltet die Sichtbarkeitsbedingungen vorübergehend aus, ohne sie zu löschen.
Wir empfehlen dringend, die Optionen Disable Device Rules oder Disable User Rules zu verwenden, während du das Plugin testest. Das macht es einfacher, die Sichtbarkeitseinstellungen bei Bedarf zurückzusetzen und anzupassen.
Unter WP Admin > Einstellungen findest du mehrere globale Einstellungen für das Plugin, wie z. B. die Festlegung der Haltepunkte. Hier sind die Standardeinstellungen für die drei Geräte.
Du kannst das Plugin auch für jeden Block innerhalb dieser Einstellungen ausschalten. Die Premium-Version des Plugins enthält diese und viele andere Funktionen:
- Blockplanung – Lege zeitbasierte Sichtbarkeitsbedingungen fest.
- WooCommerce-Regeln – Kontrolliere die Sichtbarkeit von Blöcken anhand der WooCommerce-Einstellungen.
- Easy Digital Downloads Regeln – Schränke Inhalte für Kunden mit digitalen Produkten ein.
- Boolesche Regeln – Verwende logische Bedingungen für die Sichtbarkeit von Blöcken.
- Regel-Engine für Blöcke – Erstelle benutzerdefinierte Sichtbarkeitsbedingungen mit größerer Flexibilität.
Andere Plugins
Zusätzlich zu den bekannteren Optionen gibt es zwei weniger bekannte Plugins mit weniger aktiven Installationen, die ebenfalls die Sichtbarkeit von Blöcken steuern:
Conditional Blocks – Erweiterte Inhaltssichtbarkeit
Mit dem Conditional Blocks Plugin kannst du die Sichtbarkeit von WordPress-Blöcken mit einer fortschrittlichen Logik in einer einfachen modalen Oberfläche steuern. Du kannst Bedingungen festlegen, die bestimmen, wann und wo ein Block sichtbar sein soll.
Die kostenlose Version von Conditional Blocks enthält grundlegende Sichtbarkeitskontrollen, wie z. B.:
- Block für alle sperren – Blendet einen Block vollständig aus.
- Responsive Sichtbarkeit – Blöcke je nach Gerätetyp (Handy, Tablet oder Desktop) anzeigen oder ausblenden.
- Benutzerstatusbedingungen – Die Option Eingeloggt zeigt Blöcke nur für eingeloggte Benutzer an, während die Option Ausgeloggt Blöcke nur für ausgeloggte Benutzer anzeigt.
- UND/ODER-Bedingungslogik – Kombiniere mehrere Regeln, um komplexe Sichtbarkeitsbedingungen zu erstellen.
Die Pro-Version erweitert den Funktionsumfang um zusätzliche Funktionen, darunter:
- Preset Manager – Speichere Regelgruppen und wende sie auf mehrere Blöcke deiner Website an, um sie effizient zu verwalten.
- Erweiterte Haltepunkte – Definiere eigene Bildschirmgrößen für verschiedene Geräte.
- Geolocation Control – Blende Blöcke basierend auf dem Standort eines Nutzers ein oder aus (erfordert einen API-Schlüssel).
- Toolbar-Einstellungen – Verwalte die Sichtbarkeitsbedingungen direkt über die Block-Symbolleiste.
- Benutzerrollenbasierte Sichtbarkeit – Schränke Blöcke auf Basis von Benutzerrollen ein (z. B. Admins, Abonnenten, Kunden).
- Zeitplanungsoptionen – Lege fest, dass Blöcke nur in bestimmten Datumsbereichen oder zu bestimmten Zeiten erscheinen.
- WooCommerce- und Mitgliedschaftsintegrationen – Kontrolliere die Sichtbarkeit anhand des Inhalts des Warenkorbs, der Mitgliedschaften der Nutzer/innen und mehr.
Für diejenigen, die mehr Flexibilität und eine erweiterte bedingte Logik benötigen, bietet die Pro-Version ein komplettes Toolkit zur Verwaltung der Sichtbarkeit von Inhalten in großem Umfang.
Wicked Block Conditions
Das Wicked Block Conditions Plugin ist ein kostenloses Plugin, mit dem du Blöcke anhand verschiedener Kriterien ein- oder ausblenden kannst:
- Login-Status des Benutzers – Blöcke ein- oder ausblenden, je nachdem, ob ein Benutzer eingeloggt ist.
- Benutzerrolle – Schränke die Sichtbarkeit auf der Grundlage von Benutzerrollen ein.
- Datum und Uhrzeit – Lege fest, dass Inhalte zu bestimmten Zeiten angezeigt oder ausgeblendet werden.
- Beitragskategorien oder Tags – Zeige Inhalte auf der Grundlage der zugewiesenen Kategorie oder des Tags an.
- Beitragsstatus – Bestimme, ob ein Beitrag veröffentlicht, im Entwurfsstadium, in Bearbeitung usw. ist.
- Query-String-Parameter – Passe die Sichtbarkeit anhand der Werte in der URL an.
- Benutzerdefinierte PHP-Funktion – Führe eine benutzerdefinierte Logik für eine erweiterte Sichtbarkeitskontrolle aus.
Die Möglichkeit, benutzerdefinierte PHP-Funktionen zu verwenden, macht dieses Plugin besonders nützlich für Entwickler, die ihre eigene Logik direkt in die Benutzeroberfläche einfügen möchten.
Benutzerdefinierter Code zum Ein- und Ausblenden von Blockinhalten
Wenn du einen einfachen Anwendungsfall hast und nur das Nötigste laden möchtest, kannst du anstelle eines Plugins benutzerdefinierten Code verwenden. Dazu kannst du dein eigenes Plugin programmieren oder Funktionen direkt in deine functions.php Datei.
Im Folgenden findest du drei PHP-basierte Beispiele, aber wenn du Wert auf Leistung legst, ist JavaScript vielleicht die bessere Wahl.
Ausblenden von Inhalten basierend auf dem Anmeldestatus des Benutzers
Das folgende Beispiel blendet alle Absatzelemente (<p>) aus, wenn ein Benutzer eingeloggt ist:
add_action( 'wp_head', 'kinsta_toggle_paragraphs_visibility' );
function kinsta_toggle_paragraphs_visibility() {
if (is_user_logged_in() ) {
echo 'p { display: none !important; }';
}
}Die Funktion prüft, ob ein Benutzer mit is_user_logged_in() eingeloggt ist. Wenn die Bedingung erfüllt ist, fügt sie CSS in den Abschnitt <head> ein und blendet alle <p> Elemente mit display: none; aus. Das Markup bleibt zwar im Seitenquelltext, ist aber für den Benutzer nicht sichtbar.
Du kannst dieses Verhalten ändern, indem du is_user_logged_in() ersetzt durch:
!is_user_logged_in()– Inhalt ausblenden, wenn der Benutzer abgemeldet ist.is_user_logged_out()– Eine alternative Funktion zur Erkennung von abgemeldeten Nutzern.
!is_user_logged_out()– Ein alternativer Weg, um zu prüfen, ob der Nutzer eingeloggt ist.
Ausblenden von Inhalten basierend auf der Geolokalisierung
Angenommen, du möchtest Inhalte für Nutzer aus einem bestimmten Ort ausblenden. Es gibt keine Beschränkung, was du zeigen oder ausblenden kannst, aber hier haben wir einen allgemeinen Ansatz gewählt und alle Bilder für Nutzer aus den USA ausgeblendet.
add_action('wp_head', 'kinsta_hide_images_for_us_visitors');
function kinsta_hide_images_for_us_visitors() {
// Get visitor's IP address
$user_ip = $_SERVER['REMOTE_ADDR'];
$geo_api_url = "https://ipapi.co/{$user_ip}/json/";
// Fetch geolocation data
$response = wp_remote_get($geo_api_url);
if ( is_wp_error($response) ) {
return; // Exit if API request fails
}
$data = json_decode( wp_remote_retrieve_body($response) );
// Check if the user is from the U.S.
if ( isset($data->country_code) && $data->country_code === 'US' ) {
echo 'h1, h2, h3, h4, h5, h6 { display: none !important; }';
}
}Beachte:
$_SERVER['REMOTE_ADDR']Die API ist nicht immer zuverlässig und kann falsche IPs zurückgeben.- Das Aufrufen der API bei jedem Seitenaufruf kann die Leistung beeinträchtigen. Besser wäre es, die Antwort mit einem WordPress-Transient zwischenzuspeichern, um die Daten temporär zu speichern.
Ein Featured Image nach Kategorie ausblenden
Keines der Plugins, die wir uns angesehen haben, bietet eine Möglichkeit, Seitentitel oder Bilder ein- oder auszublenden, da es sich nicht um Blöcke handelt. Hier blenden wir das Bild für alle Beiträge aus, deren Kategorie Bücher ist.
add_filter('post_thumbnail_html', 'kinsta_hide_featured_image_for_books_category', 10, 2);
function kinsta_hide_featured_image_for_books_category($html, $post_id) {
// Check if the post belongs to the "Books" category
if (has_category('books', $post_id)) {
return ''; // Hide the featured image by returning an empty string
}
return $html; // Show the featured image if the category is not "Books"
}Dieser Filter prüft mit has_category(), ob der Beitrag zur Kategorie Bücher gehört. Wenn die Bedingung true erfüllt ist, entfernt er das Featured Image und gibt einen leeren String zurück. Andernfalls lässt er das Bild unverändert.
Testen deiner Implementierung
Bevor du das von dir gewählte Plugin oder den benutzerdefinierten Code einsetzt, empfehlen wir gründliche Tests, um unbeabsichtigte Probleme zu vermeiden, wie z. B. die Einschränkung von Inhalten für die beabsichtigte Zielgruppe. Hier sind einige wichtige Testschritte:
- Kompatibilität sicherstellen – Überprüfe, ob das Plugin oder der benutzerdefinierte Code reibungslos funktioniert, insbesondere mit Block-Plugins von Drittanbietern.
- Überprüfe den Quellcode – Manche Methoden verstecken Inhalte mit CSS, während andere sie ganz aus dem Markup entfernen. Überlege dir, wie sich jede Methode auf die Suchmaschinenoptimierung auswirkt, bevor du eine Entscheidung triffst.
- Verwende eine Staging-Umgebung – Kinsta bietet WordPress Staging-Umgebungen für alle Konten an, in denen du Änderungen sicher testen kannst, bevor du sie auf eine Live-Site überträgst.
Zusammenfassung
Die Kontrolle der Sichtbarkeit von Inhalten ist ein wichtiges Instrument für die Verwaltung von WordPress-Websites. Welchen Ansatz du wählst – ob ein Plugin von der Stange oder ein eigener Code – hängt von deinen spezifischen Bedürfnissen und deinem technischen Know-how ab.
Wenn du einen Hoster suchst, der dir die Entwicklung, das Testen von Plugins und die Sicherheit deiner Seite erleichtert, solltest du Kinsta ausprobieren.
Sicherheitslücken können ein echtes Problem sein, aber mit Kinsta bekommst du alle drei Minuten einen automatischen Malware-Scan, Firewalls auf Unternehmensniveau und eine Plattform, die für Geschwindigkeit und Zuverlässigkeit optimiert ist. Starte noch heute mit Kinsta durch.
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.
