Das Journal-Blog-Kit für Divi-Übersicht und -Rezension

Das Journal Blog Kit für Divi ist ein Drittanbieter-Layout von Divi Soup mit Funktionen wie einem Child-Theme. Das Layout selbst wurde mit dem Divi-Gebäude erstellt und enthält einen Schieberegler, Kategorien und einen Blog-Feed mit Hover-Effekten, um eine elegante Blog-Seite zu erstellen. Es verfügt auch über eine gestaltete Seitenleiste und ein standardmäßiges benutzerdefiniertes Blog-Post-Design, das Sie zu Ihrem untergeordneten Thema hinzufügen. Die neuen Funktionen werden Ihrem Child-Theme durch Importieren oder durch einfaches Kopieren und Einfügen hinzugefügt.

Das Blog-Kit enthält drei verschiedene Layouts für Blog- und Archivseiten. Sie können das Layout zwischen voller Breite, Raster oder Inline ändern, indem Sie das enthaltene CSS in die Themenoptionen oder den CSS-Editor für untergeordnete Themen einfügen. Die Archiv-, Kategorie-, Tag-, Autor- und Suchergebnisseiten folgen dem gleichen Layout wie die Blog-Seite. Es enthält auch die Font Awesome-Integration.

Das Blog-Kit enthält alle Dateien und Anweisungen zur Verwendung. In diesem Artikel werde ich das Journal Blog Kit installieren und sehen, wie einfach es zu verwenden ist, und einen Blick auf seine Funktionen werfen.

Installieren des Journal Blog Kits für Divi

Entpacken Sie die heruntergeladene Datei. Darin finden Sie mehrere Dateien, darunter JSON-Dateien für das Layout der Blog-Seite und die Anpassungseinstellungen, eine Readme-Datei, CSS-, PHP-, JS- und Widget-Dateien (dies sind die Dateitypen, die Sie in einem Child-Theme finden würden). .

Ich empfehle, den Anweisungen zu folgen, um zu sehen, wie die Dateien installiert werden, da dies manuell erfolgt. Glücklicherweise sind die Anweisungen gut geschrieben und der Prozess ist nicht schwierig. Sie müssen ein untergeordnetes Design verwenden (auch wenn es leer ist). Die PHP-Datei wird überschrieben, wenn das Theme aktualisiert wird, wenn Sie es zum Parent-Theme hinzufügen.

Der Vorteil dieses Layouts und der manuellen Installation der Dateien besteht darin, dass es mit Ihrem aktuellen Child-Theme funktioniert. Sie müssen Ihr untergeordnetes Design nicht ersetzen, um diese neuen Funktionen hinzuzufügen.

Das Journal-Blog-Kit für die Divi-Dokumentation

Ein Link zur Dokumentation ist in der Download-Datei enthalten. Wenn Sie auf die Datei klicken, gelangen Sie zur Blog-Kit-Supportseite, auf der Sie eine Suchfunktion, Installationsanweisungen, Anpassungsanweisungen und einen Link für den Support finden. Anpassungsanweisungen zeigen, wie Sie die Farben, die Anzahl der Spalten in den Layouts und die Auszugslänge ändern.

Klicken Sie auf die Installationsanweisungen und folgen Sie den Schritten. Dazu gehören das Kopieren und Einfügen von Code an bestimmte Orte, das Hochladen von Dateien über FTP und das Importieren von Dateien über ein Plugin. Jeder der Schritte wird detailliert beschrieben. Es dauert einige Minuten, um die Schritte zu durchlaufen.

Das Journal-Blog-Kit für die Divi-Blog-Seite

Das Blog-Kit enthält das Layout der Blog-Seite als JSON-Datei. Dieses Layout sollte in die Seite selbst importiert werden und nicht in die Divi-Bibliothek. Die Seite selbst verwendet einen Post-Slider, sechs Call-to-Action-Module und eine Zeile mit einem Blog und einer Seitenleiste. Dies wird je nach verwendetem CSS unterschiedlich angezeigt. Sehen wir uns die Funktionen und das Layout jedes Layouts an.

Das Journal Blog Kit für Divi Slider und Kategorien

Der Post-Slider platziert die vertikale Punktnavigation links und zeigt einen Auszug rechts an. Der Auszug zentriert den Text und hat eine geringere Deckkraft, sodass das abgebildete Bild des Schiebereglers durchscheint. Es enthält auch eine Schaltfläche zum Anzeigen von Beiträgen. Beim Verschieben wird das Bild eingeblendet und der Ausschnitt von unten nach oben geschoben.

Die Call-to-Action-Module dienen als Links zu Archivseiten für bestimmte Kategorien. Wenn Sie mit der Maus über das Modul fahren, ändert sich die Farbe der Schaltfläche von einem schwarzen Hintergrund mit weißem Text zu einem weißen Hintergrund mit schwarzem Text und fügt einen schwarzen Rahmen hinzu. Ich liebe das kräftige Gelb. Dies ist eine interessante Möglichkeit, der Seite eine Kategorienavigation hinzuzufügen.

