12 fantastische Divi-Blog-Layouts

Divi ist ein ausgezeichnetes Thema zum Bloggen. Sie können Ihr eigenes Blog und Post-Layouts erstellen, um ein einzigartiges Design zu erstellen, das Ihren Blog hervorhebt. Natürlich gibt es viele Blog-Layouts, die Ihnen den Einstieg erleichtern. In diesem Artikel sehen wir uns 12 fantastische Divi-Blog-Layouts an, die Ihnen bei Ihrem nächsten Divi-Design helfen.

Da sich Blog-Layouts entweder auf die Blog-Seite, einzelne Posts, Archivseiten oder alle oben genannten konzentrieren können, habe ich die Layouts in Abschnitte unterteilt, damit Sie leichter finden, wonach Sie suchen. Die Layouts sind innerhalb ihrer Abschnitte in keiner bestimmten Reihenfolge.

Blog-Layout-Pakete (Theme-Builder)

Diese Layouts enthalten alles, was Sie im Theme Builder verwenden würden, um Blog-Seiten, Kategorieseiten, Archiv- und Suchseiten sowie einzelne Blog-Posts zu erstellen.

1. Divi-Blog-Kit

Divi Blog Kit enthält 6 Layouts für Ihre Blog-Posts, Blog-Seiten, Kategoriearchive und Suchergebnisseiten. Die Blog-Seite enthält Layouts für Blog-Module mit 1, 2 und 3 Spalten. Die Blogseite hat 2 Spalten mit einer Seitenleiste. Die Layouts haben einen cremefarbenen Hintergrund und rote Titel, eine Schaltfläche zum Weiterlesen und Metatext. Die Seitenleiste enthält einen beigen Hintergrund, um sich abzuheben. Kategorien in der Seitenleiste werden mit schwarzen Schaltflächen erstellt. Die Seitenleiste zeigt aktuelle Beiträge mit Miniaturansichten und einem Newsletter-Formular an. Die Layouts enthalten auch ein Bild in voller Breite mit dem Titel für jede Seite.

Preis: $25 | Mehr Informationen

2. Blog-Vorlage

Die Blog-Vorlage enthält drei Layouts zum Erstellen der Blog-Seite, der Kategorieseiten und der einzelnen Beitragsseite. Es kommt auch mit einer Kontaktseite. Die Blog-Layouts umfassen eine gestaltete Seitenleiste und eine benutzerdefinierte Fußzeile. Das Design hat durchgehend blaue Hervorhebungen für die Abschnittstitel im Layout und in der Seitenleiste. Die Blog-Seite zeigt oben den neuesten Beitrag, die vorgestellten Beiträge mit der Seitenleiste, Artikel, die Ihnen auch gefallen könnten (einschließlich vier Artikeln mit Miniaturansichten) und dann die Fußzeile.

Preis: $29 | Mehr Informationen

Blog-Seitenlayouts

Dies sind Layouts für die Blogseiten selbst. Dazu gehören Kopf- und Fußzeilen, Seitenleisten, Blog-Abschnitte und mehr.

3. Reise-Lifestyle-Blog-Kit-Bundle

Das Travel Lifestyle Blog Kit Bundle enthält drei verschiedene Blog-Layout-Kits: Journal, Nomad und Coast. Jedes der Kits enthält die Hauptseite des Blogs, ein einzelnes Post-Layout mit Post-Navigation. Die Beiträge haben eine Autorenbox, verwandte Beiträge und Tags. Ihre Designs erstellen Blog- und Magazin-Layouts, die sich auf Kategorien konzentrieren und gestylte Seitenleisten enthalten. Die Kits enthalten 3 CSS-Dateien für Layouts mit voller Breite, Inline und Raster. Zu den weiteren Funktionen gehören das Styling von Seitenleisten und Widgets, JS, Customizer-Einstellungen und Widget-Einstellungen. Das Styling erstreckt sich auf alle Archivseiten, Kategorieseiten und Suchseiten. Das Design wird durch den enthaltenen Code auf alle Blog-Seiten erweitert, so dass es etwas Ähnliches wie der Divi Theme Builder macht, ohne den Theme Builder zu verwenden.

Preis: £120 | Mehr Informationen

4. Seitenlayout des Divi-Blogs

