In diesem Beitrag erfahren Sie, wie Sie ein bestimmtes globales Element nur auf einer einzelnen Seite oder einem einzelnen Beitrag in WordPress ausblenden können. Wie fast immer gibt es verschiedene Möglichkeiten, die Sie ans Ziel führen (CSS, Theme-Anpassung oder Plugin-Nutzung).
Hier beschreiben wir Ihnen die aus unserer Sicht einfachste Variante anhand eines Beispiels. Ziel soll es daher sein, auf diesem Beitrag unser ProvenExpert Widget auszublenden. Aber eben nur auf der URL, auf der Sie sich gerade befinden. Auf allen anderen Seiten soll es erhalten bleiben.
1 | Finden Sie die Seiten-ID oder Beitrags-ID
Jede WordPress-Seite und jeder WordPress-Beitrag hat eine eindeutige ID, die Sie nutzen können, um das gewünschte Element auf dieser URL zu verstecken.
Schritte um die ID eines Beitrags, einer Seite, Kategorie oder Tag herauszufinden:
a) Variante 1
Gehen Sie in die Übersicht des Beitrag oder der Seite und hovern Sie mit der Maus über den zu bearbeitenden Eintrag. Dann taucht idR. unten links eine URL auf, aus der Sie die ID ablesen können.

b) Variante 2
Öffnen Sie den gewünschten Eintrag im Bearbeitungsmodus. Dann finden Sie die entsprechende ID oben in der Adressleiste des Browsers.

Variante 2 hat den Vorteil, dass Sie die ID dort direkt herauskopieren können.
2 | Erstellen Sie benutzerdefiniertes CSS für die ID und das globale Element
Verwenden Sie diese Beitrags-ID mit dem Klassennamen des globalen Elements in Ihren CSS-Regeln.
Beispiel aus der Intro:
Wenn die Beitrags-ID 218178 ist und das globale Element (ProvenExpert Widget) die Klasse .pe-pro-seal hat, dann sieht der Code so aus:
.postid-218178 .pe-pro-seal {
display: none;
}
Mit „display: none;“ können Sie das entsprechende globale Element ausblenden.
Unterschied bei Beiträgen, Seiten, Tags und Kategorien
Hinweis: Um auf Mobilgeräten alle Spalten der folgenden Tabelle zu sehen, lässt sie sich horizontal scrollen.
Art | CSS-Klasse | Beschreibung | CSS-Code Bsp. |
---|---|---|---|
Beiträge (Posts) | postid-123 | Wird für Blogbeiträge verwendet. Jede hat eine eindeutige postid. | .postid-218178 .pe-pro-seal { display: none; } |
Seiten (Pages) | page-id-123 | Wird für statische Seiten verwendet. Jede Seite hat eine eindeutige page-id. | .page-id-48 .pe-pro-seal { display: none; } |
Kategorien | category-123 | Wird für Kategorie-Archivseiten verwendet. Jede Kategorie hat eine eindeutige category-id. | .category-16 .pe-pro-seal { display: none; } |
Tags | tag-123 | Wird für Tag-Archivseiten verwendet. Jede Tag-Seite hat eine eindeutige tag-id. | .tag-11 .pe-pro-seal { display: none; } |
Ich habe den Code aus der Tabelle für die verschiedenen Inhaltstypen mit dem Customizer getestet, ob es wirklich ausgeblendet wird.
3 | CSS einfügen
- Gehen Sie in WordPress zu Design > Customizer > Zusätzliches CSS und fügen Sie den Code dort ein.
- Oder benutzen Sie ein Plugin wie Simple Custom CSS.

4 | Ergebnis prüfen
Im Vorschau-Modus des Customizers sehen Sie normalerweise direkt, ob Sie das gewünschte Element richtig selektiert haben und es nun ausgeblendet wird.

Zusätzlich können Sie es aber auf der Live-Seite überprüfen. In dem Fall möchten Sie außerdem sicherstellen, dass es wirklich nur auf der gewünschten einzelnen Seite / Beitrag ausgeblendet wird und nicht aus Versehen überall.
Fall es auf der Live-Seite noch nicht zu sehen ist und Sie ein Caching-Tool nutzen, kann es notwendig sein, dass Sie den Cache noch einmal löschen müssen.