Wie kann man Blockinhalte in WordPress ein- oder ausblenden?

[aioseo_eeat_author_tooltip]
[aioseo_eeat_reviewer_tooltip]

Die Kontrolle der Inhalts-Sichtbarkeit in WordPress ist eine entscheidende Funktion für Designer, Entwickler und Content-Manager. Ob Sie die Nutzererfahrung personalisieren, die Sichtbarkeit geräteabhängig einschränken oder zeitlich begrenzte Kampagnen verwalten möchten – die Möglichkeit, Blockinhalte in WordPress bedingt ein- oder auszublenden, eröffnet Ihnen ein neues Maß an Flexibilität.

Dieser Leitfaden erklärt Ihnen alles Wissenswerte zum Ein- und Ausblenden von Blockinhalten in WordPress mithilfe von Plugins, benutzerdefiniertem Code und den nativen Funktionen des Block-Editors. Entdecken Sie, wie Sie Ihre WordPress-Inhalte dynamischer, effizienter und individueller für jeden Besucher gestalten.

Warum sollte man die Sichtbarkeit von Blockinhalten in WordPress steuern?

Nicht jeder Inhalt muss für jeden Nutzer sichtbar sein. Hier sind einige praktische Gründe, warum es sinnvoll ist, die Sichtbarkeit von Inhalten einzuschränken:

  • Exklusive Inhalte werden nur angemeldeten Nutzern angezeigt
  • Standortbezogene Angebote mithilfe von Geotargeting anzeigen
  • Schlagzeilen je nach Tageszeit ändern
  • Erstellen Sie mobile-spezifische Layouts, ohne Seiten zu duplizieren
  • Führen Sie zeitlich begrenzte Werbeaktionen durch, ohne Inhalte manuell zu veröffentlichen oder zu entfernen

Diese Sichtbarkeitsbedingungen verbessern sowohl die Benutzerfreundlichkeit als auch die Inhaltsleistung, insbesondere auf großen oder komplexen WordPress-Websites.

Benötigen Sie Hilfe bei der Anpassung des Blockverhaltens in WordPress?

Egal ob Sie komplexe redaktionelle Arbeitsabläufe oder benutzerspezifische Inhaltsstrukturen erstellen, unsere erfahrenen Entwickler können Ihnen dabei helfen, mit WordPress die volle Kontrolle über die Sichtbarkeit zu implementieren.

Verwendung von Plugins zum Ein- oder Ausblenden von Blockinhalten in WordPress

hide-show-block-content-in-wp.webp

Plugins sind der einfachste Weg, erweiterte Steuerungsmöglichkeiten für die Inhalts-Sichtbarkeit im WordPress-Block-Editor zu implementieren. Hier finden Sie die zuverlässigsten Plugins für diesen Anwendungsfall.

Block-Sichtbarkeits-Plugin

Das Block-Sichtbarkeits -Plugin ist ein umfassendes Werkzeug, das Dutzende von Sichtbarkeitseinstellungen direkt zu einzelnen Blöcken hinzufügt. Es integriert sich in den Block-Editor und unterstützt Folgendes:

  • Steuerung des Gerätetyps (Mobilgerät, Tablet, Desktop)
  • Browser-Targeting (Chrome, Safari, Firefox)
  • Terminplanung
  • Cookiebasierte Personalisierung
  • Benutzerrollen und Anmeldestatus
  • Bildschirmbreite und Bildschirmgröße
  • Verweisquellen und Abfragezeichenfolgen
  • Benutzerdefinierte Metadaten und Standorterkennung

Diese Steuerelemente finden Sie in der rechten Seitenleiste unter dem Abschnitt „Sichtbarkeit“ jedes Blocks. Sie können außerdem in den allgemeinen Einstellungen den Vollzugriffsmodus aktivieren, um auf alle Optionen in allen Blöcken zuzugreifen.

