Möchten Sie dynamische Inhalte wie Blog -Beiträge, Produkte oder benutzerdefinierte Beitragstypen in vollständig benutzerdefinierten Layouts anzeigen - ohne eine Codezeile zu berühren? Das Schleifenmodul im Beaver Builder ermöglicht es möglich.

Das Schleifenmodul wird in Beaver -Themer 1.5 und Beaver Builder 2.9 eingeführt und ist ein leistungsstarkes Werkzeug, mit dem Sie wiederholbare Layouts mit Standard -Beaver Builder -Modulen entwerfen können. Unabhängig davon, ob Sie ein Blog, ein Portfolio, eine Veranstaltungsliste oder ein WooCommerce -Shop erstellen, dieses Modul bietet Ihnen die vollständige Designsteuerung mit dynamischen Inhalten im Kern.

In diesem Leitfaden werden wir aufschlüsseln, wie das Schleifenmodul mithilfe des Schleifenmoduls moderne, dynamische Layouts erstellt, die das Design, die Leistung und die Flexibilität Ihrer Website verbessern.

Was ist das Schleifenmodul?

Das Schleifenmodul ist ein flexibler Behälter, der durch abgefragte Inhalte abschließt und mithilfe eines von Ihnen erstellten Layouts angezeigt wird. Anstatt sich auf Standard -WordPress -Vorlagen zu verlassen, können Sie Ihre eigenen benutzerdefinierten Entwürfe erstellen - mit Modulen, Feldverbindungen und bedingter Logik verbunden.

Das Schleifenmodul ist nicht auf Blog -Posts oder benutzerdefinierte Post -Typen beschränkt - es kann eine breite Palette dynamischer Inhalte verarbeiten. Hier sind einige leistungsstarke Möglichkeiten, wie Sie es verwenden können, um benutzerdefinierte Layouts zu erstellen und Ihre Website zu verbessern:

• WooCommerce -Kategorien oder -Tags - Zeigen Sie verwandte Produktkategorien oder Tags auf einzelnen Produktseiten mithilfe der Taxonomien -Abfragequelle an.
• Benutzerdefinierte Inhaltsnetz - Zeigen Sie dynamische Inhalte wie Teammitglieder oder Testimonials mithilfe der ACF Repeater -Abfragequelle auf Seiten wie „Treffen Sie das Team“ oder Service -Listings.
• Verwandte Beiträge - Führen Sie relevante Blog -Inhalte auf einzelnen Postseiten mit der ACF -Relationship -Abfragequelle, um das Engagement zu steigern und die Absprungraten zu verringern.

Jedes Element in der Schleife verwendet Ihr benutzerdefiniertes Design und zieht dynamische Daten wie den Post -Titel, Bild, Auszug und mehr ein.

Schlüsselmerkmale des Schleifenmoduls

Das Schleifenmodul ist mit Funktionen gepackt, die es ideal für den Aufbau flexibler, inhaltlicher Seiten machen:

• Abfragen dynamischer Inhalte von einem beliebigen Beitragstyp (Standard oder benutzerdefinierter)
• Verwenden Sie jedes Biber -Builder -Modul im Loop -Layout
• Felder dynamisch verbinden (zB, Titel, Bild, post meta)
• Wählen Sie aus mehreren Layouttypen wie Gitter, Liste oder Karussell
• Fügen Sie Filter und Pagination hinzu , um die Benutzererfahrung zu verbessern

Mit dieser Kombination aus Anpassung und Automatisierung können Sie erweiterte Layouts erstellen, ohne HTML, PHP oder CSS zu schreiben.

So erstellen Sie eine benutzerdefinierte Schleife

Das Erstellen eines benutzerdefinierten Inhaltslayouts mit dem Schleifenmodul ist einfach, flexibel und benötigt keinen Code. Egal, ob Sie mit einem vorgefertigten Layout beginnen oder Ihre eigenen von Grund auf neu erstellen möchten, das Loop-Modul bietet Ihnen die volle Kontrolle darüber, wie Ihr dynamischer Inhalt angezeigt wird.

Schleifenmodul voreingestellte Layoutoptionen

Wenn Sie das Schleifenmodul zum ersten Mal auf Ihre Seite ziehen, werden Sie aufgefordert, aus den folgenden voreingestellten Layouts auszuwählen: Liste, Spalten, Kategorien und Produktkategorien.

Voreingestellte Layouts bieten Ihnen einen Vorsprung, indem Sie vorgefertigte Module anbieten, die Sie vollständig anpassen können. Passen Sie die Schleifeneinstellungen an Ihre Anforderungen an, ordnen Sie vorhandene Module neu an oder entfernen Sie neue Module und fügen Sie neue hinzu, um Ihr Layout zu optimieren. Diese vorbereiteten Designs helfen Ihnen dabei, polierte, reaktionsschnelle Inhalte schneller zu erstellen.

