Kategorieseiten mit Elementor Pro umgestaltet

UPDATE: Inzwischen habe ich das Theme gewechselt und arbeite mit dem Block-Editor, so dass ich Elementor und die im Folgenden beschriebene Prozedur nicht mehr brauche.

Bei meiner Arbeit mit Peter Müller habe ich das WordPress-Plugin Elementor kennengelernt. Dabei handelt es sich um einen sogenannten Pagebuilder, also um ein Plugin, mit dem man auch ohne HTML- und CSS-Kenntnisse den Inhaltsbereich von Seiten und Beiträge gestalten kann. HTML und CSS sind bei mir zwar nicht das Problem, aber für das, was ich machen wollte, hätte ich vermutlich auch noch php gebraucht. Dann doch lieber Pagebuilder. In der kostenlosen Version geht das aber leider nicht. Dazu bedarf es der Bezahlversion Elementor Pro.

Das Problem

Mein Theme verwendet das Magazinlayout leider nur für die allgemeine Beitragsübersicht, die ich als Startseite gewählt habe. Alle anderen Seiten pro Taxonomie, werden als Liste untereinander dargestellt:

Da ich meine Kategorien und Unterkategorien aber auch als Menüpunkte eingerichtet habe, sieht der Wechsel beim Navigieren nicht schön aus. Nur auf dem Smartphone werden beide Ansichten gleich dargestellt, nämlich auch als Liste untereinander, aber mit komplett über die Breite laufenden Titelbildern.

Die Lösung

Abhilfe konnte ich nun ganz einfach mit Elementor Pro schaffen.

1. Ich erstellte für jede Kategorie und Unterkategorie, eine eigene neue Seite, die ich mit dem entsprechenden Taxonomie-Namen sowohl im Seiten-Titel als auch in der URL benannte.
2. Die erste so erstellte Seite befüllte ich dann mit der Abschnittsvorlage „Posts“ von Elementor Pro.
3. In den Einstellungen dazu wählte ich unter Query die gewünschte Taxonomie aus und ergänzte noch die Seitenzählung via Pagination.
4. Mit den detaillierten Layouteinstellungen passte ich das Ganze noch dem Aussehen meiner Startseite an und
5. speicherte das Ganze als Vorlage in meine Vorlagenbibliothek, damit ich die einzelnen Schritte nicht für jede einzelne Seite wiederholen musste.
6. Die Schritte 2 bis 4 wiederholte ich dann mit allen entsprechenden Seiten.

Navigation anpassen

Damit dann beim Navigieren auch die neuen Seiten erscheinen, musste ich zum einen das Hauptmenü anpassen und zweitens die automatischen Kategorielinks auf die neuen Seiten weiterleiten.

Die Anpassung von Hauptmenü war leicht via Design > Menüs. Es geht aber auch via Customizer. Einfach das passenden Menü auswählen, die alten Kategorieseiten rausnehmen und durch die neuen Seiten ersetzen.

Für die Weiterleitung habe ich ein weiteres Plugin benutzt, nämlich Simple 301 Redirects. Hier gab e s nur eine kleine Besonderheit zu beachten: Die alten Kategorieseiten haben die Struktur …/thema/kategoriename/. Gibt man das aber so zum weiterleiten ein, funktioniert die Weiterleitung nicht. Grund ist der / am Ende, der auf einen ganzen Ordner weist. Den kann ich aber nicht auf eine Seite weiterleiten. Die Seite …/thema/kategoriename ohne / am Ende jedoch schon. 😉

Auf dieselbe Weise lässt sich übrigens jedes Theme in ein Magazinlayout verwandeln. 😉

Kleiner Wermutstropfen

Ganz hundertprozentig wie die Startseite sehen meine Kategorieseiten immer noch nicht aus, weil sich in Elementor Pro die Metadaten der Posts (Autor, Datum etc.) nicht beliebig anordnen lassen. Leider sind sie auch nicht verlinkt, wie auf der Startseite. Da aber erfahrungsgemäß eh kaum jemand darauf achtet, kann ich diese Einschränkungen verschmerzen. Und wer weiß? Vielleicht verbessert Elementor diese Funktionen ja noch? Die Pagination gab es bis vor Kurzem auch noch nicht.

Annette Schwindt

Dies ist mein persönliches Blog, auf dem ich alle meine vorherigen Websites zusammengefasst habe. Daher die buntegemischten Themen: Ich führe Bloggespräche und blogge über Persönliches, Digitales und Kulturelles. Ich liebe es, Menschen zu fotografieren und mich mit Kunst zu beschäftigen. Manchmal schreibe ich auch noch was anderes als Blogbeiträge. Für andere bin ich als Wegbegleiterin in Sachen Kommunikation aktiv. Vor allem bin ich aber eins: Ein Mensch!