Hauptmerkmale:

  • Sichtbarkeitsvoreinstellungen für die Verwaltung mehrerer Blöcke
  • URL-Pfadbedingungen für seitenbezogene Inhalte
  • „Blockierung für alle ausblenden“ – Schalter für schnelle Überschreibungen
  • Import und Export von Sichtbarkeitskonfigurationen

Dieses Plugin ist ideal für Webentwickler, die komplexe WordPress-Websites mit dynamischen Inhaltsanforderungen verwalten.

Content Control Plugin

Das Content Control-Plugin vereinfacht die Block-Sichtbarkeit, indem es sich auf zwei Hauptregelsätze konzentriert:

  • Geräteregeln (Mobilgerät, Tablet, Desktop-Computer)
  • Benutzerregeln (angemeldet, abgemeldet, spezifische Benutzerrollen)

Es eignet sich gut für Szenarien, in denen je nach Anmeldestatus oder Bildschirmgröße unterschiedliche Inhalte angezeigt werden sollen. Beispielsweise können Sie mobilen Nutzern ein anderes Bild als Desktop-Nutzern mithilfe derselben Blockstruktur bereitstellen.

Hauptmerkmale:

  • Regelumschaltungen zum vorübergehenden Deaktivieren der Sichtbarkeitseinstellungen
  • Globale Haltepunkteinstellungen in den Plugin-Optionen
  • Einfache Benutzeroberfläche, die in den Blockeditor integriert ist
  • Optionale Premium-Funktionen wie WooCommerce-Bedingungen

Dieses Plugin eignet sich perfekt für Anfänger oder Agenturen, die eine schnelle geräte- oder benutzerbasierte Personalisierung suchen.

Bedingte Blöcke

Conditional Blocks bietet eine modale Benutzeroberfläche zum Hinzufügen bedingter Logik zu WordPress-Blöcken. Während die kostenlose Version grundlegende Funktionen wie die Anzeige von Geräten und Benutzern umfasst, bietet die Pro-Version zusätzlich Geolocation, Terminplanung und mitgliedschaftsbasierte Beschränkungen.

Kostenlose Versionsangebote:

  • Sperre für alle
  • Gerätebasierte Anzeige
  • Benutzeranmeldebedingungen
  • UND/ODER-Logikkombinationen

Die Pro-Version bietet zusätzlich:

  • Erweiterte Terminplanung
  • Benutzerrollen-Targeting
  • WooCommerce- und Mitgliedschaftsverwaltung
  • Benutzerdefinierte Breakpoints und Geotargeting
  • Voreinstellungsmanager für Stapeländerungen

Conditional Blocks stellt einen guten Mittelweg zwischen Einfachheit und Leistungsfähigkeit dar, insbesondere für Teams, die wiederverwendbare Bedingungen benötigen.

Wicked Blocks Zustand

Wicked Blocks Condition ist ein weniger bekanntes Plugin mit entwicklerfreundlichen Optionen wie benutzerdefinierten PHP-Funktionen. Es ermöglicht das Ein- und Ausblenden von Blöcken basierend auf:

  • Benutzerrolle oder Anmeldestatus
  • Datums- und Zeitbereiche
  • Beitragsstatus oder Kategorien
  • URL-Abfragezeichenfolgen
  • Benutzerdefinierte Logikfunktionen

Wenn Sie die Flexibilität von Low-Code mit der Kontrolle durch einen Editor kombinieren möchten, ist dieses Plugin eine gute Wahl.

Plugin-Vergleichstabelle

Plugin-NameHauptmerkmaleIdealer Anwendungsfall
Block-SichtbarkeitDatum/Uhrzeit, Geolokalisierung, Benutzerrolle, Bildschirmgröße, CookiesVollständige Sichtkontrolle
InhaltskontrolleGeräte- und BenutzerrollenregelnAnwendungsfälle mit geringem Gewicht
Bedingte BlöckeUND/ODER-Logik, Voreinstellungen, erweiterte HaltepunkteMittelgroße bis fortgeschrittene Implementierungen
Wicked Blocks ZustandPHP-Funktionsunterstützung, Targeting von AbfragezeichenfolgenEntwicklerorientierte Steuerung

