Suchergebnisse-Template anpassen
Wenn Besucher deiner Website nach Inhalten suchen, gelangen sie auf eine Suchergebnisseite. Das Suchergebnisse-Template bestimmt, wie diese Seite und die Ergebnisse strukturiert sind. Mit dem Twenty Twenty-Four Theme, dem Standardlayout für Suchergebnisse, kannst du das Design individuell anpassen.
Bearbeiten des Suchergebnisse-Templates
Um die Suchergebnisseite anzupassen, gehe zunächst zum Dashboard und klicke auf Erscheinungsbild, um den Site-Editor zu öffnen. Wähle Templates und dann das Suchergebnisse-Template aus. Hier kannst du einen einzigartigen Header und Footer hinzufügen oder die Darstellung der Ergebnisse über den Query Loop-Block ändern. Öffne die Listenansicht, um die Seitenstruktur besser zu verstehen. Du kannst entscheiden, ob der Titel „Suchergebnisse“ beibehalten oder entfernt werden soll. Wenn du ihn behältst, kannst du den Suchbegriff im Titel anzeigen und den Block weiter gestalten.
Auswahl eines neuen Musters
Um die Darstellung der Suchergebnisse zu ändern, wähle den Query Loop-Block, der zur Anzeige der Ergebnisse verwendet wird. Über die Block-Symbolleiste kannst du auf Ersetzen klicken, um ein anderes Muster auszuwählen. Wähle das Muster Small Image and Title aus. Danach kannst du den Query Loop-Block weiter anpassen. Ändere zunächst die Ausrichtung auf Wide Width. Füge dann einen Post Excerpt-Block unter dem Titel hinzu. Wähle in der Listenansicht die richtige Spalte aus und ändere die vertikale Ausrichtung, damit der Titel und der Auszug mit dem oberen Rand des Bildes ausgerichtet sind. Wähle anschließend das Beitragsbild aus, öffne Stile und ändere das Seitenverhältnis des Post Featured Image-Blocks auf 3×4, um Einheitlichkeit zu gewährleisten und sicherzustellen, dass alle Bilder die gleiche Größe haben. Speichere die Änderungen und überprüfe die neue Darstellung der Suchergebnisseite im Frontend. Die Ergebnisse werden nun in einem neuen Format angezeigt.
Anpassungen zurücksetzen
Um die Änderungen rückgängig zu machen, klicke auf die drei vertikalen Punkte neben dem Namen und wähle Anpassungen löschen. Dadurch wird das Template auf den ursprünglichen Zustand zurückgesetzt.