Webstick.info logo Wordpress, Webdesign, SEO - Blog

Wordpress Post-Titel ausblenden 💥

Wordpress Post-Titel entfernen


Manchmal brauchen wir den Post-Titel nicht, oder wir arbeiten zum Beispiel mit Elementor und möchten mit Elementor einen schönen Post-Titel erstellen, den wir selbst gestalten können. Das geht natürlich auch mit dem Post-Titel des Themes selbst, aber nur wenn wir gut mit CSS umgehen können und das sind nur wenige von uns. Daher ist das Entfernen des Post-Titels in Wordpress unsere Aufgabe. Die Methoden werden immer schwieriger.

1. THEMAEINSTELLUNGEN VERWENDEN

Wenn Sie ein gutes Wordpress-Theme verwenden, ist es sehr wahrscheinlich, dass Sie sich nicht viel Mühe geben müssen, da das Thema Einstellungen zum Entfernen von Wordpress bietet Post-Titel direkt auf der Seite selbst (rechte Seitenleiste). Dies ist im Beispiel unten zu sehen.


Wordpress post-titel ausblenden Themaeinstellungen


2. POSTTITEL MIT ELEMENTOR ENTFERNEN

Wenn Ihre Website den Pagebuilder Elementor verwendet, haben Sie ebenfalls Glück, da dieser sehr einfach zu verwenden ist . Öffnen Sie einfach die Seite, auf der Sie den PostTitel nicht wie immer mit Elementor anzeigen möchten. Klicken Sie dann in der unteren linken Ecke auf die Schaltfläche "Konfigurieren". Und dann sehen Sie eine anklickbare Option "Titel ausblenden". Aktivieren Sie es und speichern Sie die Seite. Die Bilder unten zeigen, was Sie anklicken müssen.


PostTitel mit Elementor Entfernen


Post-titel mit Elementor Entfernen


3. POSTTITEL MIT EINEM PLUGIN ENTFERNEN

Wir werden das Plugin Title Remover verwenden. Ich denke, Sie wissen, wie man Plugins installiert und aktiviert, also führen Sie dies aus. Wenn Sie jetzt auf Ihre Seite gehen, obwohl Ihr Thema diese Einstellungen nicht bereitstellte, müssen Sie in der rechten Seitenleiste die Option auswählen, um den Post-Titel auszublenden. Einfach ein Häkchen setzen und die Seite speichern.


Posttitel mit Plugin entfernen


4a. ALLE POSTTITEL MIT CSS AUSBLENDEN

Von hier ab ist es für fortgeschrittene Benutzer. Wenn dies nicht der Fall ist, erstellen Sie zumindest eine Sicherungskopie Ihrer Website, bevor Sie fortfahren. Befolgen Sie diese Anweisungen, um jeden Titel auf Ihrer WordPress-Website auszublenden: Gehen Sie zum WordPress-Dashboard (Back-End) und bewegen Sie den Mauszeiger über Aussehen. Wählen Sie dann Anpassen. Wenn Ihr Design benutzerdefinierte CSS-Optionen bereitstellt, finden Sie diese dort. Fügen Sie den folgenden Code in das Feld ein und speichern Sie ihn.


.page .entry-title {
display: none;
}

Entfernen Posttitel Wordpress mit CSS


It is possible this code is not working as the theme can have a different CSS-class. To find the right CSS-class go to the page itself and right-click somewhere. In the right-click menu choose "Inspect". The bottom of the page will now show all types of info about the code. Now use the searchbar and look for the words "title" (only title for Google, not visible on the page) and "h1" (the real visible page title). You will find just the CSS-class we need. Use it in the custom CSS we spoke about before.


Entfernen Posttitel Wordpress mit CSS-class


4b. ENTFERNEN BESTIMMTEN POSTTITEL MIT CSS

Dieser Abschnitt zeigt Ihnen, wie Sie den PostTitel für eine bestimmte Seite ausblenden. Zuerst müssen Sie die ID der Seite finden. Hier sind die Schritte. Gehen Sie zu Ihrem Wordpress-Backend und klicken Sie auf „Posts“. Bewegen Sie die Maus über die gewünschte Seite und bewegen Sie den Mauszeiger dann über Bearbeiten. Klicken Sie nicht darauf. Das Anklicken ist nicht erforderlich. Jetzt können wir die Seiten-ID sehen. In diesem Fall ist das „3616“.


Entfernen bestimmten PostTitel Wordpress


Entfernen bestimmten Post-Titel ID Wordpress


Jetzt, da wir die Seiten-ID haben, können wir sie wie oben beschrieben im benutzerdefinierten CSS verwenden. Fügen Sie also den folgenden Code zum benutzerdefinierten CSS hinzu und speichern Sie. Ihre Seite wird wahrscheinlich keine ID 2 haben, verwenden Sie also bitte die ID, die Sie selbst gefunden haben.


.page-id-3616 .entry-title{
display:none;
}

Genau wie im obigen Kapitel zum Entfernen aller Post-Titel ist es möglich, dass eine zusätzliche CSS-Klasse hinzugefügt werden muss. Die Lösung ist identisch wie oben beschrieben. Was auch versucht werden kann, ist das Ersetzen von "entry-title" durch "page-title" sowie "post-title", da diese Klassen oft von Themes verwendet werden.

Wenn der Code immer noch nicht funktioniert und der Post-Titel immer noch angezeigt wird, versuchen wir Folgendes. "Important!" hinzufügen zum Code so:


.page-id-3616 .entry-title{
display:none !important;
}


Dieser Link gibt Ihnen heute mindestens 10% Rabatt auf das Divi-theme!

Divi