Ihre eigene Website erstellen von A-Z

Suche

HEADER IM THEME-BUILDER

Taxonomie-Filter für Loop-Vorlagen im Elementor Theme Builder erstellen

Ich erkläre Ihnen Schritt für Schritt, wie Sie einen Taxonomie-Filter für Ihre Loop-Vorlagen im Elementor Theme Builder erstellen können. Diese Anleitung ist speziell für Anfänger gedacht und enthält eine ausführliche Erklärung des Begriffs, die Vorgehensweise und drei praktische Anwendungsbeispiele.

1. Was ist ein Taxonomie-Filter?

Ein Taxonomie-Filter ist ein Werkzeug, mit dem Sie Inhalte auf Ihrer Website nach bestimmten Kriterien filtern können. Taxonomien sind Kategorien, Schlagwörter (Tags) oder benutzerdefinierte Taxonomien, die Sie in WordPress verwenden, um Inhalte zu organisieren.Beispiele für Taxonomien:

  • Kategorien: Blog-Beiträge können in Kategorien wie „Technologie“, „Reisen“ oder „Lifestyle“ organisiert werden.
  • Schlagwörter (Tags): Beiträge können mit Schlagwörtern wie „SEO“, „WordPress“ oder „Marketing“ versehen werden.
  • Benutzerdefinierte Taxonomien: In einem Online-Shop könnten Produkte nach „Marke“, „Farbe“ oder „Größe“ gefiltert werden.

Ein Taxonomie-Filter ermöglicht es Besuchern, Inhalte gezielt nach diesen Kriterien zu durchsuchen.

2. Voraussetzungen

  • Elementor Pro: Der Theme Builder und die Loop-Funktion sind nur in Elementor Pro verfügbar.
  • Taxonomien: Sie sollten bereits Kategorien, Schlagwörter oder benutzerdefinierte Taxonomien in WordPress eingerichtet haben.
  • Loop-Vorlage: Sie benötigen eine Loop-Vorlage, die Sie im Elementor Theme Builder erstellt haben.

3. Schritt-für-Schritt-Anleitung

Schritt 1: Loop-Vorlage erstellen

  1. Gehen Sie in Ihrem WordPress-Dashboard zu Templates > Theme Builder.
  2. Wählen Sie den Bereich „Loop Item“ aus.
  3. Klicken Sie auf „Neu hinzufügen“, um eine neue Loop-Vorlage zu erstellen.
  4. Gestalten Sie die Loop-Vorlage:
    • Fügen Sie Widgets wie Post Title, Post Excerpt und Post Image hinzu.
    • Speichern und veröffentlichen Sie die Vorlage.

Schritt 2: Loop Grid auf einer Seite einfügen

  1. Öffnen Sie eine Seite oder einen Beitrag mit Elementor.
  2. Ziehen Sie das „Loop Grid“-Widget in den Editor.
  3. Wählen Sie Ihre zuvor erstellte Loop-Vorlage aus.
  4. Elementor zeigt nun eine Vorschau der Inhalte in einem Grid-Layout an.

Schritt 3: Taxonomie-Filter hinzufügen

  1. Ziehen Sie das „Taxonomy Filter“-Widget in den Editor (dieses Widget ist in Elementor Pro verfügbar).
  2. Einstellungen konfigurieren:
    • Wählen Sie die Taxonomie aus, die Sie filtern möchten (z. B. Kategorien, Schlagwörter oder benutzerdefinierte Taxonomien).
    • Aktivieren Sie die Option, Kategorien oder Schlagwörter auszublenden, die keine Inhalte haben.
    • Passen Sie das Design des Filters an (z. B. Dropdown, Checkboxen oder Buttons).
  3. Filter mit Loop Grid verbinden:
    • Gehen Sie zu den Einstellungen des Loop Grids.
    • Aktivieren Sie die Option, den Taxonomie-Filter mit dem Loop Grid zu verknüpfen.
    • Elementor zeigt nun nur die Inhalte an, die den ausgewählten Filterkriterien entsprechen.

Schritt 4: Vorschau und Veröffentlichung

  1. Überprüfen Sie die Vorschau, um sicherzustellen, dass der Filter korrekt funktioniert.
  2. Veröffentlichen Sie die Seite.

4. Drei Anwendungsbeispiele

Beispiel 1: Blog-Beiträge nach Kategorien filtern

  • Anwendung: Besucher können Blog-Beiträge nach Kategorien wie „Technologie“, „Reisen“ oder „Lifestyle“ filtern.
  • Nutzen: Erleichtert die Navigation und hilft Besuchern, relevante Inhalte schneller zu finden.
  • Darstellung:Unable to render image

Beispiel 2: Produkte in einem Online-Shop nach Attributen filtern

  • Anwendung:
    Besucher können Produkte nach Attributen wie „Farbe“, „Größe“ oder „Marke“ filtern.
  • Nutzen:
    Verbessert die Benutzererfahrung und erhöht die Wahrscheinlichkeit eines Kaufs.
  • Darstellung:
    Unable to render image

Beispiel 3: Veranstaltungen nach Datum oder Ort filtern

  • Anwendung:
    Besucher können Veranstaltungen nach Datum, Ort oder Art der Veranstaltung (z. B. „Konferenz“, „Workshop“) filtern.
  • Nutzen:
    Hilft Besuchern, schnell die für sie relevanten Veranstaltungen zu finden.
  • Darstellung:
    Unable to render image

Zusätzliche Tipps

  • Benutzerfreundlichkeit:
    Halten Sie die Anzahl der Filter überschaubar, um die Navigation nicht zu überladen.
  • Design:
    Passen Sie das Design der Filter an das Erscheinungsbild Ihrer Website an.
  • Testen:
    Überprüfen Sie die Funktionalität auf verschiedenen Geräten, um sicherzustellen, dass alles reibungslos funktioniert.