Die Farben stammen aus dem Importieren des Customizer-Stylings. Sie müssen es nicht verwenden und können die Farben leicht ändern. Wenn Sie Zugriff auf Ihr ursprüngliches Customizer-Styling haben möchten, müssen Sie es zuerst exportieren.

Das Journal-Blog-Kit für das Divi-Layout in voller Breite

Hier ist das Blog-Layout mit CSS in voller Breite. Das angezeigte Bild zoomt beim Schweben. Es fügt dem ersten Wort des Auszuges eine Initiale hinzu. Kategorie und Drop-Cap sind in Gelb gehalten. Die Schaltfläche "Weiterlesen" ist so gestaltet, dass sie dem Layout entspricht.

Das Journal-Blog-Kit für das Divi Grid-Layout

Das Rasterlayout zeigt zwei Beiträge in einer einzigen Zeile unter den Kategorien an. Es enthält das gleiche Styling wie das Layout in voller Breite, z.

Das Journal-Blog-Kit für Divi Inline-Layout

Das Inline-CSS zeigt die Blogbeiträge mit dem Bild links und dem Text rechts. Es enthält das Styling und die Funktionen der anderen Layouts. In diesem Beispiel habe ich unten in der Liste einen Screenshot gemacht, um die gestylte Schaltfläche Ältere Einträge anzuzeigen. Dieselbe Schaltfläche wird in allen Layouts angezeigt.

Das Journal-Blog-Kit für die Divi-Sidebar

Wenn Sie die Widget-Einstellungen importieren, wird eine Seitenleiste mit mehreren gestalteten Widgets erstellt. Die Seitenleiste enthält einen Abschnitt über mich mit Titel, Foto und Beschreibung sowie Abschnitte für Suche, Kategorien, Archive, Tags und aktuelle Beiträge. Jeder Abschnitt ist so gestaltet, dass er dem Layout entspricht. Ich mag die gelben Linien auf beiden Seiten der Titel. Kategorien und Archive sind Dropdown-Felder. Tags sind gestylte Links.

Das Journal-Blog-Kit für Divi Individuelles Post-Layout

Wenn Sie die Post-Datei per FTP in die Dateien Ihres Themes hochladen, werden auch die einzelnen Blog-Posts, die mit WordPress und nicht mit dem Divi-Builder erstellt werden, gestylt und mit vielen neuen Funktionen versehen. Zu den Funktionen gehören Kategorie, Titel, Datum, Anzahl der Kommentare und Tags über dem Beitrag. Der Pfosten hat eine gestylte Drop-Cap.

Im Anschluss an den Beitrag befinden sich ein gestyltes Autorenfeld, eine Beitragsnavigation, verwandte Beiträge und ein gestyltes Kommentarfeld. Kommentare werden kaskadiert und enthalten ein gestaltetes Symbol, um anzuzeigen, dass eine Antwort eine Antwort auf einen anderen Kommentar ist. Die einzelnen Abschnitte enthalten die gestylten gelben Linien mit den Titeln.

Das Journal-Blog-Kit für Divi Price

Das Journal-Blog-Kit für Divi kostet 49,00 £. Es enthält alle Dateien und Anweisungen, die Sie zur Verwendung benötigen.

• Sie können das Journal Blog Kit auf der Website des Entwicklers erwerben.

Das Journal-Blog-Kit für Divi

Das Journal Blog Kit für Divi fügt Ihren Blog-Seiten und -Beiträgen viele Styling-Funktionen hinzu. Mir gefällt, dass es die Blog-Posts stylt, ohne dass sie mit dem Divi-Builder erstellt worden sein müssen. Ich freue mich auch, ein Kit zu sehen, das sich nur auf den Blog konzentriert. Blogs bekommen nicht immer genug Aufmerksamkeit.

Die Dateien müssen manuell installiert werden, aber ich denke, dies ist eine gute Übung, da sie zeigt, wohin bestimmte Dateitypen gehen, und Ihnen einige Informationen darüber gibt, wie WordPress funktioniert. Das Hinzufügen der Dateien ist tatsächlich einfacher als es klingt. Ich hatte keine Probleme mit dem Hinzufügen des Codes.

Ich habe der untergeordneten Theme-Datei für eines der Layouts CSS hinzugefügt, dann diesen Code gelöscht und das CSS zu den Theme-Optionen für die anderen hinzugefügt. Beides funktionierte wie erwartet. CSS, JS, PHP und alle importierten Dateien funktionierten auf Anhieb perfekt. Um zu Ihrem ursprünglichen Design oder zu einem anderen Design zurückzukehren, ändern Sie einfach Ihr untergeordnetes Design und entfernen Sie das CSS.

Es ist interessant, Stilfunktionen für untergeordnete Themen in einem Layout zu haben. Ich mag das, weil es mit jedem Child-Theme oder Layout verwendet werden kann. Wenn Sie daran interessiert sind, Divi einige neue Blogging-Funktionen hinzuzufügen, empfehle ich Ihnen dringend, einen Blick auf das Journal Blog Kit zu werfen.

Wir wollen von dir hören. Haben Sie das Journal Blog Kit für Divi ausprobiert? Lassen Sie uns in den Kommentaren unten wissen, was Sie davon halten.

Ausgewähltes Bild über M.Stasy / shutterstock.com