Unsere Top 10 Divi-Tutorials von 2019

Dieses Jahr war unser bisher größtes Jahr für Divi-Inhalte auf dem Elegant Themes-Blog. Wir haben Hunderte von Beiträgen veröffentlicht, darunter einige unserer besten Tutorials aller Zeiten. In diesem Beitrag wollte ich die Gelegenheit nutzen, die hervorragende Arbeit unserer Redaktion hervorzuheben, indem ich unsere zehn beliebtesten (im Laufe des Jahres am meisten besuchten) Divi-Tutorials hervorhob. Und natürlich, um euch alle, die Community, an einige unserer besten Divi-Ressourcen zu erinnern, die euch zur Verfügung stehen.

Unsere Top 10 Divi-Tutorials von 2019

1. Der ultimative Leitfaden zur Beschleunigung Ihrer Divi-Website

Tatsächlich hat Divi viele Leistungsverbesserungen, die in früheren Updates hinzugefügt wurden, die dazu geführt haben, dass Divi-Sites (und der Divi Builder) schneller denn je laufen. Außerdem wurde Divi mit Blick auf die Optimierung durch Drittanbieter entwickelt. So viele der Leistungsoptimierungs-Plugins, die für WordPress verwendet werden, können auch verwendet werden, um die Geschwindigkeitsleistung für Ihre Divi-Website zu steigern.

In diesem Beitrag werden wir untersuchen, was bereits getan wurde, um Divi zu beschleunigen und was wir tun können, um es noch schneller zu machen.

Lesen Sie diesen Beitrag

2. So erstellen Sie eine mehrsprachige Website mit Divi oder Extra und WPML

Das Erstellen einer mehrsprachigen Website mit Divi und Extra ist einfach. Beide WPML-fähig, dh Sie können mit Divi und Extra eine mehrsprachige Website erstellen. WPML hat Änderungen vorgenommen, die die Kompatibilität mit Divi und Extra verbessern, und hat Funktionen hinzugefügt, die die Übersetzung Ihrer Website noch einfacher machen. In diesem Artikel erfahren Sie, wie Sie mit Divi oder Extra und WPML eine mehrsprachige Website erstellen.

Lesen Sie diesen Beitrag

3. 5 Creative-Divi-Header-Modul-Stile, die Sie mit den integrierten Einstellungen erreichen können

Out of the Box kann das Divi Header Module mit nur wenigen Anpassungen markante Header-Designs erstellen. Dies macht es zu einem äußerst beliebten Modul beim Entwerfen von Headern für Ihre Website in Divi. Und mit ein wenig Out-of-the-Box-Denken können Sie einige wirklich einzigartige Designs erstellen, indem Sie nur die integrierten Einstellungen verwenden (kein benutzerdefiniertes CSS). Für diejenigen unter Ihnen, die einige neue Header-Designs erkunden möchten, zeige ich Ihnen 5 Divi-Header-Modul-Stile, die Sie inspirieren könnten.

Lesen Sie diesen Beitrag

4. Ändern der Spaltenanzahl im Divi Gallery-Modul an verschiedenen Breakpoints

Das Divi-Galerie-Modul ermöglicht es Ihnen, schöne Bildergalerien in einem ansprechenden Raster-Layout zu erstellen. Die Galerie gilt als responsive, da sie die Größe Ihrer Bilder skaliert und die Anzahl der Spalten im Raster an unterschiedliche Browserbreiten anpasst.

Standardmäßig verfügt das Galeriemodul über drei Haltepunkte (Punkte, an denen sich der Stil bei bestimmten Browserbreiten ändert), die die Anzahl der Spalten im Raster anpassen. Ihre Bildergalerie wird auf dem Desktop in vier Spalten angezeigt und dann auf dem Tablet in drei Spalten, auf kleinen Tablets (und großen Telefonen) in zwei Spalten und auf Telefonen in eine Spalte unterteilt.

Diese Standardeinstellung funktioniert normalerweise in den meisten Fällen, aber manchmal benötigen Sie möglicherweise mehr Kontrolle über die Anzahl der Spalten, die auf bestimmten Browserbreiten angezeigt werden. Aus diesem Grund zeigen wir Ihnen in diesem Tutorial, wie Sie die vollständige Kontrolle über die Anzahl der im Divi Gallery-Modul angezeigten Spalten nicht nur für den Desktop, sondern auch für drei zusätzliche Browser-Breakpoints haben.

Lesen Sie diesen Beitrag

5. So erstellen Sie einen benutzerdefinierten globalen Header mit Divis Theme Builder

Jetzt, da der Theme Builder da ist, können wir es kaum erwarten, in neue Tutorials einzutauchen, die Ihnen helfen, Ihre Website von A bis Z einzurichten. Dazu gehört das Erstellen benutzerdefinierter Header mit der integrierten Option von Divi. In diesem Tutorial konzentrieren wir uns auf das Erstellen eines globalen Headers mit Divis Theme Builder. Ein globaler Header wird überall auf Ihrer Website angezeigt, es sei denn, Sie haben dieser Seite oder diesem Beitrag einen anderen Header zugewiesen.

Lesen Sie diesen Beitrag

6. So erstellen Sie Flip Cards mit einem beliebigen Modul in Divi ohne Plugin

