Wie man einen DIVI-Blog mit WP Latest Posts -Plugin und -Widget entwirft

Mit dem DIVI-Builder können wir exzellente Websites entwerfen und es ist ein wirklich benutzerfreundlicher Page-Builder, der Funktionen für fast alles hat! Aber manchmal benötigen wir Hilfe von zusätzlichen Komponenten, wie zum Beispiel beim Erstellen einer exzellenten Blog-Seite, und WP Latest Post mit DIVI wird es uns ermöglichen, dies zu tun.

WP Latest Post ist ein Plugin, das es uns ermöglicht, Seiten mit unseren neuesten Beiträgen zu erstellen, indem wir Filter und Design-Tools verwenden, um die Arbeit in Rekordzeit zu erledigen und sie perfekt an unsere Seite anzupassen.

In diesem Beitrag werden wir sehen, wie man DIVI und WP Latest Post verwendet, um das Beste aus beiden herauszuholen.

Erstellen Sie einen Block mit unseren neuesten WordPress-Beiträgen

Um dies zu starten, müssen wir einen Posts-Block in WP Latest Post erstellen, um es in DIVI einzubetten.

Um dies zu tun, gehen Sie zu WP Latest Post > Alle neuen Blöcke im linken Menü, wir werden einen +Neuer Block-Button sehen, klicken Sie darauf.

Wir werden in der Lage sein, einen Titel zu definieren und dann mit der Erstellung des Blocks fortzufahren.

Die Block-Erstellung ist in 3 Abschnitte unterteilt, in denen wir jeden Teil des Blocks definieren können, wobei der erste Teil die Quelle ist.

Wie der Name schon sagt, können wir definieren, was für den Block verwendet wird, um die enthaltenen Beiträge zu definieren, wir können Seiten, Beiträge, Kategorien oder benutzerdefinierte Beitragstypen verwenden.

Für dieses Tutorial wählen wir die Option Beiträge, da wir eine Blogseite erstellen.

Nachdem wir die Quelle ausgewählt haben, können wir definieren, wie der Inhalt gefiltert wird, sowie anpassen, wie er angezeigt wird, und dabei Folgendes definieren:

Kategorien: Filtern Sie den Inhalt, der pro Kategorie angezeigt wird.

Sortieren nach: Definieren Sie, wie unsere Beiträge sortiert werden sollen, ob dies auf Grundlage des Erstellungsdatums erfolgt und ob aufsteigend oder absteigend.

Anzahl der Zeilen/Spalten und Elemente: Wählen Sie die Anzahl der Zeilen, die wir anzeigen möchten, die Anzahl der Spalten und die maximale Anzahl der Elemente, die angezeigt werden sollen.

Veröffentlicht/ Datum: um festzulegen, ob nur Beiträge angezeigt werden sollen, die nach/vor einem bestimmten Datum veröffentlicht wurden.

In letzter Zeit erstellter Inhalt: Dies ermöglicht es uns, eine spezifischere Auswahl an Beiträgen für die letzten Stunden/Tage/Monate/Jahre zu definieren.

Inhaltsaufnahme: um festzulegen, ob wir eine Kategorie einmal oder mehrmals anzeigen möchten.

Wir können auch die Anzahl der Beiträge bestätigen, die mit unserem aktuellen Inhalt und unseren Auswahlmöglichkeiten unter dem Titel des Blocks angezeigt werden.

Jetzt können wir zum nächsten Teil springen, nämlich Anzeige und Thema, wo wir ein Thema aus den 8 verfügbaren für WP Latest Post (+Addon) auswählen können.

Zunächst werden wir in diesem Teil die Themenauswahl sowie die Optionen zu deren Anpassung sehen können, diese Optionen ändern sich je nach gewähltem Thema.

Standarddesign

Kategorie Raster

Masonry Theme

Material Horizontal Theme

Material Vertikales Thema

Portfolio-Thema

Smooth Hover-Thema

Zeitachsen-Theme

Viele Optionen für jedes Thema, damit wir das, das uns besser gefällt, an unsere Seite anpassen und mit nur wenigen Klicks perfekt anpassen können.

Für diesen Beitrag werden wir die Masonry-Themenoption verwenden, um fortzufahren.