Das Divi Blog-Seitenlayout hat ein einzigartiges Design für die Kopfzeile. Es zeigt ein Hintergrundbild mit dem Titel des Blogs und einem gestylten Trenner, der nach unten zeigt. Überlappend ist dies der neueste Blog-Beitrag mit seinem vorgestellten Bild und Titel. Der Titel hebt sich beim Schweben nach oben. Darunter erscheinen die nächsten beiden Blog-Posts, gefolgt von der benutzerdefinierten Fußzeile. Die Fußzeile enthält eine gestylte Trennlinie, die nach oben zeigt. Die Fußzeile enthält einen hellgrauen Hintergrund.

Preis: Kostenlos | Mehr Informationen

5. Bloggen

Blogging enthält 10 verschiedene Layouts für Ihr Blog. Die Layouts haben mehrere Versionen von mehreren Designs. Dazu gehören Listen-, Raster-, Schieberegler-, Zeitleisten-, Vollbreiten- und Mauerwerk-Layouts. Liste zeigt Beiträge in einer einzigen Spalte an. Die Raster haben verschiedene Kartenstile und Hover-Effekte. Die Schieberegler zeigen unterschiedlich gestaltete Navigation und Textüberlagerungen. Volle Breite zeigt Beiträge in einem wechselnden Layout oder als Bilder in einem Raster mit Text im Overlay. Die Zeitleisten zeigen Beiträge in einem wechselnden Layout oder in einer gestylten Liste. Das Blog-Mauerwerk-Layout zeigt Beiträge als Karten mit 5 Zeilen an. Die meisten enthalten grüne Highlights beim Schweben.

Preis: $20 | Mehr Informationen

6. Magnewz

Magnewz verwendet Blog-Kategorien, um ein Magazin-Layout zu erstellen. Es kommt in drei Farben: Rot, Gelb und Blau. Die neuesten Beiträge werden oben im Layout in einem Schieberegler angezeigt. Darunter befindet sich eine Reihe von Bildern, gefolgt von zwei Spalten. Die linke Spalte ist die größte und zeigt die neuesten Beiträge. Die rechte Spalte ist für andere Inhalte wie Text, eingebettete Videos und Bilder. Daran schließt sich ein Abschnitt mit Blogbeiträgen an, gefolgt von einem weiteren Abschnitt, der die neuesten Beiträge in einem abwechselnden Layout mit einem Kontaktformular abgleicht.

Preis: 49,95 $ | Mehr Informationen

7. Elegante Blog-Seite

Elegante Blog-Seite enthält benutzerdefiniertes Styling für die Beiträge und die Seitenleiste mit CSS und JavaScript. Es zeigt die neuesten Beiträge in einem Schieberegler oben auf der Seite an. Ausgewählte Kategorien zeigen Kategorien mit Bildern und einem Titel, der die Zeile überlappt. Darunter werden die Blogbeiträge angezeigt, wobei der neueste Beitrag in einer einzigen Spalte gefolgt von den letzten Beiträgen in zwei Spalten angezeigt wird. Dieser Abschnitt hat eine gestaltete Seitenleiste. Der Beitragsbereich und die Seitenleistentitel enthalten auch Hintergründe, die sich vom Layout abheben. Beitragskategorien werden unter den Beitragsbildern platziert und in das Bild geschnitten. Es hat einen hellbraunen Hintergrund mit einem dunkleren Farbton für die Titelhintergründe.

Preis: Kostenlos | Mehr Informationen

8. Pixie-Blog-Layout

Pixie Blog Layout ist Teil des Pixie Bundle und ist separat erhältlich. Es zeigt eine gestylte Kopfzeile mit einem Hintergrundbild und einen Titel mit einem gestylten Rahmen im Overlay an. Darunter sind in zwei Spalten die 6 neuesten Blogbeiträge platziert. Sie enthalten das vorgestellte Bild, den Titel, die Kategorie und dann das Meta unten in einem gestylten Feld. Die Bilder zeigen einen gestalteten Rahmen und einen Link, um mehr darüber zu erfahren, wenn Sie mit der Maus darüber fahren. Unter den Beiträgen befindet sich ein E-Mail-Formular in voller Breite. Die Fußzeile enthält Links zu Diensten, Seiten und sozialen Medien.

Preis: Kostenlos | Mehr Informationen

Blog-Archiv-Layouts

Diese Layouts konzentrieren sich auf Archivseiten. Sie eignen sich hervorragend für Suchergebnisse und Kategorieseiten.

9. Bessere Blog-Seite

