Die Überschrift klingt schrecklich, ich weiß, aber a bissl SEO muss sein 😉
WordPress mit Statischer Startseite
Diese Option habe ich gewählt um neuen Besuchern eine Art Empfangshalle zu bieten. Dazu habe ich eine Seite genannt „About“ erstellt. Diese seht ihr als die Startseite von Duba.blog.
Doch mit dem rießigen und unnötigem ABOUT oben drauf sieht das Ganze lächerlich aus. Doch eine Seite muss einen Titel haben, sonst passt die ganze Hirarchie nicht mehr. Also irendwie eliminieren geht, ist aber keine Option. Ebenso wie ein WP Title Remover Plugin wegen nur einem Seitentitel.
Seitentitel mit CSS ausblenden
Quelle: Kinsta.com
Das ist für mich die optimale Lösung für eine rein optische Korrektur (Anmerkung: Löst nicht das WP-Problem mit H1 Überschriften*).
Erstens brauchen wir die page-id jener Seite deren Titel ausgeblendet werden soll. Dazu im Backend Alle Seiten aufrufen und den Coursor über dem gewünschten Titel positionieren. Dabei erscheint links unten am Bildschirm ein Link inklusive der ID.
Zweitens folgenden Code, mit eurer ID(!), in euer Custom CSS schreiben (immer sicherer als copy&paste):
.page-id-123 .entry-title {
display: none;
}Drittens, fertig. Der Seitentitel ist verschwunden aber im Html noch als H1 angeführt. Passt scho!
Update 19.04.2022: Die Überschrift ist auch im HTML (Quelltext) nicht mehr sichtbar. Das bringt Screenreader durcheinander und verschlechtert daher die Barrierefreiheit. Die Lösung fand ich bei Die Netzialisten:
Seitentitel barrierefrei ausblenden
Persönlich brauche ich diesen Trick einmal pro Blog, nämlich für die Startseite.
.page-id-123 {
clip: rect(0 0 0 0);
clip-path: inset(100%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}*) Dazu haben vielleicht die WP Fellows eine Lösung. Muss ich (oder ihr?) noch evaluieren.
