Schritt-für-Schritt-Anleitung
1. Ist mein Loop Grid in einer Seite oder einem Template eingebaut?
Gerade bei komplexeren Websites kann das Loop Grid entweder direkt auf einer Seite oder innerhalb eines globalen Templates (z. B. Beitragsarchiv, Kategorie-Template) eingebunden sein.
So findest du heraus, wo dein Loop Grid liegt:
- Direkt auf einer Seite: Öffne die gewünschte Seite im WordPress-Backend und prüfe, ob das Loop Grid dort im Editor sichtbar ist.
- In einem Template: Das Grid ist oft in Templates wie „Archiv“, „Kategorie“ oder „Blog“ eingebaut. Diese bearbeitest du über den Theme Builder von Elementor (zu finden unter Templates > Theme Builder).
Tipp:
Wenn du das Loop Grid in einem Template bearbeitest, wirken sich Änderungen auf alle Seiten aus, die dieses Template nutzen (z. B. alle Blog-Übersichten). Prüfe daher immer, ob du nur eine einzelne Seite oder ein globales Layout anpassen möchtest.
2. Zur Seite oder Template navigieren und im Elementor Editor öffnen
Es gibt verschiedene Wege, um in die Bearbeitung zu gelangen, in Abhängigkeit davon, ob das Loop Grid in einer Seite oder einem Template integriert ist.
Seite mit Elementor bearbeiten
Wen das Loop Grid in einer Seite eingebaut ist:
- Navigiere ins Frontend deiner Webseite und dann zur zu bearbeitenden Seite. Klicke nun im oberen Menüband (am oberen Bildschirmrand) auf „Mit Elementor bearbeiten“ oder
- navigiere im WordPress-Backend zu „Seiten“ und klicke bei der gewünschten Seite auf „Mit Elementor bearbeiten“.
Template (Header, Footer, Archive, …) mit Elementor bearbeiten
Wenn dein Loop Grid in einem Template eingebaut ist (z. B. Header, Footer, Produkt-Archiv, etc.):
- Navigiere ins Frontend deiner Webseite an die Stelle, an der sich das Template befindet. Für Header und Footer sind ist meist die ganze Seite, für das Template des Produkt-Archivs musst du dorthin navigieren. Fahre nun mit der Maus im oberen Menüband über „Mit Elementor bearbeiten“ (ohne zu klicken!) und wähle im sich öffnenden Dropdown-Menü auf das gewünschte Template, um es zu bearbeiten – oder
- navigiere im WordPress-Backend zu Templates > Theme Builder, suche das zu bearbeitende Template und klicke auf „Bearbeiten“. Es öffnet sich automatisch der Elementor Page Builder.
3. Das Loop Grid in Elementor bearbeiten
Pro Tipp: Es ist hilfreich, die Struktur (früher „Navigator“) über das Symbol oben links zu öffnen. So kannst du gezielt das Loop Grid und andere Container/Elemente anwählen.
- Loop Grid Widget auswählen: Wähle in der Struktur oder direkt im Editor das Loop Grid Widget aus, das du bearbeiten möchtest.
- Widget-Einstellungen öffnen: Klicke auf das Loop Grid, um die Einstellungen in der linken Seitenleiste anzuzeigen.
- Reiter „Query“ (Abfrage) auswählen: Wechsle zum Reiter „Query“ oder „Abfrage“ in den Einstellungen.
- Anzahl der Beiträge einstellen: Suche das Feld „Posts Per Page“ (oder „Beiträge pro Seite“). Gib hier die gewünschte Anzahl der anzuzeigenden Beiträge ein (z. B. 6, 9, 12).
- Änderungen speichern: Klicke auf „Aktualisieren“ oder „Speichern“, um die Änderungen zu übernehmen.
Nutzerhinweise & Tipps
- Struktur nutzen: Mit geöffneter Struktur findest du schnell das richtige Widget, vor allem bei komplexen Seitenaufbauten.
- Bearbeitungsmodus beachten: Beim Bearbeiten eines Loop Grids kann es passieren, dass du versehentlich das Template des einzelnen Loop Items öffnest. In diesem Fall einfach auf den türkisen Button „Speichern & Zurück“ oder „Speichern & verlassen“ klicken, um zur eigentlichen Seitenbearbeitung zurückzukehren.
- Pagination & weitere Einstellungen: Für noch mehr Flexibilität kannst du in den Loop Grid Einstellungen auch die Paginierung aktivieren oder weitere Filter setzen.