Benutzerdefinierte Code-Snippets zum Ausblenden oder Anzeigen von Inhalten in WordPress

Wenn Sie Plugins vermeiden möchten, können Sie die Sichtbarkeit mithilfe nativer WordPress-Funktionen und bedingter Logik steuern. Diese Beispiele lassen sich in ein benutzerdefiniertes Plugin oder die functions.php-Datei Ihres Child-Themes einfügen.

Inhalte für angemeldete Benutzer ausblenden

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; }'; } }

Dadurch werden alle Absatzelemente für angemeldete Benutzer ausgeblendet. Sie können die Bedingung umkehren oder je nach Bedarf andere Elemente ansprechen.

Inhalte basierend auf dem Standort ausblenden

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; }'; } }

Verwenden Sie dieses Skript, um alle Bilder für Nutzer aus den USA auszublenden. Beachten Sie, dass API-Aufrufe bei jedem Seitenaufruf die Performance beeinträchtigen können. Nutzen Sie daher nach Möglichkeit Transienten oder Caching.

Beitragsbild nach Kategorie ausblenden

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; }

Dieser Code entfernt das Beitragsbild aller Beiträge, die der Kategorie „Bücher“ zugeordnet sind. Sie können ihn für Schlagwörter, benutzerdefinierte Taxonomien oder Metadaten anpassen.

Testbedingungen für die Sichtbarkeit von Inhalten

Um Überraschungen auf Ihrer Live-Website zu vermeiden, finden Sie hier einige bewährte Testmethoden:

  • Verwenden Sie Testumgebungen für Probeläufe
  • Leeren Sie den Browser- und Website- Cache, bevor Sie Änderungen
  • Wechseln Sie die Benutzerrollen, um die Sichtbarkeitsbedingungen zu überprüfen
  • Überprüfen Sie den Seitenquelltext, um festzustellen, ob versteckte Elemente entfernt oder nur per CSS ausgeblendet werden
  • Verwenden Sie die Entwicklertools Ihres Browsers, um verschiedene Geräte und Bildschirmgrößen zu simulieren

Diese Vorsichtsmaßnahmen helfen Ihnen, SEO-Probleme und unerwartetes Verhalten zu vermeiden, insbesondere auf großen WordPress-Websites.

Plugin-Einstellungen und Tipps

Jedes der oben genannten Plugins verfügt über spezifische Konfigurationsbereiche im WordPress-Adminbereich unter „Einstellungen“. Je nach Plugin können Sie Folgendes tun:

  • Geräte-Haltepunkte definieren
  • Aktivieren Sie die Blocksichtbarkeit im Editorfenster
  • Plugins auf bestimmten Blöcken deaktivieren
  • Aktivieren Sie den Vollsteuerungs- oder Debug-Modus

Wenn Sie die standardmäßigen Sichtbarkeitseinstellungen verstehen und diese an Ihren redaktionellen Workflow anpassen, wird dies zu einer besseren Inhaltsverwaltung auf Ihrer gesamten Website führen.

Wann sollte man ein Plugin und wann eigenen Code verwenden?

Die Entscheidung zwischen Plugins und benutzerdefiniertem Code hängt von der Komplexität Ihres Projekts, den Fähigkeiten Ihres Teams und Ihren Leistungszielen ab.

Verwenden Sie ein Plugin, wenn:

  • Sie benötigen Anwender ohne technische Vorkenntnisse, um die Sichtbarkeit zu verwalten
  • Ihre Website erfordert dutzende Bedingungen auf verschiedenen Seiten
  • Sie möchten Zugriff auf Profi-Funktionen wie Terminplanung oder Geotargeting?

Benutzerdefinierten Code verwenden, wenn:

  • Sie wünschen sich eine schlankere Performance
  • Sie zielen auf spezielle Bedingungen ab, die von den Plugins nicht unterstützt werden
  • Ihre Website ist klein und eng gefasst