Und jetzt können wir zum nächsten Tab in diesem Abschnitt gehen, der Themen-Setup heißt und je nach gewähltem Thema unterschiedlich sein kann. Für dieses Thema, das wir ausgewählt haben, haben wir die Möglichkeit, den Titel, einen Button zum Laden weiterer Inhalte und ein Symbol bei Hover anzuzeigen.

Zuerst können wir das Symbol anpassen, das beim Überfahren mit der Maus angezeigt wird, sowie es mit einem der von WP Latest Post angebotenen ändern oder unser eigenes hochladen.

Wir werden in der Lage sein, einen weiteren Tab zu sehen, der Animation ist, diese Option dient dazu, Themes zu verwalten, die Animationen enthalten, wie das Smooth Hover Theme, das ein Slider ist, mit dem Masonry gibt es überhaupt keine Animation, also werden wir es überspringen.

Und jetzt können wir zum letzten Teil übergehen, der Bildquelle, wo wir das Bild definieren können, das in unserem Block für Beiträge verwendet wird, die überhaupt kein Bild haben, sowie das erste verfügbare Bild im Beitrag oder das Featured Image verwenden.

Und damit beenden wir die Block-Beitrag-Konfiguration und sind jetzt bereit, sie zu veröffentlichen.

Wir werden einen zusätzlichen Tab sehen, in dem wir den Shortcode des Blocks finden und festlegen können, ob er privat ist oder ob wir den Block zu einem bestimmten Zeitpunkt veröffentlichen möchten.

Eine Menge großartiger Werkzeuge für eine nützliche Funktion, die im DIVI-Seitenersteller verwendet werden soll! Jetzt lasst uns es einer Seite hinzufügen, indem wir DIVI verwenden.

Verwenden von DIVI und WP Latest Post zum Erstellen einer Blogseite

Jetzt, da wir gesehen haben, wie einfach es ist, unseren Beitragsblock zu erstellen, fügen wir ihn unserer DIVI-Seite hinzu.

Gehen Sie zunächst zu Ihrer Seite/Beitrag und bearbeiten Sie ihn oder erstellen Sie einen neuen und klicken Sie auf DIVI-Builder verwenden.

Jetzt können wir beginnen, unser Modul einzufügen und dann nach WP Latest Posts suchen, der Block für das Plugin wird angezeigt, klicken Sie darauf.

Eine Option zum Auswählen des Blocks wird als erste verfügbare Option angezeigt, klicken Sie auf Block auswählen und dann auf den Block-Beitrag, in diesem Fall haben wir Mein Beitragsbereich eingegeben.

Eine Vorschau unseres Blocks wird sofort im Hintergrund geladen.

Und das war's! Eine großartige Blog-Seite, die mit nur wenigen Klicks erstellt wurde.

Ein weiterer guter Punkt, den man im Hinterkopf behalten sollte, ist, dass wir die Möglichkeit haben, unseren Block 'Neueste Beiträge' live mit den Divi-Optionen anzupassen, wo wir Dinge wie Hintergrund, Abstände und Filter sowie viele andere Optionen einstellen können.

Alles, was wir jetzt noch tun müssen, ist die Bearbeitung abzuschließen, falls erforderlich, und es zu veröffentlichen! Unsere neue benutzerdefinierte Blog-Seite ist fertig und wir sind startklar!

Nur ein paar Klicks, um die beste Blog-Seite zu erstellen, die wir je gesehen haben, und sie passt immer in unseren Inhalt, dank all der Optionen, die wir haben, um sie zu gestalten, großartig! Ist es nicht?

Schalten Sie die nächste Stufe der Erstellung von Nachrichtenabschnitten in WordPress frei

Wie Sie sehen können, ist WP Latest Post eine großartige Ergänzung für unsere WordPress-Website, nicht nur zum Erstellen von Blog-Seiten, sondern auch zum Erstellen von News-Bereichen! Wie zum Beispiel das Filtern nach Kategorien und das Anzeigen eines anderen News-Bereichs pro Kategorie oder das Erstellen eines News-Bereichs für unsere WooCommerce-Produkte.

Die Möglichkeiten sind unbegrenzt und es funktioniert auch mit allen großen Page Buildern in WordPress, also worauf warten Sie? Gehen Sie hier und beginnen Sie mit der Erstellung!