Globales Element nur auf einer Seite / einem Beitrag ausblenden in WordPress

Sebastian Würfel

Globales Element nur auf einer Seite / einem Beitrag ausblenden in WordPress

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.

In Übersichtsseite über Beitrag / Seite hovern und ID unten links ablesen

b) Variante 2

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

ID aus Adressleite im Bearbeitungsmodus

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.

ArtCSS-KlasseBeschreibungCSS-Code Bsp.
Beiträge (Posts)postid-123Wird für Blogbeiträge verwendet. Jede hat eine eindeutige postid..postid-218178 .pe-pro-seal {
display: none;
}
Seiten (Pages)page-id-123Wird für statische Seiten verwendet. Jede Seite hat eine eindeutige page-id..page-id-48 .pe-pro-seal {
display: none;
}
Kategoriencategory-123Wird für Kategorie-Archivseiten verwendet. Jede Kategorie hat eine eindeutige category-id..category-16 .pe-pro-seal {
display: none;
}
Tagstag-123Wird 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.
CSS in WordPress einfügen um ein globales Element auf einem einzelnen Beitrag auszublenden

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.

Prüfen, ob globales Element 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.

Foto des Autors
Autor/in

Sebastian Würfel

Seit über zehn Jahren nutze ich WordPress und schreibe auf verschiedenen Blogs. Als Spezialist für Content Marketing und SEO arbeite ich seit vielen Jahren für die NETZhelfer GmbH. Dort helfe ich verschiedenen Kunden insbesondere bei den Themen Content Marketing, Webdesign und SEO.

Schreibe einen Kommentar

Skip to content