Divi-Plugin-Highlight: Divi Machine

Divi Machine ist ein Drittanbieter-Plugin für Divi, das Divi viele benutzerdefinierte Post-Typ-Funktionen hinzufügt. Es verwendet erweiterte benutzerdefinierte Felder und fügt dem Divi Builder viele neue Module hinzu, um neue Layouts für Ihre benutzerdefinierten Beitragstypen zu erstellen. Es fügt sogar Funktionen hinzu, die ACF normalerweise nicht hat. In diesem Artikel werden wir uns Divi Machine ansehen und sehen, was es tun kann, um Ihnen bei der Entscheidung zu helfen, ob es das richtige Plugin für Ihre Bedürfnisse ist.

Divi-Maschine installieren

Laden Sie das Plugin wie gewohnt hoch und aktivieren Sie es. Es ist entweder die kostenlose oder die Pro-Version von Advanced Custom Fields erforderlich. Wenn Sie es nicht installiert haben, sehen Sie eine Meldung zur Installation und einen Link zur Seite des Plugins im WordPress-Repository. Installieren Sie es und Sie können loslegen.

Divi-Maschineneinstellungen

Sie finden die Einstellungen unter dem Divi Engine-Menü im WordPress-Dashboard. In den Einstellungen können Sie den Lizenzschlüssel eingeben, den Debug-Modus aktivieren, benutzerdefiniertes CSS und JavaScript hinzufügen und die Einstellungen importieren oder exportieren. Die Registerkarte "Hilfe abrufen" enthält einige Videos und Links zur Dokumentation.

Erstellen eines Divi-Maschinen-Posttyps

Die Registerkarte Beitragstypen listet die benutzerdefinierten Beitragstypen auf, die Sie erstellt haben, und bietet eine Schaltfläche zum Hinzufügen neuer Beitragstypen.

Ich habe einen neuen Beitragstyp namens Häuser erstellt. Ich habe den Titel hinzugefügt und alle Felder wurden automatisch ausgefüllt. Zu den Einstellungen gehören allgemeine Einstellungen, Labels, Sichtbarkeit von Beiträgen und erweiterte Optionen.

Zu den allgemeinen Einstellungen gehören der Name des Beitragstyps, der Slug und die Beschreibung. Mit Labels können Sie jedes Label umbenennen. Die Sichtbarkeit von Beiträgen umfasst öffentliche, Admin-Sidebar, Position, Symbol, Admin-Leiste und Navigationsmenüs. Zu den erweiterten Einstellungen gehören Taxonomien, Meta unterstützen, von der Suche ausschließen, Archive aktivieren, benutzerdefinierter Archiv-Slug und hierarchisch.

Wenn Sie auf den Symbolnamen klicken, wird die Liste der WordPress-Dashicon-Symbole geöffnet, in der Sie Ihre Auswahl treffen können. Ich wähle die Häuser für den Beitragstyp Häuser aus. Dies wird normalerweise für Multi-Sites verwendet, aber ich verwende es trotzdem. Kopieren Sie einfach den Namen und fügen Sie ihn in das Feld für den Symbolnamen in den Einstellungen für den Beitragstyp ein.

Sobald Sie den Beitragstyp veröffentlicht haben, wird der Name im Seitenleistenmenü angezeigt und es wird das Symbol angezeigt, das Sie dafür festgelegt haben.

Erstellen von Feldgruppen in ACF

Nachdem Sie den Beitragstyp in Divi Machine erstellt haben, erstellen Sie die Feldgruppe für den Beitragstyp mit Advanced Custom Fields. Gehen Sie im WordPress-Dashboard zu Benutzerdefinierte Felder und klicken Sie auf Neu hinzufügen .

Dadurch wird der Editor geöffnet, in dem Sie die Feldgruppe erstellen. Wählen Sie Feld hinzufügen und geben Sie die Informationen ein, die Sie für dieses Feld benötigen. Tun Sie dies für jedes der Felder.