Bauen Sie mit einem leeren Layout von Grund auf neu auf

Zulassen Sie es vor, etwas völlig Brauches zu erstellen? Wählen Sie die Option Leere Layout und befolgen Sie die folgenden Schritte:

1. Fügen Sie das Schleifenmodul Ihrer Seite hinzu oder veröffentlichen Sie im Beaver Builder -Editor.
   
2. Wählen Sie das leere Layout aus , um mit einem leeren Schleifenbehälter zu beginnen.
   
3. Konfigurieren Sie die Schleifeneinstellungen , um zu definieren, welche Inhalte Sie anzeigen möchten - wie Blog -Posts, WooCommerce -Produkte, ACF -Repeater -Felder oder benutzerdefinierte Post -Typen.
   
4. Ziehen Sie Module in den Schleifenbehälter, um Ihr Layout von Grund auf neu zu erstellen. Fügen Sie alle Beaver Builder -Module hinzu, die Sie benötigen, z. B. Überschriften, Fotos, Symbole, Schaltflächen und mehr.
   
5. Verwenden Sie Feldverbindungen , um dynamische Inhalte wie Titel, Bilder, Preise oder benutzerdefinierte Felder für jedes Schleifenelement einzuziehen.
   
6. Ordnen und stylen Sie Ihre Module mit den Drag & Drop-Tools von Beaver Builder.

Dieses Setup eignet sich hervorragend für fortschrittliche Benutzer oder Designer, die eine totale Kontrolle wünschen.
Verwenden Sie es, um benutzerdefinierte Blog -Layouts, Produktnetze oder Teamverzeichnisse zu erstellen - kein Code erforderlich.

Verwenden Sie das Boxmodul für Layoutsteuerung

Das Box -Modul ist ein wesentlicher Begleiter für das Schleifenmodul, wenn es um Layout -Präzision und Flexibilität des Stylings geht.

• Wickeln Sie das Schleifenmodul in ein Boxmodul ein, um die Breite, Polsterung, Rand und Hintergrundstyling des äußeren Behälters zu verwalten. Auf diese Weise können Sie die vollständige Kontrolle darüber erhalten, wie Ihr geschalteter Inhalt innerhalb des Gesamtseitenlayouts sitzt.
• Nisten Sie ein Boxmodul in der Schleife, um den inneren Inhalt jedes Schleifenelements zu gruppieren. Mit diesem Setup können Sie fortschrittliche Layout -Techniken wie CSS Grid oder Flexbox nutzen. Sie können beispielsweise in jedem Loop-Element ein zweispaliges Layout erstellen. Platzieren Sie ein Bild links und Text rechts - mit vollständiger Kontrolle über Abstand und Ausrichtung.

Durch die strategische Verwendung des Box -Moduls wird saubere, reaktionsschnelle Designs aufrechterhalten und gleichzeitig die visuelle Struktur Ihres dynamischen Inhalts verbessert.

Abfrageinstellungen: Welchen Inhalt wird angezeigt?

Mit der Registerkarte "Inhalt im Schleifenmodul" können Sie steuern, wie der Schleifinhalt abgefragt und angezeigt wird, z. B.:

• Wählen Sie den Post -Typ (Beiträge, Seiten, CPTs, Produkte usw.)
• Filter nach Taxonomie, Kategorie, Tags oder Autor
• Inhalte basierend auf dem Poststatus oder Datum anzeigen
• Setzen Sie Offsets, Sortier und Postlimits ein

Dies beinhaltet die Abfragequelle, die Anzahl der Elemente zum Anzeigen, Bestellen und erweiterten Filteroptionen.

Pagination

Auf der Registerkarte Pagination können Sie steuern, wie der Inhalt auf mehreren Seiten unterteilt und angezeigt wird - ideal, um die Navigation und Benutzererfahrung zu verbessern.

• Zahlen : Zeigt nummerierte Links unter Ihren Beiträgen an. Wenn Sie auf eine Nummer klicken, wird eine neue Seite mit dem entsprechenden Beiträge von Beiträgen geladen.
• SCROLL : Lädt automatisch zusätzliche Beiträge als Benutzer Scrollen und führt Inhalte auf einer einzelnen Seite.
• Keine : Deaktiviert Pagination. Verwenden Sie diese Option, um eine begrenzte Anzahl von Beiträgen - wie die letzten drei - ohne Navigationskontrollen anzuzeigen.
• Beiträge pro Seite : Legt fest, wie viele Elemente pro Seite angezeigt werden. Der Standard ist 10.

