Verwenden des Blog -Modulmoduls gegen Divi 5's Loop Builder

Das Blog-Modul ist der integrierte Feed-Generator von Divi, der nicht in der Box funktioniert. Es gibt Ihnen einen schnellen Weg, um Beiträge mit Toggles für Titel, Bilder, Auszüge und Metadaten aufzulisten.

Der neue Loop Builder von Divi 5 verfolgt einen anderen Ansatz. Sie entwerfen das Element mit allen Modulen und füttern dann dynamischen Inhalt in ihn. Beide Tools zeigen den Inhalt von Schleifen an, aber jeweils in verschiedenen Szenarien. Zu wissen, wann man benutzt wird, was Zeit spart und Frustration verhindert. Vergleichen wir die beiden.

Abonnieren Sie unseren YouTube -Kanal

Mini Glossar

Dies ist eine kurze Reihe von Begriffen für Anfänger, die dem Konzept eines Schleifenbauers neu sind:

• Benutzerdefinierte Posttyp (CPT): Ein benutzerdefinierter Inhaltstyp wie Produkte oder Kurse. Es verhält sich wie Beiträge, kann aber eigene einzigartige Felder haben.
• Benutzerdefiniertes Feld: Ein Feld, das Sie zu einem Beitrag, einer Seite oder einem CPT hinzufügen. Beispiele für ein Lebensmittelmenü können Preis, Bewertung, Gluten-/Allergie -Deklarationen und Schärfungsniveaus umfassen.
• Repeater Field: Ein Feld, das eine Liste von Elementen in einzelnen Posts speichert. Denken Sie an Unterlisten, die für einen benutzerdefinierten Inhalt gültig sind.
• Field Plugins: ACF ist die übliche Auswahl, aber Pods , Meta -Box , ACPT und Toolset funktionieren ebenfalls.

Wenn Sie in einigen Details verloren gehen, finden Sie zurück auf dieses Glossar. Aber wir werden Ihnen auf dem Weg die Dinge einfach machen.

Anzeigen einfacher Post- und Post -Typ -Feeds mit dem Blog -Modul

Das Blog -Modul wurde für erkennbare Blog -Muster erstellt. Es setzt gemeinsame Elemente an und ermöglicht es Ihnen, die Shows zu wechseln, wodurch sich das Setup schnell und Entscheidungen einfach hält.

Überlegen Sie, wie Blog -Beiträge in WordPress funktionieren. Jeder Beitrag teilt bestimmte gemeinsame Elemente, die ihn als Blog -Inhalt erkennbar machen. Diese gemeinsamen Merkmale umfassen:

1. 1. Posttitel
   2. Ausgewähltes Bild
   3. Postinhalte posten
   4. URL -Schnecke
   5. Autor
   6. Kategorien
   7. und mehr

Das Blog -Modul wurde unter Berücksichtigung traditioneller Beiträge entwickelt. Titel sagen Ihnen, was der Beitrag abdeckt. Ausgewählte Bilder fügen visuelle Zeichnen hinzu. Auszüge Vorschau des Inhalts. Metadaten sagt, wer es geschrieben hat und wann.

Das Blog -Modul von Divi synchronisiert diese Elemente automatisch. Sie lassen es auf die Seite fallen und wählen, was zu zeigen ist. Der Feed erscheint ohne benutzerdefinierte Abfragearbeit (es sei denn, Sie möchten das Zeigen einschränken. In diesem Fall gibt es integrierte Abfragetools).

Der Umschaltansatz macht Veränderungen schmerzlos. Sie können den Autor verbergen, aber das Datum behalten, das Bild anzeigen oder den Auszug überspringen. Kleine Entscheidungen ergeben schnelle Ergebnisse.

Benutzerdefinierte Beitragstypen: begrenzt, aber funktional

Das Blog -Modul kann normale Beiträge anzeigen und benutzerdefinierte Beitragstypen ordnungsgemäß registrieren.

Das Blog -Modul funktioniert einwandfrei, wenn die CPT -Standard -Postfelder die Standardpostfelder spiegeln. Es wird einschränkend, wenn Sie echte benutzerdefinierte Daten benötigen. Ein Teammitglied CPT funktioniert also, wenn die Dinge einfach gehalten werden.

• Der Name kartiert dem Titel.
• Ein Headshot/Avatar -Karten zum vorgestellten Bild.
• Eine Bio -Karten zum Inhalt.

Das Blog -Modul behandelt diese Situation mit Leichtigkeit.

Benutzerdefinierte Felder

Einschränkungen werden mit allen Feldern angezeigt, die Standardbeiträge nicht teilen.

Soziale Links, Zertifizierungen oder jahrelange Erfahrung werden im Blog -Modul nicht angezeigt, da es für die Standardfelder erstellt wurde, die in Standard -WordPress -Blog -Posts gefunden wurden. Das Modul hat keinen Umschalter für diese benutzerdefinierten Felder.

Benutzerdefinierte Layouts

