TL;DR: So verstecken Sie einen Seitentitel in WordPress (7 Methoden)
Es gibt 7 Möglichkeiten, einen WordPress-Seitentitel zu verstecken, von Code-freien Theme-Optionen bis hin zu benutzerdefiniertem CSS. Hier ist eine kurze Übersicht:
- SeedProd – Klicken Sie auf den Titelblock im visuellen Editor und löschen Sie ihn. Kein Code erforderlich.
- Theme-Einstellungen – Beliebte Themes wie Astra, Neve und GeneratePress verfügen über eine integrierte Titel-Umschaltfunktion für jede Seite.
- Elementor – Verwenden Sie das Seiten-Einstellungen-Panel in Elementor, um Titel anzeigen zu deaktivieren.
- Full Site Editor – Löschen Sie den Titelblock aus Ihrer Seitenvorlage unter Design > Editor.
- Kostenloses Plugin – Installieren Sie „Hide Page and Post Title“, um die Sichtbarkeit pro Seite umzuschalten.
- CSS (spezifische Seite) – Verwenden Sie die Seiten-ID und die Titelklasse mit
display: none;in einem CSS-Snippet. - CSS (alle Seiten) – Wenden Sie
display: none;global auf die Titelklasse mit WPCode an.
Möchten Sie einen Seitentitel in WordPress verstecken? Sie sind nicht allein. Ich musste das schon oft tun, wenn ich saubere Landingpages, minimalistische Homepages oder sogar Verkaufstrichter erstellt habe, bei denen keine riesige Überschrift im Weg sein sollte.
Einige WordPress-Themes fügen automatisch den Titel oben auf jeder Seite hinzu, aber das ist nicht immer das, was Sie wollen. Die gute Nachricht ist: Sie können ihn entfernen, ohne Ihre SEO zu beeinträchtigen oder Code schreiben zu müssen (es sei denn, Sie möchten das).
In diesem Leitfaden zeige ich Ihnen Schritt für Schritt, wie Sie den Seitentitel auf einzelnen Seiten, auf Ihrer gesamten Website oder nur auf bestimmten Geräten wie Mobilgeräten ausblenden können. Jede hier vorgestellte Methode funktioniert in der neuesten Version von WordPress und erfordert keine fortgeschrittenen Kenntnisse.
Warum Sie einen Seitentitel ausblenden möchten
Nicht jede Seite benötigt einen sichtbaren Titel oben, besonders wenn Sie bereits eine benutzerdefinierte Kopfzeile oder ein Banner gestaltet haben. Hier sind die Fälle, in denen ich sie normalerweise ausblende:
- Landingpages mit maßgeschneiderten Nachrichten oder Call-to-Action-Blöcken
- Homepages, die Heldenbereiche oder Logo-Banner anstelle von Text verwenden
- „Coming Soon“- oder Wartungsseiten, auf denen der Inhalt für sich selbst spricht
- Verkaufs- oder Produktseiten, auf denen der Platz über der Falz entscheidend ist
In diesen Fällen wiederholt der Titel oft, was Ihr Design bereits erklärt. Das Entfernen gibt Ihnen mehr Flexibilität beim Layout und eine sauberere visuelle Hierarchie, insbesondere auf Mobilgeräten.
Einfachste Methode: WordPress-Seitentitel mit SeedProd ausblenden (Schritt für Schritt)
Es ist unsere Mission bei SeedProd, Ihnen das einfache Erstellen und Anpassen Ihrer Website ohne Code zu ermöglichen.
Mit unserem Drag-and-Drop-Website-Builder können Sie benutzerdefinierte WordPress-Themes, Webseiten und sogar eigenständige Landingpages erstellen.
Das bedeutet auch, dass Sie Titel auf jeder einzelnen Seite oder jedem Theme mit wenigen Klicks ausblenden können.
Unsere Vorlagenbibliothek bietet über 300 Landingpage-Vorlagen und Website-Kits, um den Designprozess zu beschleunigen. Wählen wir eine aus, um zu sehen, wie einfach Sie einen Seitentitel aus dem Design entfernen können.
Stellen Sie zunächst sicher, dass SeedProd auf Ihrer WordPress-Website installiert und aktiviert ist.
Bitte lesen Sie unsere Dokumentation zur Installation von SeedProd, wenn Sie dabei Hilfe benötigen.
Klicken Sie nach der Aktivierung in Ihrem WordPress-Adminbereich auf SeedProd » Theme Builder. Klicken Sie dort auf die Schaltfläche Theme Template Kits.
Nun sehen Sie die Vorlagenbibliothek mit Designs für verschiedene Arten von Websites.
Sie können sich jedes Design genauer ansehen, indem Sie auf das Lupensymbol klicken. Die Demo wird in einem neuen Browser-Tab oder -Fenster geöffnet.
Wenn Sie bereit sind, ein Design auszuwählen, fahren Sie mit der Maus darüber und klicken Sie auf das Häkchensymbol.
Der Import eines Website-Kits dauert nur wenige Sekunden. Wenn er abgeschlossen ist, sehen Sie eine Liste von Vorlagen, die das Gerüst Ihres Themes bilden.
Jede Theme-Vorlage hat ein konsistentes Design und Inhalte, die für ihren Zweck spezifisch sind. Zum Beispiel listet die Blog-Seite aktuelle Beiträge auf, während die Homepage eine Beschreibung, Kundenlogos, Dienstleistungen und mehr enthält.
Sie können jede Vorlage bearbeiten, indem Sie mit der Maus über ihren Titel fahren und auf den Link „Design bearbeiten“ klicken.
Machen wir das für die Blog-Seite.
In unserem Beispiel sehen Sie, dass die Blog-Seite ein Kopfzeilenbanner mit Text hat, der erklärt, worum es auf der Seite geht. Dies macht die Überschrift „Blog“ überflüssig, sodass wir sie entfernen können.
Um den Seitentitel zu entfernen, fahren Sie mit der Maus darüber und klicken Sie auf das Papierkorbsymbol.
Nachdem Sie den Titel entfernt haben, klicken Sie auf die Schaltfläche Speichern, um Ihre Änderungen zu sichern. Dann können Sie die Seite in der Vorschau anzeigen, um zu sehen, wie sie aussieht.
Sie können diesen Schritt für jede andere Seite wiederholen, die Sie mit SeedProd erstellen.
Sie können beispielsweise eine Seite auf die Standardart erstellen, indem Sie zu Seiten » Neue Seite hinzufügen gehen und dann das Design durch Klicken auf die Schaltfläche Mit SeedProd bearbeiten bearbeiten.
Dann können Sie den Seitentitel mit den obigen Schritten entfernen.
Alternative Methoden zum Ausblenden von WordPress-Seitentiteln
Die Verwendung von SeedProd ist nur eine Möglichkeit, Ihren Seitentitel auszublenden. Wenn Ihre Website anders eingerichtet ist, passt eine der unten aufgeführten alternativen Methoden möglicherweise besser zu Ihnen.
So blenden Sie einen Seitentitel mit den Einstellungen Ihres Themes aus
Viele beliebte WordPress-Themes enthalten eine Option zur Sichtbarkeit des Titels auf jeder Seite, und dies ist der schnellste Weg, wenn Sie bereits eines davon verwenden. Ich habe gesehen, wie dies bei Kundenprojekten Zeit gespart hat, wenn das Design einen benutzerdefinierten Hero-Bereich über dem Fold vorsieht.
Hier finden Sie die Einstellung in den gängigsten Themes:
- Astra: Bearbeiten Sie Ihre Seite und scrollen Sie im rechten Seitenbereich zum Astra-Einstellungsfeld. Setzen Sie die Option „Seitentitel“ auf „Deaktiviert“.
- Neve: Bearbeiten Sie Ihre Seite und suchen Sie im rechten Seitenbereich nach dem Abschnitt „Neve Meta Options“. Schalten Sie die Einstellung „Seitentitel“ um, um sie auszublenden.
- GeneratePress: Bearbeiten Sie Ihre Seite und finden Sie im unteren Bereich des Editors den Abschnitt „Seiten-Einstellungen“. Aktivieren Sie das Kontrollkästchen, um den Seitentitel zu deaktivieren.
- Kadence: Bearbeiten Sie Ihre Seite und suchen Sie im rechten Seitenbereich nach der Sektion „Kadence-Einstellungen“. Unter „Header“ setzen Sie den „Seitentitel“ auf „Ausgeblendet“.
Wenn Ihr Theme hier nicht aufgeführt ist, überprüfen Sie das Seiten-Einstellungsfeld auf Optionen mit der Bezeichnung „Titel“, „Header“ oder „Seitenheader“. Die meisten modernen Themes enthalten eine Version dieser Umschaltoption.
Diese Methode blendet den Titel nur auf Seiten aus, auf denen Sie ihn manuell deaktivieren. Um Titel auf Ihrer gesamten Website auszublenden, verwenden Sie stattdessen den Full Site Editor oder die CSS-Methode.
So blenden Sie einen Seitentitel in Elementor aus
Wenn Sie Elementor zum Erstellen Ihrer Seiten verwenden, verfügt es über eine eigene Einstellung für die Titel-Sichtbarkeit. Ich habe Elementor auf Kunden-Websites verwendet und die Option ist einfach zu finden.
Öffnen Sie Ihre Seite im Elementor-Editor und klicken Sie auf das Hamburger-Menü in der oberen linken Ecke. Wählen Sie „Seiteneinstellungen“. Im sich öffnenden Bereich finden Sie die Option „Titel ausblenden“ und schalten Sie sie aus.
Dies gilt nur für Seiten, die Sie mit Elementor erstellen. Für Nicht-Elementor-Seiten oder websiteweite Änderungen verwenden Sie eine andere Methode aus dieser Anleitung.
So blenden Sie Titel mit dem Full Site Editor (FSE) aus
Sie können den Titel von allen Seiten mit dem Full Site Editor (FSE) entfernen, wenn Ihre Website WordPress 5.9 oder neuere Versionen verwendet. Diese Methode gilt auch für WordPress-Themes, die die vollständige Website-Bearbeitung unterstützen, wie z. B. Neve FSA.
Wenn Ihr Theme FSE unterstützt, sollten Sie die Option Darstellung » Editor in Ihrem WordPress-Adminbereich sehen.
Von dort aus können Sie auf Editor klicken, um das FSE-Dashboard zu öffnen.
Sobald der Editor geöffnet ist, klicken Sie im linken Bereich auf die Überschrift Vorlagen. Dann können Sie auswählen, von welcher Vorlage der Seiten-Titel ausgeblendet werden soll.
Klicken wir für dieses Beispiel auf die Option Seiten.
Klicken Sie nun auf den Seitentitel in der Vorschau auf der rechten Seite.
Sie sehen eine Symbolleiste über dem Titel. Klicken Sie auf die 3 Punkte rechts in diesem Bereich, um weitere Einstellungen anzuzeigen.
Scrollen Sie nach unten, bis Sie die Option Löschen sehen, und klicken Sie darauf.
Nach dem Speichern verschwindet der Titel von allen Seiten Ihrer Website, die diese Vorlage verwenden. Hier ist ein Beispiel, wie das auf unserer Testwebsite aussieht:
Kann ich einen Titel mit einem Plugin ausblenden?
Eine weitere Möglichkeit, bestimmte Seitentitel auszublenden, ist die Installation eines Titelentfernungs-Plugins.
Wir verwenden das Plugin Hide Page and Post Title. Es ist ein kostenloses WordPress-Plugin, mit dem Sie Seiten-, Beitrags- und benutzerdefinierte Beitragstitel mit wenigen Klicks ausblenden können.
Dies ist eine gute Methode, wenn Sie kein WordPress-Theme verwenden, das den Full Site Editor unterstützt.
Wenn Sie Hilfe bei der Installation dieses Plugins benötigen, lesen Sie bitte diese Anleitung zum Installieren eines WordPress-Plugins.
Nachdem das Plugin aktiviert wurde, gehen Sie in Ihrem WordPress-Dashboard zu Seiten » Alle Seiten und bearbeiten Sie die Seite, die Sie ändern möchten.
Suchen Sie im Editor im rechten Seitenbereich nach der Sektion Seiten- und Beitragstitel ausblenden und scrollen Sie nach unten. Nun müssen Sie nur noch das Kontrollkästchen neben „Titel ausblenden“ aktivieren.
Denken Sie daran, Ihre Änderungen zu speichern oder auf die Schaltfläche „Veröffentlichen“ zu klicken. Wenn Sie Ihre Seite besuchen, werden Sie sehen, dass der Titel verschwunden ist.
Sie können dieses Plugin auch verwenden, um Blogbeitragstitel auszublenden.
So verwenden Sie CSS, um Seitentitel in WordPress auszublenden
Die nächsten beiden Methoden ermöglichen es Ihnen, Seitentitel in WordPress mithilfe von CSS auszublenden und zu entfernen. Das bedeutet, dass der Titel für Besucher verborgen ist, aber immer noch im HTML-Code Ihrer Seite geladen wird.
Der Vorteil dieses Ansatzes ist, dass Suchmaschinen wie Google den Titel immer noch kennen und ihn verwenden können, um den Inhalt Ihrer Seite zu verstehen.
Bestimmte Seitentitel mit CSS ausblenden
Beginnen wir damit, zusätzlichen CSS-Code zu verwenden, um bestimmte Seitentitel auszublenden. Dazu benötigen Sie lediglich die Seiten-ID und den Klassennamen.
Navigieren Sie im Backend Ihrer Website zu Seiten » Alle Seiten, suchen Sie die Seite, die Sie ändern möchten, und klicken Sie auf Bearbeiten.
Schauen Sie sich nun die Seiten-URL in Ihrer Adressleiste an, wo Sie einen Abschnitt mit dem Wort „post=“ und einer Zahl bemerken, z. B. post=2. Dies ist Ihre Seiten-ID. Notieren Sie sie sich, da wir sie als Nächstes benötigen.
Der nächste Schritt ist das Hinzufügen des CSS zu Ihrem WordPress-Theme.
Auf unserer Testseite verwenden wir den Full Site Editor, der den Theme Customizer standardmäßig nicht mehr enthält. Daher installieren wir das WPCode-Plugin, mit dem wir einfach benutzerdefinierte Code-Snippets zu WordPress hinzufügen können.
Nach der Installation navigieren Sie zu Code Snippets » + Neuer Snippet, wo Sie aus verschiedenen Snippet-Typen wählen können.
Heben Sie für dieses Beispiel die erste Option „Add Your Custom Code“ hervor und klicken Sie auf die Schaltfläche Snippet verwenden.
Sobald Sie sich im Snippet-Editor befinden, wählen Sie im Dropdown-Menü „Code Type“ CSS Snippet aus. Fügen Sie dann den folgenden Code ein, um Ihren Seitentitel auszublenden.
Denken Sie daran, „page-id“ durch den Wert zu ersetzen, den Sie zuvor kopiert haben.
.page-id-2 .wp-block-post-title {
display: none;
}
Klicken Sie nach dem Hinzufügen des Snippets auf Aktualisieren und stellen Sie den Status-Schalter auf die Position Aktiv. Sie sollten den Seitentitel nicht mehr sehen, wenn Sie die Seite besuchen.
Wenn Sie den Seitentitel immer noch sehen, liegt es wahrscheinlich daran, dass Ihr Theme eine andere CSS-Klasse verwendet. In diesem Fall müssen Sie die richtige Klasse finden, indem Sie den Code der Seite untersuchen.
Besuchen Sie dazu die spezifische Seite, die Sie ändern möchten, auf dem Frontend Ihrer Website, heben Sie den Seitentitel hervor und klicken Sie mit der rechten Maustaste darauf.
Klicken Sie im erscheinenden Dropdown-Menü auf die Option Element untersuchen.
Nun sehen Sie ein neues Panel mit dem hervorgehobenen Seitentitel im Quellcode. Da wir in diesem Beispiel ein anderes Theme verwenden, sehen Sie, dass die Klasse des Seitentitels ebenfalls anders ist.
Ihre könnte „entry-title“ oder etwas Ähnliches heißen. Daher müssen Sie den Code von zuvor mit der richtigen CSS-Klasse anpassen.
So könnte der endgültige Code aussehen:
.page-id-2 .entry-title {
display: none;
}Fügen Sie diesen Code nun in den Snippet-Editor ein und speichern und aktivieren Sie die Änderungen.
Wenn Sie Ihre Seite besuchen, sollten Sie den Seitentitel nicht mehr sehen.
Entfernen ALLER Seitentitel mit CSS
Die letzte Methode, die wir behandeln, ermöglicht es Ihnen, den Titel von allen Seiten Ihrer WordPress-Website aus zublenden.
Dafür benötigen Sie lediglich die Klasse des Seitentitels. Finden Sie also die richtige Klasse für den Seitentitel für Ihr Theme, wie wir es in der vorherigen Methode hervorgehoben haben, und fügen Sie den folgenden Ausschnitt in Ihren Code-Editor ein:
.entry-title {
display: none;
}
Nachdem Sie den Ausschnitt gespeichert und aktiviert haben, sollten Sie sehen, dass der Titel auf jeder Seite Ihrer Website ausgeblendet ist.
Fehlerbehebung: Wenn Seitentitel nicht ausgeblendet werden
CSS funktioniert nicht immer auf Anhieb. Hier erfahren Sie, wie Sie die häufigsten Probleme beheben.
Der Titel wird nach dem Hinzufügen von CSS immer noch angezeigt
Ihr Theme verwendet wahrscheinlich eine andere CSS-Klasse als .wp-block-post-title. Um die richtige zu finden, besuchen Sie die Seite im Frontend, klicken Sie mit der rechten Maustaste auf den Titel und wählen Sie Untersuchen.
Suchen Sie nach dem Klassennamen im Überschriftenelement. Gängige Alternativen sind .entry-title, .page-title oder .post-title. Kopieren Sie diese Klasse und aktualisieren Sie Ihren Ausschnitt.
Zusätzlicher Abstand bleibt bestehen, nachdem der Titel verschwunden ist
Einige Themes wenden einen Rand oder Abstand auf den Titelcontainer an, und dieser Platz bleibt auch nach dem Ausblenden des Titels bestehen. Fügen Sie margin: 0; padding: 0; zu Ihrer CSS-Regel hinzu, um ihn zu entfernen:
.page-id-2 .wp-block-post-title {
display: none;
margin: 0;
padding: 0;
}Ersetzen Sie .wp-block-post-title durch die tatsächliche Titelklasse Ihres Themes.
Ein Plugin hat nach einem Theme-Update aufgehört zu funktionieren
Theme-Updates können die CSS-Regeln des Plugins überschreiben. Wenn der Titel nach einem Update wieder erscheint, wechseln Sie zur Methode mit benutzerdefiniertem CSS. Diese ist in der Regel zuverlässiger als das Ausblenden über Plugins.
Häufig gestellte Fragen zum Ausblenden von Seitentiteln in WordPress
Schadet das Ausblenden eines WordPress-Seitentitels meiner SEO?
Das Ausblenden des sichtbaren Titels schadet Ihrer SEO nicht, solange Sie das Titel-Tag intakt lassen. Die Methoden in dieser Anleitung blenden die Überschrift auf der Seite aus, lassen aber Ihren SEO-Titel (gesetzt in AIOSEO oder einem anderen SEO-Plugin) unberührt. Suchmaschinen lesen das Titel-Tag im HTML-Head Ihrer Seite, nicht die sichtbare Überschrift. Verwenden Sie ein WordPress SEO-Plugin, um sicherzustellen, dass Ihr Titel-Tag korrekt gesetzt ist.
Wie blende ich einen Seitentitel in WooCommerce aus?
Sie können WooCommerce-Seitentitel mit den gleichen Methoden wie in dieser Anleitung ausblenden. In SeedProd blenden Sie das Titelsymbol mit den Einstellungen für die Gerätesichtbarkeit aus. Für CSS verwenden Sie die WooCommerce-Seitentitelklasse mit display: none;. Ein gängiger Ausgangspunkt ist .woocommerce-page .page-title { display: none; }. Finden Sie die richtige Klasse mit der Browser-Inspektion, wenn dies beim ersten Versuch nicht funktioniert.
Was passiert, wenn der Seitentitel nach dem Hinzufügen von CSS immer noch angezeigt wird?
Ihr Theme verwendet höchstwahrscheinlich eine andere CSS-Klasse als die in Ihrem Ausschnitt. Klicken Sie mit der rechten Maustaste auf den Titel im Frontend und wählen Sie Untersuchen. Das Entwicklerfenster hebt das Titelsymbol hervor und zeigt Ihnen die tatsächliche CSS-Klasse an. Gängige Klassennamen sind .entry-title, .page-title und .post-title. Kopieren Sie diese Klasse, aktualisieren Sie Ihren Ausschnitt und speichern Sie. Wenn das Problem weiterhin besteht, überprüfen Sie, ob der Ausschnitt in WPCode aktiv ist.
Kann ich den Titel nur auf Mobilgeräten in WordPress ausblenden?
Ja, SeedProd macht dies ganz einfach. Bearbeiten Sie Ihre Seite in SeedProd, klicken Sie auf den Titelblock und öffnen Sie die Registerkarte „Erweitert“ in der linken Seitenleiste. Schalten Sie unter „Gerätesichtbarkeit“ die Option „Auf Mobilgeräten ausblenden“ oder „Auf Tablets ausblenden“ ein. Speichern Sie Ihre Änderungen und der Titel wird nur auf den von Ihnen gewählten Geräten angezeigt.
Hat jedes WordPress-Theme eine integrierte Option zum Ausblenden von Titeln?
Nicht jedes Theme enthält eine Umschaltoption für die Titelsichtbarkeit, aber die meisten beliebten modernen Themes tun dies. Astra, Neve, GeneratePress und Kadence haben alle eine Seitentitel-Einstellung im Block-Editor-Seitenbereich. Wenn Ihr Theme diese Option nicht hat, verwenden Sie stattdessen das Plugin „Hide Page and Post Title“ oder die CSS-Methode. Beide funktionieren unabhängig von Ihrem Theme.
Als Nächstes: Weitere WordPress-Layout-Tutorials
Ich hoffe, diese Schritt-für-Schritt-Anleitung hat Ihnen geholfen zu lernen, wie Sie Seitentitel in WordPress ausblenden.
Möchten Sie Ihr Layout noch weiter anpassen? Diese Anleitungen zeigen, wie Sie die Seitensichtbarkeit, Abstände und Designelemente geräteübergreifend anpassen:
- So blenden Sie Bilder in der mobilen Ansicht unter WordPress aus
- So verstecken Sie Ihre WordPress-Website, bis sie fertig ist
- Wie man das Blog-Layout in WordPress ändert
- So ändern Sie Ränder in WordPress
Sind Sie bereit, Seiten zu erstellen, die genau so aussehen, wie Sie es möchten? Holen Sie sich SeedProd und übernehmen Sie die volle Kontrolle über jedes Designdetail, ohne Code schreiben zu müssen.
Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.