Flip Cards sind eine unterhaltsame Möglichkeit für Benutzer, mit Ihrer Website zu interagieren. Es bietet nicht nur eine coole Flip-Animation, sondern ermöglicht es Ihnen auch, zusätzliche Informationen an einem kompakten Ort anzubieten. In diesem Tutorial zeige ich Ihnen, wie Sie Divi-Module ohne Plugin in Flip Cards verwandeln! Mit dieser Methode können Sie ein Divi-Modul als Vorderseite einer Karte und ein weiteres Divi-Modul als Rückseite einer Karte verwenden. Mit dem divi Builder können Sie sogar jedes Modul (Vorder- und Rückseite) nach Belieben gestalten. Die Funktionalität wird durch nur wenige CSS-Schnipsel (kein Jquery) erreicht.

Lesen Sie diesen Beitrag

7. Einfache und kreative Möglichkeiten, Firmenlogos in Divi . anzuzeigen

Es gibt viele Gründe, Firmenlogos auf Ihrer Website anzuzeigen. Ein „Featured In“-Bereich von Firmenlogos könnte für potenzielle Investoren oder Partner wichtig sein. Oder ein Abschnitt „Unsere Kunden einbeziehen“ könnte bei Besuchern einen wertvollen sozialen Beweis erbringen. Aber was auch immer der Grund ist, es ist wichtig zu wissen, wie Sie diese Logos zu Ihrer Website hinzufügen. In diesem Tutorial werde ich drei verschiedene Methoden zum Hinzufügen von Firmenlogos zu Ihrer Website mit Divi durchgehen. Ich zeige Ihnen sogar, wie Sie jedem Divi-Modul Logo-Galerien hinzufügen!

Lesen Sie diesen Beitrag

8. 5 fantastische Möglichkeiten, wie Sie das Testimonial-Modul von Divi gestalten können

Das einzige, wonach Besucher auf einer Website immer suchen, sind Testimonials. Sie stehen für Glaubwürdigkeit und beeinflussen den Entscheidungsprozess, den Leads oder potenzielle Kunden beim Besuch Ihrer Website haben. Neben der Sicherstellung, dass Sie starke Referenzen teilen können, spielt auch die visuelle ansprechende Gestaltung eine wichtige Rolle. In diesem Beitrag zeigen wir Ihnen 5 fantastische Möglichkeiten, wie Sie das Divi-Testimonial-Modul gestalten können, während Sie nur die integrierten Optionen verwenden.

Lesen Sie diesen Beitrag

9. So passen Sie Ihren Divi Slider an, um bestimmte Elemente mit jeder Folie zu ändern

Wir alle wissen, dass Schieberegler wunderbar geeignet sind, um den erstklassigen Abschnitt Ihrer Website zu maximieren. Sie sind großartig! Benutzer werden mit mehreren CTAs und wichtigen Funktionen begrüßt, die angezeigt werden, ohne jemals auf der Seite nach unten scrollen zu müssen. Aber manchmal können zu viele Änderungen in Design und Inhalt von Folie zu Folie die Besucher ablenken oder überfordern. Aus diesem Grund zeige ich Ihnen in diesem Tutorial, wie Sie Ihren Divi-Schieberegler so anpassen, dass er bei jedem Folienübergang nur bestimmte Elemente ändert. Auf diese Weise können Sie den Kerninhalt und die Designkomponenten Ihres Sliders konsistent halten, während Sie mit jeder Folie nur ein bestimmtes Element (wie ein einzelnes Wort oder eine Schaltfläche) ändern. Besucher können die Änderung leicht verarbeiten und Ihren Aufruf zum Handeln klar verstehen.

Lesen Sie diesen Beitrag

10. So erstellen Sie einen benutzerdefinierten Fotogalerie-Schieberegler in Divi

Wir alle wissen, dass Schieberegler großartig sind, um Benutzer mit vorgestellten Diensten, Produkten oder Seiten an einem bequemen Ort über der Falte zu locken. Einige Websites (ich denke Fotografen) müssen eine oder mehrere ihrer Fotogalerien auf der Homepage veröffentlichen. Die Verwendung eines Schiebereglers dafür kann eine gute Option sein. Möglicherweise haben Sie jedoch nicht daran gedacht, Ihre Fotogalerie in einem solchen Schieberegler anzuzeigen.

In diesem Tutorial zeige ich Ihnen eine einfache Möglichkeit, Divi-Bildergalerien in Ihre Folien einzubetten, um einen vollständig benutzerdefinierten Fotogalerie-Slider in Divi zu erstellen. Der Trick besteht darin, im Inhaltsbereich Ihres Sliders eine WordPress-Bildergalerie zu erstellen. Dann müssen Sie nur sicherstellen und die Option auswählen, die Divi-Galerie anstelle des standardmäßigen WordPress-Galeriestils zu verwenden. Es ist super einfach und macht Spaß zu implementieren.

Lesen Sie diesen Beitrag

Abschließend

Die Arten von Divi-Inhalten, auf die wir uns jedes Jahr konzentrieren, hängen stark davon ab, welche neuen Funktionen veröffentlicht werden. Wir sind der Meinung, dass es am besten ist, neue Feature-Releases mit vielen neuen Tutorials zu ergänzen, die den Leuten die Verwendung beibringen und diese Features auf interessante Weise sogar an ihre Grenzen bringen. Dieser Ansatz bedeutet jedoch, dass wir viel herumspringen und möglicherweise einige Themen offen gelassen haben. Wenn Sie also eine Divi-Tutorial-Anfrage haben, die wir im neuen Jahr für Sie bearbeiten können, teilen Sie sie bitte unten im Kommentarbereich mit und wir fügen sie der Warteschlange hinzu!

Ausgewähltes Bild über hobbit / shutterstock.com