Divi Plugin Highlight – Divi Custom Blog Modul

Das Blog-Modul von Divi ermöglicht alle Arten von Anpassungen. Abgesehen von den Standardanpassungen wie Layout, Schriftstile, Rahmen, Overlays, Inhalt usw. können Sie es mit CSS noch weiter anpassen. Was wäre, wenn Sie das Aussehen ändern und einige Funktionen hinzufügen möchten, ohne selbst programmieren zu müssen? Ein Drittanbieter-Plugin namens Divi Custom Blog Module könnte das sein, was Sie brauchen.

Divi Custom Blog Module (jetzt DTS Blog Module Pro genannt) fügt dem Divi Builder ein neues Modul hinzu, das neue Stile und Funktionen bietet, einschließlich Social Media Tags, Hintergrundfarben für Meta und Kategorien und mehr. Es funktioniert sowohl in voller Breite als auch in Raster-Layouts. Fügen Sie Ihr eigenes CSS hinzu, um es noch weiter anzupassen. Es fügt 12 neue Anpassungsoptionen hinzu, damit Sie Farben in Echtzeit anpassen können. Es enthält auch drei neue Widgets, die Sie in Ihren Seitenleisten platzieren können.

In diesem Artikel werfen wir einen Blick auf das Divi Custom Blog Module Plugin und sehen, was es kann. Ich habe ein paar Beispiel-Blog-Posts erstellt, damit wir sehen können, wie es funktioniert. Die Bilder für die Blogbeiträge stammen von Unsplash.com.

Installation und Einstellungen

Laden Sie das Plugin wie jedes andere Premium-Plugin hoch und aktivieren Sie es. Sobald es aktiviert ist, finden Sie in Ihrem Dashboard einen neuen Menüpunkt namens Divi Custom Modules.

In diesem Menü können Sie die zusätzlichen Elemente auswählen, die zu den Blog-Snippets hinzugefügt werden können.

Mit den DCM-Optionen können Sie Social Media- und E-Mail-Symbole aktivieren oder deaktivieren, die im Blog-Snippet angezeigt werden.

DCM-Optionen – Benutzerdefiniertes Meta ermöglicht es Ihnen, benutzerdefinierte Metafelder für Autor, Datum und Kommentare zu aktivieren oder zu deaktivieren.

Ich habe alle diese Optionen in meine Beispiele aufgenommen.

Erstellen eines Blog-Layouts

Ich habe eine Seite erstellt, um meine Beispiel-Blog-Posts anzuzeigen und das Modul platziert. Beachten Sie, dass es jetzt zwei Blog-Module gibt – das ursprüngliche Divi-Modul (einfach Blog genannt) und ein neues Modul namens Custom – Blog. Wählen Sie Benutzerdefiniert – Blog.

Alle Blog-Funktionen, die Sie gewohnt sind, sind hier, einschließlich Layout, Beitragsnummer, Kategorien, Meta, Paginierung, Versatz, vorgestelltes Bild, Bildüberlagerung, Schriftstile, Rahmen, Symbole usw. Sie können das Blog-Layout einrichten und Entwerfen Sie es genauso wie das Standard-Divi-Blog-Modul mit der gleichen Kontrolle.

Um uns zu helfen, die hinzugefügten Funktionen zu sehen, möchte ich zuerst das Standard-Blog-Modul zeigen. Ich habe ein Rasterlayout ausgewählt und alles andere auf Standard belassen. Es enthält das vorgestellte Bild, den Namen des Autors, das Datum, die Kategorie, die Anzahl der Kommentare und einen Ausschnitt des Artikels. Es ist sauber und sieht toll aus.

Hier ist das Blog-Layout, das das benutzerdefinierte Divi-Blog-Modul mit denselben Einstellungen verwendet. Es verschiebt den Kategorienamen in die obere linke Ecke, zentriert den Beitragsnamen und platziert ihn in einem farbigen Feld, fügt die Social-Sharing-Buttons hinzu, die ich im Dashboard-Menü ausgewählt habe, und verschiebt die Metainformationen unter das Beitrags-Snippet.

Hier ist eine nähere Ansicht. Wenn Sie mit der Maus über die sozialen Symbole fahren, werden die Symbolfarbe und die Hintergrundfarbe vertauscht – das Symbol ist jetzt weiß, während seine Hintergrundfarbe die Markenfarbe des sozialen Netzwerks ist. In diesem Beispiel fahre ich mit der Maus über das Google+ Symbol. Wenn Sie auf die Schaltfläche klicken, gelangen Sie zu dem sozialen Netzwerk, in dem Sie den Artikel teilen können (wie bei jeder Social-Sharing-Schaltfläche).