Die Layoutkontrolle ist ebenfalls geringfügig eingeschränkt; Das Modul enthält Elemente in einer festen Struktur in einer festen Reihenfolge. Sie können den Titel und das Bild nicht neu ordnen, wenn Sie benutzerdefinierte CSS verwenden. Sie können das Layout jeder Blog -Karte über Flexbox oder Block verwalten. Kinderartikel (die Karten) verfügen jedoch nicht über Größeneinstellungen für die Child Flexbox -Steuerung (z.

Das Blog -Modul ist ausgezeichnet und schnell für Standardkartenlayouts. Wenn Sie einen kreativen Fehler bekommen, suchen Sie möglicherweise nach etwas Brauchiger.

Benutzerdefinierte Post -Typen + Benutzerdefinierte Felder mit dem Loop Builder

Divi's Loop Builder bietet Ihnen einen anderen Ansatz, um dynamische Inhalte anzuzeigen. Anstatt innerhalb der Einschränkungen eines einzelnen Moduls mit vorgegebenen Elementen zu arbeiten, können Sie mit Loop Builder Ihre Inhaltsanzeige aus einzelnen Divi -Modulen konstruieren, die genau so angeordnet sind, wie Sie sie sich vorstellen.

Die Verwendung des Schleifenbauers erfordert mehr Gedanken und Vorbereitung, aber Sie werden nicht in der Art und Weise, wie Sie mit dem Blog -Modul waren, nicht eingeschränkt. Mit dem Blog -Modul arbeiten Sie in vorhandenen Einschränkungen und ermöglichen das Beste aus vorbestimmten Optionen. Mit Loop Builder beginnen Sie mit einer leeren Leinwand und konstruieren genau das, was Sie mit einer beliebigen Kombination von Divi -Modulen benötigen.

Wie der Schleifenbauer funktioniert

Loop Builder ist kein einzelnes Modul. Es ist ein Behälter mit Ihren gewählten Modulen darin. Wenn der Container auf „Schleifen“ eingestellt ist, wiederholt er sich für jedes Matching -Ergebnis. Im Container können Sie Bild-, Überschriften-, Text- und Schaltflächenmodule platzieren.

Sie binden den Inhalt jedes dieser Module an das richtige Token. Die Benutzeroberfläche von Divi macht das ziemlich einfach. Das Bild zeigt auf das vorgestellte Bild. Die Überschrift zeigt auf den Titel. Die Taste links mit der Post -URL.

Dieser modulare Ansatz gibt Ihnen Struktur- und Abstandskontrolle. Sie können Bilder über oder neben Titeln einstellen. Sie können auch zwei Textblöcke für zwei benutzerdefinierte Felder hinzufügen. Auf diese Weise können Sie die benötigte Karte erstellen, keine Karte, die über ein Modul vorkonfiguriert ist.

Beispiele mit benutzerdefinierten Beitragstypen und benutzerdefinierten Feldern

Lassen Sie uns diesen Beton mit ein paar schnellen Szenarien machen. Wir werden das Muster behalten und die Felder tauschen. Verwenden wir das Kartendesign aus unserem vorherigen Beispiel und sehen Sie, wie es mit benutzerdefinierten Post -Typen und benutzerdefinierten Feldern angepasst werden kann.

Erstellen Sie zunächst eine benutzerdefinierte Schleife für Standard -Blog -Beiträge. Verwenden Sie die Stand -Posts 'Post -Typ' mit den Standardfeldern für Titel, Kategorie, Veröffentlichung von Datum und Funktionsbild. Zeichnen Sie jeweils dem jeweiligen Modul in Ihrem Design ab. Diese verwenden Standard -Postfelder, sind jedoch in einem einzigartigen Layout angeordnet.

Wir können etwas Ähnliches für einige einfache Immobilienlisten tun. Mit demselben Kartenlayout können wir Inhalte aus unserem benutzerdefinierten Post -Typ mit der dem Eigentum zugewiesenen Überschrift, den Textmodulen, der den Schlafzimmern, Badezimmern, und einer Eigenschaftsbeschreibung zugewiesen sind, sowie eine Schaltfläche, die an die URL der Eigenschaft aufgelistet ist, bevölkern.

Das Endergebnis sieht aus wie unsere Blog -Karte, verwendet jedoch die Fähigkeit des Loop Builder, Inhalte aus benutzerdefinierten Feldern und benutzerdefinierten Post -Typen zuzuweisen.

All diese Rede von CPTs, wie machst du diese? Advanced Custom Fields (ACF) ist hier die Wahl. Pods, Meta -Box, ACPT und Toolset erstellen auch Felder, die Loop Builder lesen können. Verwenden Sie das, was zu Budget, Erfahrung und Stapel passt.

Ein Hinweis für Immobilienwebsites : Sie möchten ein dediziertes Plugin verwenden, das als CPT von einem IDX in WordPress aufgenommen wird. Auf diese Weise haben Sie neue Daten und minimale manuelle Arbeiten (niemand möchte jeden Morgen manuell Eigenschaften eingeben).

Flexbox für benutzerdefinierte Layouts

Flexbox passt natürlich mit dem Schleifenbauer. Sie können es auf zwei Ebenen für eine saubere, reaktionsschnelle Struktur ohne benutzerdefinierte CSS verwenden.

Erstens den Außenschleifenbehälter stylen. Wählen Sie den übergeordneten Container der Schleifen. Schalten Sie das Flex -Layout ein. Setzen Sie die Richtung zur Reihe. Aktivieren Sie Wrap, wenn Sie mehrere Flexreihen wünschen. Lücken Sie die Lücke, um den Abstand zwischen den Elementen zu steuern. Passen Sie dann die Größe des untergeordneten Containers an, in dem sich Ihre Schleife mit den Größenoptionen befindet. Sie können ein reaktionsschnelles und attraktives Layout für Ihre Looped -Elemente zwischen den Container Flex -Steuerelementen und den Kinderflexsteuerungen erstellen.

Zweitens stylen Sie das Innenkartenlayout . Wählen Sie den Root Container im Schleifenelement aus (zum Beispiel des Spalten- oder Gruppenmoduls). Stellen Sie in Layoutoptionen die Flex -Richtung auf eine Reihe ein, wenn Sie einige Elemente nebeneinander möchten. Stellen Sie die Breite des Bildmoduls ein, um etwa die Hälfte des Raums im Container einzubeziehen. Lassen Sie den Textbereich (in diesem Fall ein Gruppenbehälter mit verschiedenen Modulen im Inneren) den Rest füllen (wachsen Sie, um die Optionen für Gruppenmodulgrößen zu füllen).

Sie können die verschiedenen Behälter oder Module anordnen, die Sie möchten. Sie sind nicht in ein vorkonfiguriertes Layout eingeschlossen. Hier setzen wir den Titel in die linke Gruppe und setzen die rechte Gruppe auf Flex -Spalte. Dies gibt uns eine subtile und dennoch einzigartige Veränderung des Layouts. Es gibt wirklich keinen Mangel an Möglichkeiten.

Auswählen des richtigen Tools für Ihr Projekt

In diesem Fall geht es weniger um Rohfunktionen und mehr um das Finden der richtigen Passform. Wählen Sie den schnellsten Weg, der die Anforderung erfüllt. Wechseln Sie die Werkzeuge, wenn sich der Bedarf ändert. Manchmal macht das Blog -Modul den Trick, aber Sie haben einen starken Drehpunkt für den Schleifenbauer, wenn dies nicht der Fall ist.

Wenn das Blog -Modul ideal ist

Greifen Sie nach dem Blog -Modul, wenn der Inhalt den Standard -Post -Mustern folgt. Titel, Bild, Auszug und Basic Meta sind der Sweet Spot. Grundlegende Nachrichtenseiten, Unternehmensaktualisierungen und einfache Portfolios qualifizieren sich. Besucher erwarten ein herkömmliches Layout, und Sie möchten möglicherweise eine zuverlässige Lösung mit minimalem Setup.

Mit dem Blog -Modul können Sie in wenigen Minuten einen funktionierenden Feed versenden. Weniger bewegliche Teile bedeuten auch weniger Chancen, Dinge zu brechen (oder verwirrt zu werden).

Nicht-technische Benutzer, die möglicherweise immer noch im Konzept einer „Schleife“ verloren gehen, werden sich immer noch stark vom Blog-Modul verlassen. Es ist ein tolles Werkzeug und sollte absolut verwendet werden.

Wenn der Schleifenbauer unerlässlich wird

Verwenden Sie den Loop Builder, wenn Sie Felder benötigen, die keine Beiträge haben, oder wenn Ihre Kartenstruktur nicht mit einem Aktienmuster übereinstimmt. E -Commerce, Immobilien und Bildung sind typische Branchen, die in der Regel mehr Anpassungen benötigen. Jedes braucht Details, die in benutzerdefinierten Feldern leben. Wenn Sie mit mehr Inhalten oder mehr Inhaltsarten arbeiten, benötigen Layouts in der Regel mehr Flexibilität.

Verwenden Sie den Loop Builder, wenn Inhaltsbeziehungen komplex werden. Möglicherweise müssen Sie Post -Typen in einer Ansicht mischen und Inhalte aus Repeatern anzeigen.

Erstellen Sie Ihr eigenes Blog -Modullayout mit Divi 5

Das Blog -Modul von Divi ist immer noch der schnellste Weg, um einen Standard -Feed zu versenden. Der Loop Builder entsperren benutzerdefinierte Karten, benutzerdefinierte Felder und Repeater. Der Schleifenbauer kann auch in das genaue Layout und Design angepasst werden, das Sie im Sinn haben, während das Blog -Modul dort einige Einschränkungen hat.

Das Beste an dieser Entscheidung ist, dass Sie sowohl in Ihrem Toolkit aufbewahren als auch basierend auf dem Job wählen können. Divi 5 kommt zusammen und ist mächtiger (und stabiler) als je zuvor. Wenn Sie es nicht verwendet haben, probieren Sie es auf Ihrer nächsten Website aus. Die öffentliche Beta ist gleich um die Ecke, und das bedeutet, dass bestehende Divi-Websites kurz vor dem Testen der Migrationen bestehender Websites stehen.

Laden Sie Divi 5Learn mehr über Divi 5 herunter