Erstellen Sie jedes der Felder mit seinen Attributen.

Ihre Felder werden in der Reihenfolge angezeigt, in der Sie sie erstellt haben. Sie können sie per Drag & Drop verschieben, um die Reihenfolge neu anzuordnen und jedes Feld zu bearbeiten. Dies ist die Reihenfolge, in der sie unten auf der Beitragstypseite angezeigt werden. Es wird für jeden Ihrer Beitragstypen unterschiedlich sein. Der Herausgeber stellt ein ausführliches Video zur Verfügung, das Sie durch diesen Prozess führt, daher habe ich diese Details hier nicht erläutert.

Wenn ich nun ein neues Haus mit dem Beitragstyp Häuser hinzufüge, sind alle Felder verfügbar. Sobald Sie die Beiträge erstellt haben, können Sie sie mit den Modulen von Divi Machine anzeigen.

Divi-Maschinenmodule

Divi Machine fügt dem Divi Builder 15 neue Module hinzu. Module umfassen:

1. ACF-Artikel
2. Archivschleife
3. Kategorie-Schleife
4. Beiträge filtern
5. Galerie
6. Sortieren nach
7. Postkarussell
8. Inhalt posten
9. Post-Meta
10. Beitrags-Slider
11. Beitragstitel
12. Verstärker
13. Beiträge suchen
14. Miniaturansicht
15. Schaltfläche "Beiträge anzeigen"

Mit diesen Modulen können Sie benutzerdefinierte Layouts für Ihre Beitragstypseiten, Kategorieseiten, Archivseiten usw. erstellen.

Jedes der Module enthält die standardmäßigen Divi-Funktionen mit den Registerkarten Inhalt, Design und Erweitert. Sie umfassen Optionen zum Auswählen von Layouts, Schleifeneinstellungen, Rasteroptionen, Elementeinstellungen und vieles mehr. Alle Module mit diesen Unterelementen oder untergeordneten Elementen zeigen keinen Inhalt im Visual Builder an.

Einige der Einstellungen erfordern einige Kenntnisse über benutzerdefinierte Beitragstypen und Schleifen, um sie zu verstehen. Anfänger mögen zunächst frustriert sein, aber die mitgelieferten Layouts helfen sehr. Sehen wir uns einige Beispielseiten an, die mit den Divi Machine-Modulen erstellt wurden.

Kostenlose Divi-Maschinen-Layout-Pakete

Der Herausgeber stellt mehrere kostenlose Layoutpakete mit Seiten für den Divi Builder und den Divi Theme Builder bereit. Sie können von der Website des Herausgebers heruntergeladen werden. Ich werde die Immobilienmakler-Layouts in diesem Artikel verwenden.

Die Divi-Layouts für den Posttyp Häuser konzentrieren sich auf Immobilienmakler. Dazu gehören No Post Found, Single Property Page und Loop-Layout.

Die Body-Layouts des Theme Builder für den Beitragstyp Häuser umfassen Alle Häuser, Kategorieseiten für alle Häuser und die Archivseite für Häuser.

Wenn Sie die Layouts in den Theme Builder hochladen, werden sie Ihnen automatisch zugewiesen.

Alle Häuser

Das All Houses-Layout wurde für den Theme Builder entwickelt. Es verwendet Klappentexte, Text, Trennzeichen, Kontaktformulare und viele Divi Machine-Module.

Alle Häuser Kategorie und Archivseiten

Die Seitenlayouts Alle Häuser Kategorie und Archiv zeigen einen Titel, einen Post-Filter, eine Reihenfolge nach Modul und die Archivschleife an.

Loop-Layout für Immobilienmakler

Hier ist das Estate Loop-Layout. Es enthält Module für den Beitragstitel, das AFC-Element, das Thumbnail, das Beitrags-Meta usw.

Einzeleigenschaften

