Divi Theme Tutorial: Vom Anfänger zum Experten
Willkommen zum ultimativen Divi Theme Tutorial, in dem ich Sie auf eine spannende Reise von den Grundlagen bis zur Expertise begleite!
Sind Sie bereit, die volle Kraft des Divi Themes zu entfesseln und damit beeindruckende Websites zu gestalten, die Ihre Besucher ins Staunen versetzen?
Dann sind Sie hier genau richtig! In diesem Blogartikel decke ich alles ab, was Sie wissen müssen, um Ihr Webdesign auf ein neues Niveau zu heben.
Sie werden begeistert sein, wie einfach es sein kann, mit Divi atemberaubende Ergebnisse zu erzielen.
Schnallen Sie sich also an, und lassen Sie uns gemeinsam die Geheimnisse des Divi Themes entschlüsseln, damit auch Sie zum Webdesign-Experten werden!
WordPress Divi Theme Tutorial: So werden Sie zum Experten
0. WordPress einrichten
Bevor es mit Divi losgehen kann, benötigen Sie eine vollständig funktionsfähige WordPress Installation auf Ihrem Webhosting.
Dies ist nicht kompliziert und viele Hostinganbieter wie Siteground oder All-inkl bieten eine 1-Klick Installation an.
Sie können auch in der WordPress Dokumentation eine sehr gute Anleitung für die Installation[1] finden.
Natürlich benötigen Sie auch eine Domain, diese ist der Name, mit der man die Seite aus dem Internet erreichen kann.
1. Divi Theme installieren
Als weitere Vorkehrung benötigen Sie natürlich das Theme selbst. Das Divi Theme kaufen Sie auf der Elegant Themes Website.
Nachdem Sie einen Account erstellt und eine Lizenz erworben haben, geht es an die Installation. Das Theme hat bereits den Divi Builder integriert, Sie müssen dieses Plugin also nicht extra herunterladen und aufspielen.
Wichtig ist, dass Sie Ihre Lizenz innerhalb von WordPress aktivieren. Dadurch erhalten Sie Zugang zum erstklassigen Divi Support und Ihre Elegant Themes Produkt werden mit regelmäßigen Updates versorgt.
2. Divi Child Theme erstellen
Ich empfehle Ihnen dringend ein Divi Child Theme zu benutzten. Dadurch können Sie die WordPress Website deutlich besser individualisieren und haben mehr Freiheiten.
3. Divi Theme Grundeinstellungen
Wenn Sie dem Divi Tutorial bis hierhin aufmerksam gefolgt sind, dann haben Sie alles vorbereitet und Sie können jetzt mit den wichtigsten Einstellungen beginnen.
Zu Beginn einer neuen Webseite sollten Sie einige globale Einstellungen vornehmen. Beispielsweise, Farben, Schriftarten, Logo etc. Dadurch wird die Entwicklung später deutlich vereinfacht und beschleunigt.
Divi ist Standardmäßig in Englisch, besitzt jedoch auch eine deutsche Übersetztung.
- Globale Einstellungen
- Spracheinstellungen
- Optionen im Divi Theme Customizer
4. Website mit Divi aufbauen
Seitenstruktur und Navigation überlegen
Überlegen Sie sich, welche Seiten Sie erstellen müssen und benötigen. Danach gliedern Sie diese in eine logische Hierarchie von Haupt- und Unterseiten. Anhand von dieser Struktur ergibt sich das Menü.
Divi Layouts Vorlagen verwenden
Divi bietet Ihnen eine gewaltige Auswahl an vorgefertigten Layouts, die Sie einfach für sich selbst (komplett gratis) verwenden können.
Individuelles Design
Wenn Ihnen keine Vorlage zusagen sollte, können Sie natürlich auch mit einer komplett leeren Seite beginnen. Mit dem Divi Theme Builder können Sie eine Website erstellen, die genau Ihren Vorstellungen entspricht.
Mit über 60 Modulen, bietet der Divi Page Builder eine großartige Möglichkeit, um professionelle Designs auch ohne Code zu erstellen.
5. Divi Theme & WordPress Grundlagen
Um das beste von Divi in WordPress herauszuholen, sollten Sie sich mit den folgenden Grundlagenthemen befassen. Dies wird Ihnen sehr weiterhelfen, die verschiedenen Begriffe zu verstehen und wo Sie dies im Backend finden.
- Startseite festlegen
- In WordPress einloggen
- Blog erstellen
- WordPress Widgets verwenden
- Shortcodes
6. Darstellung anpassen
Mit dem visuellen Builder hat man viele Möglichkeiten die Darstellung jeder Sektion oder Modul anzupassen. Manchmal wird jedoch ein wenig zusätzlicher Code benötigt.
Im folgenden finden Sie einige beliebte und hilfreiche Ratgeber:
- Divi Sidebar Linie entfernen oder anpassen
- Divi Icons nutzen und Social Icons
- Vertikales zentrieren von Modulinhalten
- Projekte aus Divi entfernen
- Footer ändern und Header anpassen
7. Divi Probleme lösen
Auch wenn Divi das beliebteste und ein großartiges Theme ist, können sich unter Umständen Probleme ergeben. Zu einem der häufigsten gibt es jedoch schnelle Abhilfe und diese sind mit wenigen Klicks behoben:
8. Plugins
Wem die Standardfunktionen nicht genügen, der findet jede Menge hilfreiche Erweiterungen in Form von WordPress Plugins. Da es mittlerweile bereits mehr als 60.000 davon gibt, ist die Auswahl entsprechend schwer.
In diesem Artikel habe ich Ihnen die besten Divi Plugins aufgelistet.
9. Erweiterungen
Mit dem Divi multipurpose Theme, können allerhand von verschiedenen Webseiten erstellt werden. Egal ob Webshop, Blog, Portfolio oder für das eigene Business.
Die folgenden Punkte eignen sich eher für fortgeschrittene Anwender des Divi-Theme.
- Divi Newsletter integration mit Bloom
- Webshop erstellen mit WooCommerce und Divi
- Custom Post types und advanced custom fields
- Benutzerdefinierter Code in Divi hinzufügen
10. Tutorials
Hier finden Sie noch einige weitere hilfreiche Tutorials, die Ihnen bei der Erstellung Ihrer eigenen Website mit WP weiterhelfen werden:
- Pop-up ohne Plugin erstellen
- Horizontales Scrollen anhand eines CSS Grids
- 2 Buttons nebeneinander platzieren
Fazit
Nachdem wir nun die Welt des Divi Themes gemeinsam erkundet haben, sind Sie bestens gerüstet, um beeindruckende und ansprechende Websites zu erstellen, die sich von der Masse abheben.
Mit den erlernten Techniken und dem vertieften Wissen sind Sie in der Lage, das volle Potenzial auszuschöpfen und Ihr Webdesign auf ein neues Niveau zu heben.
Ich bin zuversichtlich, dass Sie jetzt bestens gerüstet sind, um mit Divi als mächtigem Werkzeug in Ihrem Webdesign-Arsenal zu glänzen.
Ich wünsche Ihnen viel Erfolg auf Ihrem Weg zum Webdesign-Experten, und denken Sie immer daran: Übung macht den Meister!