Hier ist die normale Homepage (ohne den Divi Builder), die nur die neuesten Beiträge anzeigt. Es verwendet eine vertikale Navigation mit einem Bild im Hintergrund, den Standard-WordPress-Posts und regulären WordPress-Widgets in der Seitenleiste. Das wollte ich zum Vergleich zeigen.

Hier ist ein Blick auf das normale WordPress-Post-Layout mit aktiven Divi Custom Modules. Obwohl diese Seite nicht mit dem Divi Builder erstellt wurde, zeigt sie dennoch die Beiträge mit dem Divi Custom Blog Module in voller Breite mit dem gleichen zusätzlichen Inhalt an.

Die Beiträge sind vertikal gestapelt mit dem Bild links, dem Titel ohne gestylten Hintergrund, Social Follow-Buttons und Snippet. Die Kategorie befindet sich in der oberen linken Ecke und die Metainformationen unten, genau wie bei der Verwendung des Moduls.

Drei neue Widgets

Das Plugin fügt außerdem drei neue Widgets hinzu:

DCM-About – Name, Titel, Position, Bild, Beschreibung und soziale Netzwerke.

Divichild Neueste Beiträge – Titel, Anzahl der Beiträge, Kategorie.

Divichild Popular Posts – Titel, Anzahl der Posts, Kategorie.

Wie beim Divi Custom Blog Module können die Widgets mit dem Theme Customizer gestaltet werden.

Hier ist ein Blick auf die Widgets, wenn sie auf der Standard-WordPress-Homepage platziert werden. Die Widgets sind mit den Farben des Moduls umhüllt. Das Info-Widget verwendet ein ähnliches Layout-Design wie das Modul, wenn es in einem Raster angezeigt wird.

Theme-Anpasser

Natürlich können die Schriftarten und Farben nach Herzenslust geändert werden und Sie können wie beim Standard-Blog-Modul Overlays mit Symbolen hinzufügen. Mit dem Theme Customizer können wir noch mehr Anpassungen vornehmen.

Dem Theme Customizer wird eine neue Anpassung namens Divi Custom Blog Layout hinzugefügt. Hier können Sie die Farben der Tags, Hintergründe, Schriftarten, Symbole und Links für das Modul und die Widgets anpassen. Sie können die Widgets einzeln oder alle zusammen anpassen.

In diesem Beispiel habe ich Hintergrund-, Symbol- und Schriftfarben angepasst. Sie können alle Anpassungen in Echtzeit sehen.

Hier ist ein Blick auf das Blog-Modul in voller Breite mit allen Anpassungen, die ich im Theme Customizer vorgenommen habe. Dieser verwendet das Layout in voller Breite. Zu den Anpassungen gehören die Kategorie-Tag-Farbe, der Hintergrund und die Schriftfarben des Metamoduls, der Hintergrund des Posttitels, die Farben des Widget-Hintergrunds und der sozialen Symbole sowie die Titelfarbe aller Widgets.

Dieser verwendet das Rasterlayout. Beide Blog-Karten-Stile sehen toll aus.

Lizenz

Die Lizenz ermöglicht es, das Plugin auf unbegrenzten Websites für Sie und Ihre Kunden so lange zu verwenden, wie Sie möchten. Divi Custom Blog Module ist so einfach zu bedienen, dass keine Dokumentation erforderlich ist. Wenn Sie ein Divi-Modul und den Theme Customizer verwenden können, können Sie dieses Drittanbieter-Plugin verwenden.

• Dies ist ein Premium-Plugin. Folgen Sie diesem Link zum Kauf: Divi Custom Blog Module

Abschließende Gedanken

Alle zusätzlichen Elemente verleihen den Post-Snippets ein neues Aussehen, das jedoch nicht nur optisch ist. Die Ergänzungen sind wirklich nützlich. Und natürlich können Sie die Farben und Schriftarten so anpassen, dass sie perfekt zu Ihrem Branding oder Thema passen.

Ich mag besonders die Social-Sharing-Buttons, die jedem Beitrag hinzugefügt werden, und das About-Widget mit Social-Follow-Buttons. Die Widgets „Neueste Beiträge“ und „Beliebte Beiträge“ sorgen für noch mehr Glanz, sodass Sie das Styling anpassen oder individuell gestalten können.

Divi Custom Blog Module ist einfach, aber zwischen dem Modul und den Widgets fügt es einige Anpassungen hinzu, um jedes Blog großartig aussehen zu lassen. Wenn Sie Ihrer Blog-Seite oder Ihren Seitenleisten einige neue Funktionen hinzufügen möchten, ist dieses Plugin einen Blick wert.

Wir möchten von Ihnen hören! Haben Sie das Divi Custom Blog-Modul ausprobiert? Teilen Sie uns Ihre Erfahrungen in den Kommentaren mit.

Ausgewähltes Bild über hanss / shutterstock.com