Bei großen Websites ist ein hybrider Ansatz oft die beste Lösung. Nutzen Sie Plugins für die Steuerung der Sichtbarkeit und implementieren Sie bei Bedarf eigene Logik.

Praktische Anwendungsfälle für die Sichtbarkeit von WordPress-Blöcken

Die Sichtbarkeitssteuerung zu verstehen ist das eine. Sie effektiv anzuwenden, das andere. Betrachten wir konkrete Beispiele aus der Praxis, in denen die bedingte Anzeige von Inhaltsblöcken zu einem wesentlichen Bestandteil der Website-Strategie wird.

Personalisierte Inhalte für angemeldete Benutzer

Viele Mitgliederseiten, E-Learning-Plattformen und interne Business-Dashboards verwenden Sichtbarkeitsbedingungen, um Inhalte einzuschränken. So können Sie beispielsweise eine Willkommensnachricht oder ein personalisiertes Dashboard nur für angemeldete Benutzer anzeigen. Meldet sich ein Benutzer ab, verschwindet der entsprechende Inhaltsbereich automatisch.

Dies lässt sich einfach mit dem Block-Sichtbarkeits-Plugin oder der Inhaltssteuerung realisieren, indem Sichtbarkeitseinstellungen basierend auf Benutzerrolle und Anmeldestatus zugewiesen werden. Es handelt sich um eine benutzerfreundliche Methode zur Inhaltssegmentierung, die keine fortgeschrittenen Programmierkenntnisse erfordert.

Mehrsprachige WordPress-Websites

Global agierende Unternehmen erstellen oft für jede Sprache separate Inhaltsblöcke. Anstatt mehrere Seiten zu erstellen, können Sie die Sichtbarkeit von Blöcken steuern, um diese je nach Nutzerpräferenzen oder Standort bedingt anzuzeigen. Kombinieren Sie Geolocation-Logik mit mehrsprachigen Plugins, um regionsspezifische Inhalte bereitzustellen, ohne unnötigen Aufwand zu betreiben.

Ankündigungen basierend auf der Zeit

Vielleicht möchten Sie Blitzverkäufe, Produkteinführungen oder Werbebanner schalten, die nur in einem bestimmten Zeitfenster angezeigt werden. Mithilfe der Datums- und Zeitbedingungen im Plugin „Block-Sichtbarkeit“ können Sie Blöcke so planen, dass sie zu genauen Zeitpunkten ein- oder ausgeblendet werden.

Diese Art der Automatisierung hält Ihre WordPress-Website aktuell und macht das manuelle Veröffentlichen oder Entfernen von Blöcken überflüssig.

Bedingte Layouts für mobile Geräte

Unterschiedliche Bildschirmgrößen erfordern oft unterschiedliche Layouts. Anstatt mehrere Versionen einer Seite zu erstellen, können Sie mit den Einstellungen für die Blocksichtbarkeit mobiloptimierte Inhaltsblöcke erstellen. Zeigen Sie Blöcke basierend auf der Bildschirmgröße oder dem Gerätetyp an und verbessern Sie so die mobile Benutzerfreundlichkeit, während alles zentral bearbeitbar bleibt.

Dies ist besonders hilfreich, um verschiedene Navigationselemente, Schaltflächen oder Bildgrößen für kleinere Bildschirme darzustellen und so die Benutzerfreundlichkeit und Seitenleistung zu verbessern.

So funktionieren die Sichtbarkeitseinstellungen im WordPress-Blockeditor

Wenn Sie den Gutenberg-Blockeditor verwenden (mittlerweile Standard für WordPress), erscheinen die Sichtbarkeitseinstellungen in der rechten Seitenleiste, sobald ein Plugin wie Block Visibility oder Conditional Blocks installiert ist.