Better Blog Page bietet 15 verschiedene Designs für Ihre Blog-Archive. Zeigen Sie Beiträge in verschiedenen Layouts an. Die erste ist eine einzelne Spalte mit Bildern auf der einen Seite und Text auf der anderen in wechselndem Layout. Ein anderer verwendet das gleiche Design für die Beiträge, enthält jedoch kein wechselndes Layout. Das gleiche Design wird auch mit unterschiedlichen Stilen für die Datums- und Metainformationen oder mit den Bildern auf der anderen Seite des Textes verwendet. Es hat viele Designs mit Beiträgen in einer einzigen Spalte. Mehrere Layouts zeigen die Beiträge in zwei Spalten. Das erste zeigt den Titel und den Auszug in einem Overlay. Die zweite zeigt Beiträge als gestylte Karten.

Preis: $15 | Mehr Informationen

10. Ergebnisse archivieren

Archive Results ist ein kostenloses Layout, das mit benutzerdefinierten archive.php- und search.php-Dateien geliefert wird, die Sie zu Ihrem Child-Theme und etwas Code zum Stylen hinzufügen können. Sie können es auch mit dem kostenlosen benutzerdefinierten Einzelpost-Layout verwenden, um ein einheitliches Design für alle Ihre Archivseiten zu erstellen. Das Design zeigt Beiträge in 2 Spalten mit einer gestalteten Seitenleiste. Beiträge enthalten einen gestalteten Rahmen, Meta und Schaltflächen. Die Seite enthält auch eine gestylte Navigation. Die Titel der Seitenleiste sind so gestaltet, dass sie den Post-Buttons entsprechen. Jeder der Beiträge in der Seitenleiste enthält eine gestylte Linie, die den Rändern des Beitrags entspricht.

Preis: Kostenlos | Mehr Informationen

Blogpost-Layouts

Dies sind die Layouts für die Blogbeiträge selbst.

11. Einzelpost-Layouts

Single Post Layouts enthält 5 Post-Vorlagen, die den Inhalt auf unterschiedliche Weise präsentieren. Die erste zeigt das vorgestellte Bild, außer und die Kategorien auf der linken Seite. Die Titel-, Meta- und Social-Buttons befinden sich daneben, gefolgt vom Inhalt. Die zweite zeigt das vorgestellte Bild in voller Breite mit dem Titel und den Kategorien in einem Overlay. Der Inhalt überschneidet sich damit und enthält eine Spalte mit den Angaben des Autors. Die dritte platziert den Social-Button so, dass er das vorgestellte Bild überlappt und zeigt den Inhalt in einer einzelnen Spalte mit dem Bild des Autors darüber an. Die vierte fügt dem Titel im vorgestellten Bild ein Styling hinzu. Das fünfte fügt die Informationen des Autors in einer Seitenleiste auf der rechten Seite hinzu, die das vorgestellte Bild überlappt.

Preis: $25 | Mehr Informationen

12. Jo-Post-Layouts

Jo Post Layouts enthält 3 Post-Designs für Ihre Blog-Posts. Das erste zeigt einen Teil des vorgestellten Bildes in voller Breite, wobei der Titel es am unteren Rand des Bildes überlappt. Titel und Meta sind zentriert. Daran schließt sich der Inhalt, eine Grafik und der Kommentarbereich mit gestylten Buttons an. Die zweite zeigt den Titel auf einer Seite in einem gestylten Feld und das vorgestellte Bild auf der anderen Seite überlappend. Darauf folgen der Inhalt und der gestylte Kommentarbereich. Das dritte Layout platziert den Titel über einen zweifarbigen Hintergrund, gefolgt von einem Zitat und dann dem Inhalts- und Kommentarbereich.

Preis: $8 | Mehr Informationen

Gedanken beenden

Das ist unser Blick auf 12 fantastische Divi-Blog-Layouts. Sie sehen toll aus und verleihen jedem Blog viel Stil. Viele der Layouts für Blog, Archive und Beiträge können auch im Theme Builder verwendet werden.

Für noch mehr Blog-Layouts sehen Sie sich die kostenlosen Layouts von Elegant Themes an, die im Divi Builder verfügbar sind. Fast alle von ihnen enthalten Blog-Seiten. Weitere Theme Builder-Seiten von Elegant Themes finden Sie hier im ET-Blog, indem Sie nach Theme Builder Pack suchen.

Wir wollen von dir hören. Haben Sie eines dieser fantastischen Divi-Blog-Layouts ausprobiert? Lassen Sie uns in den Kommentaren wissen, was Sie davon halten.

Ausgewähltes Bild über asch_asch / shutterstock.com