Das Layout mit einzelnen Eigenschaften zeigt die Miniaturansicht, den Beitragstitel und das ACF-Element an.

Einzelne Beitragsseite

Hier ist ein Blick auf die einzelne Beitragsseite, die im Theme Builder erstellt wurde. Es zeigt den Titel mit dem vorgestellten Bild im Hintergrund in Parallaxe an. Die Seitenleistenelemente schweben und scrollen nur weg, wenn das nächste Element darauf trifft, um seinen Platz auf dem Bildschirm einzunehmen. Weitere Eigenschaften werden als Karten unten auf der Seite angezeigt.

AJAX-Funktionen von Divi Machine

Divi Machine verfügt über mehrere AJAX-Funktionen, mit denen Benutzer Informationen auf der Seite aktualisieren können, ohne die Seite neu laden zu müssen. Dies ist ideal für Suchen und Filter.

Beiträge filtern

Eine der interessantesten AJAX-Funktionen ist der Filter. Wählen Sie aus den Dropdown-Feldern aus, was Sie möchten, und die Ergebnisse werden angezeigt, ohne die Seite neu zu laden. Der Filter ist schnell. Dies funktioniert nur für Inhalte, die von Divi Machine erstellt wurden.

Jedes der Elemente für den Filter wird als Unterelemente hinzugefügt.

Schaltfläche "Mehr laden"

Das Archivschleifenmodul enthält eine Funktion zum Laden von mehr, mit der Sie die Anzahl der Beiträge begrenzen können, die beim Laden der Seite angezeigt werden. Benutzer können schnell mehr Beiträge laden, ohne eine neue Seite zu laden.

Sortieren nach

Mit dem Modul Sortieren nach können Sie die Bestelloptionen auswählen, auf die Benutzer beim Sortieren der Beiträge und Ergebnisse zugreifen können. Sie erstellen die Bestellung nach Artikeln, sodass Sie die vollständige Kontrolle haben.

Galerie

Sie können sogar eine Galerie erstellen, obwohl die kostenlose Version von ACF keine Galerieoption enthält. Mit dem Galeriemodul können Sie ein Galerieraster oder einen Schieberegler erstellen und den ACF-Galerietyp auswählen.

Dokumentation

Die Dokumentation erfolgt sowohl in schriftlicher als auch in Videoform. Ausführliche Video-Tutorials sind in den Popup-Menüs der Produktseite auf der Website des Entwicklers verlinkt. Ich fand sie von unschätzbarem Wert. Sie behandeln sogar die Verwendung von ACF.

Preis

Divi Machine ist von Divi Engine verfügbar. Es hat mehrere Kaufoptionen:

Jährlich

• 1 Seite £18
• 2 – 5 Seiten 42 €
• Unbegrenzt £85

Lebenszeit

• 1 Seite 63 €
• Unbegrenzt £260

Sie beinhalten ein Jahr Support und Updates, solange die Lizenz aktiv ist.

Gedanken beenden

Das ist unser Blick auf Divi Machine. Dieses Plugin fügt sowohl Advanced Custom Fields als auch Divi viele Funktionen hinzu. Benutzerdefinierte Post-Typen können für neue Benutzer etwas schwierig sein, aber dieses Plugin ist genauso einfach oder einfacher zu verwenden wie jedes benutzerdefinierte Plugin für Post-Typen, das ich mit Divi verwendet habe. Die Videos sind eine enorme Hilfe beim Einrichten der Beitragstypen und die Layouts sind ein großartiger Ausgangspunkt für die Gestaltung Ihrer Beitragstypseiten mit Divi. Wenn Sie benutzerdefinierte Beitragstypen mit Divi verwenden möchten, ist Divi Machine eine einfache Wahl.

Wir wollen von dir hören. Haben Sie Divi Machine ausprobiert? Lassen Sie uns in den Kommentaren wissen, was Sie davon halten.

Ausgewähltes Bild über PODIS / shutterstock.com