So laden Sie Ihre neuesten WordPress-Beiträge in WPBakery

Die Anzeige einer Blogseite mit unseren neuesten Beiträgen ist der beste Weg, unsere Nutzer über unsere Neuigkeiten auf dem Laufenden zu halten. Die Verwendung des Standard-Blogs von WordPress bietet uns jedoch möglicherweise nicht genügend Kontrolle darüber, was angezeigt wird. Aus diesem Grund ist WP Latest Posts die perfekte Lösung, wenn ein Page Builder wie WPBakery verwendet wird.

Mit WPBakery können wir unsere Seiten mit vielen tollen Blöcken individuell gestalten, während WP Latest Posts uns die Verwendung von Themes und erweiterten Filtern ermöglicht, um Blöcke mit unseren neuesten Beiträgen zu erstellen. Außerdem verfügt es über eine direkte Integration mit WPBakery, sodass wir beide Tools kombinieren können, um die bestmöglichen Nachrichtenseiten zu erstellen. In diesem Tutorial zeigen wir Ihnen, wie das geht.

Erstellen Sie einen WordPress-Block für den neuesten Beitrag

Als Erstes müssen wir unseren Block mit unserem Newsbereich aus den WP Latest Blocks erstellen.

Gehen Sie dazu auf WP Latest Posts > All New Blocks und klicken Sie auf New Block .

Es erscheint ein Dashboard, auf dem wir den Titel des Blocks festlegen und mit der Blockkonfiguration beginnen können.

In diesem Abschnitt können wir Folgendes auswählen:

Die Quelle : Wenn wir als Hauptfilter Beiträge, Kategorielisten, Seiten, Schlagwörter oder benutzerdefinierte Beiträge verwenden möchten (in diesem Abschnitt können wir in der Pro-Version WooCommerce-Produkte mit speziellen Filtern auswählen).

Da wir in diesem Fall die neuesten Beiträge anzeigen möchten, wählen wir „Beiträge“ .

Je nach Quelle variieren die übrigen Einstellungen, da diese jeweils quellenspezifisch sind. Für diese Quelle gelten beispielsweise folgende Einstellungen:

Die Ordnung.

Maximale Spalten/Zeilen/Pfade.

Veröffentlichungsdatum.

Und einige weitere individuelle Anpassungen.

Sobald unsere Quelle vollständig konfiguriert ist, können wir zum nächsten Schritt übergehen, nämlich der Anzeige und dem Design. Dort können wir das Design auswählen und es weiter anpassen, damit es zu unserer Website passt.

Als Erstes müssen wir unser Design auswählen. Es gibt 1 kostenloses Design und 7 zusätzliche Designs in der Pro-Version.

Kostenloses Standarddesign

Kategorienraster (Pro)

Masonry Theme (Pro)

Material Horizontal Theme (Pro)

Material Vertical Theme (Pro)

Portfolio-Theme (Pro)

Smooth Hover Theme (Pro)

Timeline-Design (Pro)

Es gibt viele Optionen, die wir leicht anpassen können, damit das Design zu unserer Website passt. Für dieses Tutorial wählen wir das Masonry -Design.

Nachdem die Anpassung abgeschlossen ist, können wir zum nächsten Schritt übergehen, nämlich der Theme-Einrichtung .

In diesem Schritt können wir unser Design weiter anpassen (die Optionen hängen auch vom gewählten Design ab).

Nun gibt es den Reiter „Animation“. Mit dieser Option können Designs verwaltet werden, die Animationen enthalten, wie zum Beispiel das Design „Smooth Hover“, das ein Schieberegler ist. Beim Design Masonry gibt es überhaupt keine Animationen, daher überspringen wir diesen Schritt.

Zum Schluss kommen wir zum letzten Schritt, der Bildquelle . Auf dieser Registerkarte können wir festlegen, wo die Blöcke die Bilder auswählen, zum Beispiel das Vorschaubild oder das erste im Beitrag verfügbare Bild sowie das Standardbild , das verwendet wird, wenn kein Bild verfügbar ist .

Und fertig! Unser Block-Bereich ist abgeschlossen und wir können nun mit WPBakery fortfahren, um unseren Bereich „Neueste Beiträge“ zu veröffentlichen.

Als zusätzlichen Schritt haben wir die Möglichkeit, einen Shortcode zu erstellen, um unseren Blocks-Bereich überall dort verwenden zu können, wo wir wollen, und zwar mit jedem beliebigen Page Builder oder Editor.

In diesem Abschnitt können wir den Block auch als privat und ein Veröffentlichungsdatum festlegen.

Und das war's! Jetzt können wir mit dem nächsten Schritt fortfahren und den Block für die neuesten Beiträge in WPBakery hinzufügen.

Fügen Sie den WordPress-Block „Neueste Beiträge“ mit WPBakery ein

Nachdem wir unseren Block fertiggestellt haben, können wir ihn ganz einfach zu unseren Inhalten hinzufügen, indem wir mit WPBakery eine neue Seite aufrufen oder eine bereits erstellte Seite bearbeiten.

Klicken Sie auf der Seite, auf der Sie Ihren Blog hinzufügen möchten, in der oberen Leiste WPBakery Page Builder

Dadurch wird der WPBakery-Editor geladen, in dem wir unseren Block „Neueste Beiträge“ hinzufügen können. Verwenden Sie dazu die „Element hinzufügen“ .

Dadurch sollte sich ein Popup mit allen verfügbaren Blöcken für WPBakery öffnen. In diesem Fall müssen wir nach WP Latest Posts und den Block auswählen.

Es öffnet sich ein weiteres Fenster mit der Option, den Block mit unseren neuesten Beiträgen auszuwählen. Wir müssen ihn auswählen und schließlich auf „Änderungen speichern“ .

Und das war's schon! Mit nur wenigen Klicks haben wir unsere tolle Seite mit den neuesten Beiträgen erstellt, und das ganz ohne großen Zeitaufwand!

Wir können die Vorschau auch vor der Veröffentlichung im Frontend-Editor von WPBakery anzeigen lassen, wo der Block ebenfalls verfügbar ist.

Wir müssen nur noch bestätigen, dass alles in Ordnung ist, und die Seite veröffentlichen. Schon ist ein toller neuer Bereich mit den neuesten Beiträgen auf unserer Website verfügbar. Und das Beste daran: Wir können ihn nach Belieben anpassen und filtern, um nur die gewünschten Inhalte anzuzeigen. Genial, oder?

Das beste Plugin für die neuesten Beiträge mit WPBakery für WordPress

Wie Sie sehen, handelt es sich um ein leistungsstarkes Plugin, mit dem Sie die Bereiche erstellen können, die immer benötigt werden, wie zum Beispiel unsere neuesten Produkte und unseren News-Bereich, und diese außerdem mit nur wenigen Klicks nach Kategorien filtern können!

Mit vielen tollen Designs und schnell anpassbaren Einstellungen, sodass wir keine Zeit mit dem Gestalten unserer Abschnitte verschwenden müssen, können wir sagen, dass WP Latest Posts ein leistungsstarkes und unverzichtbares Plugin ist, das wir alle haben sollten. Worauf warten Sie also noch? Klicken Sie hier und holen Sie sich Ihr Plugin jetzt!