Diese Optionen helfen dabei, die Inhaltszustellung auf Ihre Layout- und Benutzer -Interaktionsziele zuzuordnen.

Dynamische Daten mit Feldverbindungen

In Ihrem Loop -Layout können Sie Feldverbindungen verwenden, um post -Daten dynamisch einzuziehen, wie z. B.:

• Posttitel
• Ausgewähltes Bild
• Auszug oder vollständige Inhalt
• Benutzerdefinierte Felder
• Autor, Datum, Kategorie, Tags

Jedes Modul, das dynamischen Inhalt unterstützt (wie Überschrift, Foto, Taste, HTML usw.), kann mit den Postdaten verbunden werden.

Erweitertes Styling und bedingte Logik

Möchten Sie verschiedene Post -Typen unterschiedlich stylen oder Elemente basierend auf den Bedingungen zeigen/ausblenden? Das Schleifenmodul unterstützt bedingte Logik- und benutzerdefinierte CSS -Klassen .

Zum Beispiel könnten Sie:

• Tasten ausblenden, wenn ein benutzerdefiniertes Feld leer ist
• Fügen Sie Abzeichen für vorgestellte Beiträge hinzu
• Wenden Sie verschiedene Farben oder Stile an, die auf der Postkategorie basieren

Auf diese Weise können Sie die Benutzererfahrung fein abstellen und ein konsistentes Branding in Ihren Inhalten aufrechterhalten.

Anwendungsfälle in realer Weltschleifenmodul

Das Schleifenmodul im Beaver Builder ist unglaublich vielseitig und können dynamische Inhalte in Layouts anzeigen, die Ihren Designanforderungen entsprechen. Hier sind einige leistungsstarke Möglichkeiten, es zu verwenden:

• Blog -Archives: Erstellen Sie ein visuell ansprechendes Netz oder eine Liste Ihrer neuesten Blog -Beiträge mit vorgestellten Bildern und Auszügen.
• WooCommerce-Produkte: Präsentieren Sie WooCommerce-Produkte in einem anpassbaren Raster mit dynamischen Preisen, Bildern und Hinzufügen von Schaltflächen.
• Portfolio Showcase: Heben Sie Ihre Projekte oder Fallstudien mit flexiblen Layouts hervor, die Ihren Markenstil widerspiegeln.
• Testimonials: Zeigen Sie Client -Testimonials aus einem benutzerdefinierten Post -Typ an und stylen Sie sie so, dass sie dem Design Ihrer Website entsprechen.
• Ereignislisten: Listen Sie chronologisch bevorstehende Ereignisse oder Webinare mit Daten, Standorten und Ereignisbeschreibungen auf.
• Teammitglieder: Stellen Sie Ihr Team mit Fotos, Namen, Titeln und BIOs vor - nutzen Sie jedes Element auf eine detaillierte Profilseite.
• Immobilienlisten: Präsentieren Sie Immobilienlisten mit Immobilienbildern, Preisgestaltung und Schlüsseldetails mit einem benutzerdefinierten Beitragstyp.
• Kurskatalog: Zeigen Sie einen Katalog von Online -Kursen oder Workshops mit Titeln, Beschreibungen und Registrierungslinks an.
• Stellenangebote: Erstellen Sie eine individuelle Jobbörse mit dynamischen Listings, die Titel, Standorte und kurze Rollenzusammenfassungen enthalten.
• Rezeptindex: Spitzen Sie eine Sammlung von Rezepten mit Bildern, Titeln und Beschreibungen - ideal für Food -Blogger.

Diese Anwendungsfälle zeigen die Vielseitigkeit des Schleifenmoduls im Beaver Builder. Es kann in verschiedenen Branchen und Websites verwendet werden, um Ihnen dabei zu helfen, dynamische, ansprechende und angepasste Inhaltslayouts zu erstellen.

Letzte Gedanken: Warum das Schleifenmodul verwenden?

Das Schleifenmodul im Beaver Builder bietet Ihnen die Möglichkeit, mühelos vollständig benutzerdefinierte dynamische Layouts zu erstellen. Unabhängig davon, ob Sie ein Blog, ein Geschäft oder ein komplexes Inhaltsverzeichnis erstellen, können Sie mit diesem Modul steuern, wie Ihre Daten angezeigt werden, während Sie Ihren Workflow visuell und codfrei halten.

Wenn Sie es ernst meinen, moderne, benutzerdefinierte WordPress-Sites mit Beaver Builder zu bauen, ist das Schleifenmodul ein Muss in Ihrem Toolkit. Entdecken Sie hier die Dokumentation des vollständigen Schleifenmoduls.