Kategorieseiten mit Elementor Pro umgestaltet

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:

Alte Kategorieseite mit untereinander gelsiteten ArtikelnDa 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.

Screenshot neue Kategorieseite Kulturelles > Bücher

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.

 

Ich mach was mit Schreiben und werde für andere als Kommunikations-Katalysator oder Portraitfotografin tätig . >>>Mehr über die Arbeit mit mir lesen. Ich verorte mich selbst im Autismus-Spektrum (beiße aber nicht), bin chronisch digital und vor allem eins: Ein Mensch und Teil von #teamsutsche.

10 Gedanken zu “Kategorieseiten mit Elementor Pro umgestaltet

  1. Das ist für mich auch ein großes Problem gewesen, da ich bisher auch nicht die Pro Version von elementor benutze.

    Ich habe mich dazu entschieden, ganz ohne Kategorien zu arbeiten und das so zu gestalten, dass jede Kategorie eine eigene Seite hat. Was aber auch viele Nachteile hat… bin nicht so begeistert von Elementor. Jetzt habe ich jedoch schon fast meine ganze Seite mit Elementor gestaltet, viele Stunden verbracht, bis ich gemerkt habe, dass ich die Kategorien nicht nutzen kann…

    • Das verstehe ich nicht. Warum kannst du Kategorien mit Elementor nicht nutzen? Das funktioniert doch wunderbar. Mache ich ja auch. Wo liegt denn das Problem?

  2. Wenn ich eine Kategorie anklicke, dann wird das Theme von WordPress (OceanWP) und nicht das Theme von Elementor angezeigt. Wie kann ich das ändern. Das habe ich bisher nicht hinbekommen bzw. verstanden.

    • Du benutzt ein ganzes Theme von Elementor? Das habe ich noch nicht gemacht. Ich nutze es nur als pagebuilder für Funktionen, die mein Theme nicht kann, wie z.B. den Einführungstext vor der Beitragliste. Und die eigentlichen Kategorieseiten sind dann auf die selbstgebauten umgeleitet.

    • Das ist ja auch nicht Sinn der Sache. Elementor ist ein pagebuilder, kein Theme-Entwickler. Die komplettten Templates sind für Einzelseiten, Landingpages etc. gedacht.

  3. Sollte ich also ein Template von WordPress nehmen und das dann bei Elementor bearbeiten? Ich bin recht neu hier und verzweifel grad ein wenig…

    • Nein, das sind zwei Paar Stiefel. Elementor ist nicht dazu gedacht, ein ganzes Theme zu stellen, es sei denn, man weist das betreffende Template jeder einzelnen Seite immer wieder manuell zu. elementor ist ein PAGEbuilder, d.h. er hilft, Sachen auf einzelnen Seiten zu bauen, die das Theme, das man gewählt hat, oder WordPress an sich nicht allein kann.

Schreibe einen Kommentar