Beim Bearbeiten eines Beitrags oder einer Seite:

  1. Wählen Sie einen Inhaltsblock aus
  2. Suchen Sie nach einem Abschnitt mit der Bezeichnung Sichtbarkeit oder Anzeigebedingungen
  3. Verwenden Sie die Kontrollkästchen, Dropdown-Menüs oder Umschalter, um festzulegen, wer den Block sieht und wann

Einige Plugins fügen außerdem ein Symbol in der Symbolleiste oder Einstellungen unter „Erweitert“ im Blockeditor hinzu. Diese ermöglichen den schnellen Zugriff auf Sichtbarkeitsoptionen wie Bildschirmgröße, Benutzerrollen, Anmeldestatus oder URL-Abfragezeichenfolgen.

Bewährte Verfahren für die Verwaltung von Sichtbarkeitseinstellungen

Um Verwirrung zu vermeiden und die Leistung zu steuern, hier einige Expertentipps:

  • Zusammengehörige Blöcke gruppieren: Verwenden Sie Blockgruppen oder Muster, um Sichtbarkeitsregeln abschnittsübergreifend anzuwenden.
  • Voreinstellungen verwenden: In Werkzeugen wie der Block-Sichtbarkeit oder bedingten Blöcken können Sie häufig verwendete Einstellungen als Voreinstellungen speichern.
  • Plugin-Überschneidungen begrenzen: Vermeiden Sie die Verwendung mehrerer Plugins für denselben Zweck, um Konflikte zu reduzieren.
  • Schulen Sie Ihr Team: Nicht-technische Redakteure sollten die Sichtbarkeitsbedingungen verstehen, um Fehlkonfigurationen zu vermeiden.
  • Testen Sie alle Benutzerrollen: Überprüfen Sie, wie die einzelnen Inhaltsblöcke für verschiedene Benutzertypen – angemeldet und abgemeldet – dargestellt werden.

Diese Gewohnheiten tragen dazu bei, reibungslose Arbeitsabläufe zu gewährleisten und Leistungsprobleme oder Verwirrung bezüglich der Inhalte zu vermeiden.

Schlussbetrachtung

Die Möglichkeit, Blockinhalte in WordPress ein- oder auszublenden, ist nicht länger nur Entwicklern vorbehalten. Mit den richtigen Plugins oder individuellem Code kann jeder personalisierte Nutzererlebnisse schaffen, die auf Rolle, Standort, Gerät oder Zeit reagieren.

Egal ob Sie ein Mitgliederportal, eine E-Commerce-Website oder einen Content-Hub– die Einstellungen zur Inhaltssichtbarkeit helfen Ihnen dabei, die richtige Botschaft zur richtigen Zeit an die richtige Zielgruppe zu übermitteln.

Durch die Beherrschung der Block-Sichtbarkeitssteuerung erhalten Sie eine dynamischere, personalisiertere und leistungsorientiertere WordPress-Website.

Ähnliche Beiträge

WordPress-Support rund um die Uhr

WordPress-Support rund um die Uhr: Brauchen Sie ihn wirklich? (Ehrlicher Leitfaden)

Was bedeutet 24/7-WordPress-Support? 24/7-WordPress-Support bedeutet, dass technische Unterstützung rund um die Uhr verfügbar ist

WooCommerce-Notfallunterstützung

WooCommerce-Notfallhilfe: Wie lassen sich Probleme mit Checkout, Zahlung und Warenkorb schnell beheben?

Ein WooCommerce-Shop, der während eines Ausverkaufs ausfällt, ein Checkout, der bei jedem Schritt stillschweigend fehlschlägt

WordPress-Fehlerbehebungsservice vs. Selbsthilfe

Wann einen WordPress-Fehlerbehebungsdienst beauftragen oder selbst Hand anlegen: Wie entscheidet man das im Jahr 2026?

Jeder WordPress-Website-Besitzer steht irgendwann vor derselben Frage: Soll ich versuchen, das zu reparieren?

Legen Sie los mit Seahawk

Melde dich in unserer App an, um unsere Preise einzusehen und Rabatte zu erhalten.