Divi vs Avada - Welches dieser beiden meistverkauften Themen ist es am meisten wert? (2021)

Divi vs Avada - Vergleich dieser beiden beliebtesten Themen

Ein vollständiger Vergleich von Avada und Divi - so entscheiden Sie, welches Thema für Sie am besten geeignet ist.

Wenn Sie darüber nachgedacht haben, ein WordPress-Thema mit einem Premium-Look einzurichten, sind Sie sicherlich auf diese beiden Hauptthemen gestoßen. Aber wie entscheidest du dich zwischen Divi und Avada?

Avada ist das meistverkaufte WordPress-Theme auf ThemeForest mit über 478,661 Derzeit mehr als 525,000 Verkäufe. Divi hingegen ist das flexibelste Thema von Elegant Themes - Es hat auch eine große Anzahl von Kunden - mit auch über 554,210 Zum Zeitpunkt des Schreibens mehr als 601,000 Benutzer.

Jeder, der eine Mehrzweckvorlage auf seine WordPress-Site anwenden möchte, wird sich fragen: Welche? 

Darum geht es in diesem Artikel. Wir gehen die Vor- und Nachteile dieser beiden Artikel durch, damit Sie entscheiden können, welcher für Ihre Bedürfnisse besser geeignet ist - das können wir am besten CollectiveRay. Com.

Wir haben diesen Artikel gerade aktualisiert September 2021 Wenn Sie nach Bedarf alle neuen Details hinzufügen möchten, können Sie sicher sein, dass dieser Artikel so aktuell wie möglich ist.

Divi gegen Avada

Divi und Avada sind zwei der beliebtesten Mehrzweck-WordPress-Themes. Avada kostet 60 US-Dollar mit einer Lizenz für eine Site, während Divi 89 US-Dollar kostet, aber Sie können es für unbegrenzte Sites verwenden. Divi hat jetzt einen WYSIWYG-Builder im Frontend, während Avadas Fusion-Builder im Backend arbeitet. 

Eine kurze Divi-Zusammenfassung

Divi - ultimatives WordPress-Theme und visueller Seitenersteller

Was uns gefallen hat

 Große Flexibilität

 Echtzeitbearbeitung

 Split-Tests

 Coole Layouts

 Sie können es auf unbegrenzten Websites verwenden

 Kommt mit einem Theme Builder

  Neues Leistungsupdate verändert das Erlebnis

Was uns nicht gefallen hat

 Kein sozialer Zähler

 Es ist schwierig, zu einem anderen Seitenersteller / Thema zu wechseln

 

Erhalten Sie 10% Rabatt auf Divi bis September 2021

 

Eine kurze Avada-Zusammenfassung

Avada - Bestseller aller Zeiten

Was uns gefallen hat

 Sehr schlankes Design

 Eine große Auswahl an Website-Demos

 Benutzerdefinierte Schriftarten

 Die Arbeit mit Fusion ist schnell und effizient

 Große Flexibilität

Was uns nicht gefallen hat

 Keine Echtzeitergebnisse; Sie müssen die Arbeit speichern, um sie zu sehen

 Mit den Paketen können Sie es nur auf einer Site verwenden

 Mehrere zusätzliche Plugins können Ihre Site aufblähen und verlangsamen

 Übernimmt das Admin-Menü im Backend und drückt die Standard-WP-Funktionen herunter

Da dies ein so großes und beliebtes Element für sich ist, haben wir auch das beliebteste WordPress-Thema - Avada - separat besprochen. Lesen Sie, wenn Sie speziell daran interessiert sind. 

Sehen Sie das Thema jetzt in Aktion

 

Bevor wir beginnen: Warum ein Mehrzweckthema?

Das Konzept einer Mehrzweckvorlage wie Divi und Avada ist selbsterklärend.

Bevor Mehrzweckthemen in Mode kamen, kauften die meisten Leute, die eine neue Website brauchten, eine neue für jedes Projekt, für das sie beauftragt wurden oder für das sie eingerichtet wurden. Das Problem dabei ist nicht nur, dass es teurer ist, weil Sie jedes Mal einen brandneuen Artikel kaufen möchten, sondern dass Sie auch lernen mussten, wie jeder Artikel funktioniert. 

Jede dieser Vorlagen funktioniert tatsächlich sehr unterschiedlich. Daher müssen Sie in der Regel zusätzliche Stunden damit verbringen, herauszufinden, wie sie so funktionieren, wie Sie es möchten.

Wann Elegant Themes kam raus mit Divi Gegen Ende 2013 setzten sie einen neuen Standard, was Mehrzweckdesigns eigentlich enthalten sollten. Dieses neue Thema richtete sich sogar an nicht-technische Webdesigner und Websitebesitzer, die dann buchstäblich in wenigen Stunden fantastisch aussehende Websites erstellen konnten.

Es ist daher kein Zufall, dass Divi bei den WP-Themen „All in One“ Maßstäbe setzt.

Es ist ein flexibles Framework, mit dem Sie eine Website erstellen können, die für jede Organisation, Sache oder Marke geeignet ist. Diese Art von Produkt enthält alle Funktionen, die Ihre Website möglicherweise benötigt. Sie können damit für Produkte und Dienstleistungen werben, eine E-Commerce-Website oder ein schönes Blog erstellen oder ein professionelles Portfolio entwickeln. Es unterstützt die Integration von sozialen Medien und reagiert vollständig.

Der extreme Grad an Personalisierung lässt Ihre Website einzigartig aussehen.

Obwohl Sie viele andere Websites sehen werden, die auf derselben Vorlage basieren, sind sie alle sehr unterschiedlich. Wenn Sie eine Vorlage benötigen, mit der Sie auf einfachste Weise eine Website erstellen können, ist ein Mehrzweckthema die beste Option.

Es gibt einige potenzielle Nachteile von Mehrzweckgegenständen, die Sie berücksichtigen müssen, bevor Sie einen auswählen.

Wenn Sie in Bezug auf Layout, Farben, Abstände und andere Aspekte des Stils und des Erscheinungsbilds äußerst wählerisch sind, erhalten Sie möglicherweise nicht alles, was Sie für ein Mehrzweckprodukt benötigen.

Möglicherweise benötigen Sie eine Funktion, die die Vorlage nicht bietet, oder Sie können diese Funktion nicht genau an der Stelle verwenden, die Sie sich vorgestellt haben. Wenn Sie die Website auf eine ganz bestimmte Vision fixieren möchten, benötigen Sie WordPress-Entwickler mit fortgeschrittenen Codierungsfähigkeiten.

Wenn Sie eine zielgerichtete und verfeinerte Website benötigen, die speziell für Ihre Nische entwickelt wurde, wird eine Mehrzweckwebsite Ihre Erwartungen nicht erfüllen. Wenn Sie andererseits loslegen und die Dinge offen halten möchten, um die Website unterwegs weiter zu verbessern, ist die Auswahl einer Mehrzweckoption eine kluge Sache.

Positiv zu vermerken ist, dass diese beiden Beispiele die besten Beispiele für Mehrzweckvorlagen sind, die für die Bedürfnisse der meisten Menschen geeignet sind. Nun zu den Details!

Lesen Sie mehr:  25+ Beste (Spaß!) WordPress-Themes für Künstler (Free & Premium)

Divi - Übersicht der Funktionen

Mit Divi können Sie jede Art von Website erstellen und eine reaktionsschnelle Live-Vorschau genießen. Es ist ein außergewöhnliches Produkt mit großartiger Grafik. Obwohl der leistungsstarke Seitenersteller die Anforderungen jedes Entwicklers erfüllt, eignet er sich auch für Benutzer, die nicht codieren können.

Da Elegant Themes den größten Teil ihres Einkommens aus diesem Artikel bezieht, investieren sie kontinuierlich darin. Was bedeutet das für seine Nutzer? Sie erhalten ständig neue Updates, die ihnen helfen, ihre Websites zu verbessern.

Die neueste Version von Divi - Version 3.0 bietet Echtzeitbearbeitung auf der Startseite. Schauen Sie sich das Video unten an, um einen Eindruck davon zu bekommen, wie es ist, dieses Thema und den visuellen Seitenersteller zu verwenden.

1ALjCZkKuUM

Der neueste Vorgänger, Divi 4.0, brachte eine weitere bahnbrechende Funktion: den Theme Builder.

Damit ist es möglich, das Design, Layout und die Struktur Ihrer gesamten Website zu ändern. Sie können den responsiven visuellen Seitenersteller verwenden, um benutzerdefinierte Kopfzeilen, Fußzeilen und Textvorlagen für jeden Seitentyp auf Ihrer Website zu erstellen.

Sie können benutzerdefinierte Designs, Layouts und Strukturen für verschiedene Beitragstypen wie Blog-Beiträge, Produkte, Portfolios und andere erstellen.

Darüber hinaus können Sie dies auch mit benutzerdefinierten Indexseiten zusammen mit anderen speziellen Seiten wie 404-Seiten, Suchergebnisseiten, Archiven, Kategorie-Feeds und mehr tun. Sie können das Erscheinungsbild jedes Teils Ihrer gesamten Website jetzt buchstäblich anpassen.

Divi Theme Builder

Eine damit erstellte Website ist elegant, sauber, elegant und modern. Es vermittelt den Eindruck, dass viel Arbeit in das Projekt investiert wurde. Die Bibliothek mit vorgefertigten Layouts und der einfache Seitenersteller machen dieses Thema jedoch zu einem der am besten verwendbaren Themen überhaupt. Das Beste daran ist, dass es mit der Zeit immer besser wird.

Dies sind die bemerkenswertesten Funktionen, die Sie verwenden können:

  • Inline-Bearbeitung
  • Anpassbare Benutzeroberfläche
  • Ziehbare Breiten
  • Drag & Drop-Seitenersteller
  • Responsive Bearbeitung
  • Führt Split Testing Tool
  • Theme Builder

Schauen wir uns an, was Sie mit Divi machen können, damit wir es ein bisschen besser verstehen:

Themenkomponenten, die Sie verwenden können

Grundsätzlich erhalten Sie jedes Element, das Sie für eine detaillierte Website benötigen.

Erhalten Sie 10% Rabatt auf Divi

Divi in ​​Aktion: der Drag-and-Drop-Builder

Im Drag-and-Drop-Builder strahlt dieses Thema wirklich. Das Erstellen einer benutzerdefinierten WordPress-Site ist mit dieser Vorlage so einfach wie nie zuvor.

Seite erstellen mit ElegantThemes Drag-and-Drop-Seitenersteller

 

Sobald Sie Divi auf Ihre Site hochgeladen, installiert und aktiviert haben, können Sie einfach damit arbeiten. Sie müssen überhaupt keine Plugins installieren (Avada empfiehlt beispielsweise, bestimmte Plugins zu installieren). Es wird weiterhin empfohlen, dass Sie alle erforderlichen Updates durchführen und sicherstellen, dass Sie Ihren Benutzernamen und Ihren API-Schlüssel hinzufügen, damit Sie vollen Zugriff auf die Funktionen und Updates erhalten - direkt über den Administrationsbereich.

Elegant Themes haben einen minimalistischen Ansatz gewählt, um dies in Ihre Website zu integrieren. Der Builder ist sofort verfügbar, wenn Sie Inhalte, Beiträge und Seiten bearbeiten.

Wenn Sie zusätzliche benutzerdefinierte Beitragstypen haben, müssen Sie möglicherweise zu den Einstellungen gehen, um sie zu aktivieren Divi builder mit ihnen zu arbeiten.

Divi Post Integrationseinstellungen

Divi builder funktioniert sowohl im Backend als auch im Frontend-Editor. Während einige Leute lieber im Frontend arbeiten, bevorzugen andere das Backend – zum Beispiel ich selbst, ich arbeite lieber im Backend, selbst wenn eine Frontend-Oberfläche verfügbar ist – für mich ist es mit dem Rest besser zugänglich die Optionen in WP. Das Frontend konnte ich dann nur noch verwenden, wenn ich das Aussehen und die Haptik optimieren muss.

Sie wissen vielleicht, dass die Nische der Page Builder derzeit sehr umkämpft ist, aber um ehrlich zu sein, der Builder von Elegant Themes wird eigentlich als das anzustrebende Niveau gehalten. Die Tatsache, dass es eine saubere Oberfläche hat, eine großartige Benutzererfahrung und dennoch schnell ist, macht es zu einer perfekten Kombination. Auch wenn das Layout einfach aussieht, ist das ein cleveres User Experience-Design – es bietet viele nützliche Einstellungen und Funktionen, die Sie in keinem anderen Page Builder finden.

Wie benutzt man es?

Sobald Sie auf „Verwenden“ klicken Divi Builder”-Schaltfläche in Ihrem Post-Editor verfügbar, und der Builder wird angezeigt. An dieser Stelle können Sie mit der Bearbeitung beginnen, indem Sie Inhaltsmodule, Spalten, Zeilen und Abschnitte nach Bedarf für Ihre Site ziehen und ablegen. 

Das Thema bietet Ihnen auch die Möglichkeit, bei der Erstellung Ihres Layouts von vorne zu beginnen.

Das bedeutet, dass Sie den schwierigen Weg wählen, um eine Site zu erstellen. Sie erhalten jedoch auch eine umfangreiche Liste vorgefertigter Layouts, die Sie an die Anforderungen Ihrer Website anpassen können. Bevor Sie mit dem Erstellen eigener Layouts beginnen, empfehlen wir Ihnen, die bereits verfügbaren Layouts zu überprüfen.

Die Vorlage bietet Ihnen auch eine umfangreiche Liste vorgefertigter Layouts, die Sie an die Anforderungen Ihrer Website anpassen können. Bevor Sie mit der Erstellung Ihres eigenen Layouts beginnen, empfehlen wir Ihnen, sich die bereits verfügbaren Layouts anzusehen.

Divi vorgefertigtes Layout

Im Moment stehen Ihnen mehrere Layouts zur Auswahl und im Laufe der Zeit werden weitere hinzugefügt, sodass Sie Ihre eigene ansprechende Seite erstellen können, auch wenn Sie keine fortgeschrittenen Programmierkenntnisse haben. 

Die Layouts decken alles ab, von Blogpost-Vorlagen und bald erscheinenden Seiten bis hin zu mehreren Zielseiten und Homepage-Designs. Sie können direkt nach der Installation von Divi mehrere Vorlagen verwenden, wodurch Sie viel Zeit sparen.

Die Vorlagen ersparen Ihnen das Hinzufügen von benutzerdefiniertem Code und bieten gleichzeitig Vielseitigkeit und gute Leistung für Ihre Website. 

Während Sie bearbeiten und entweder einen Fehler machen oder ein ähnliches Layout erstellen müssen, können Sie Abschnitte auf Knopfdruck entfernen oder klonen oder kopieren. Für jedes Teil gibt es spezielle Einstellungen, die Ihnen ein hohes Maß an Kontrolle und Detailgenauigkeit darüber geben, wie alles angezeigt wird.

In Bezug auf die Struktur der Erstellung einer Seite werden Inhaltsmodule in Spalten angezeigt. Diese Spalten sind in Zeilen enthalten, die wiederum in Abschnitten enthalten sind. Natürlich haben Sie die volle Flexibilität, um auf einfache Weise Standardabschnitte, Abschnitte mit voller Breite und bestimmte Abschnitte mit Spalten hinzuzufügen, die sich über mehrere Zeilen erstrecken. 

Sie können dann definieren, wie diese auf den verschiedenen Antwortgrößen angezeigt werden.

Seitenstruktur Spalten einfügen

 

Mit dem Theme Customizer können Sie mit verschiedenen Elementen der Seite spielen, z. B. Kopf- und Fußzeile, Schaltflächen, Typografie, Widgets, Farbschemata und mehr. Das Gute ist, dass Sie die Ergebnisse dieser Änderungen in Echtzeit erleben können. 

Das ist etwas, was die Vorlage von ThemeFusion nicht für Sie tut.

Divi Theme Customizer

Nun, hier ist der Kicker.

Als Webdesigner oder noch mehr als nicht-technischer Benutzer müssen Sie Fehler machen, die Ihr Design beschädigen können. Aber die Leute, die das entwickeln, haben schon daran gedacht. Wenn Sie in Ihrem Layout einen Fehler machen, gibt es eine Schaltfläche zum Rückgängigmachen, eine Schaltfläche zum Wiederherstellen und eine Schaltfläche zum Verlauf, mit der Sie zu Ihrem vorherigen Design zurückkehren können.

Sicherlich ein Lebensretter, und wir haben dies schon mehrmals erlebt - wirklich eine großartige Funktion.

Page Builder-Verlauf Rückgängig machen Schaltfläche

 

Front-End- und Back-End-Bearbeitung

In früheren Versionen von Divi, insbesondere vor Version 3.18, kann der Front-End-Editor, auch "Visual Builder" genannt, einfach über den Administrationsbereich aktiviert werden, indem er über die Schaltfläche "Visual Builder verwenden" aktiviert wird. Sie können es auch über die Umschaltfläche "Visual Builder aktivieren" in der Admin-Leiste im Front-End Ihrer Website aktivieren (Sie müssen angemeldet sein, um dies tun zu können).

Seit WordPress 5.0 und dem neuen Gutenberg-Editor funktioniert der Backend-Editor von Divi nicht mehr. Als Divi 3.18 veröffentlicht wurde, Elegant Themes erhebliche Verbesserungen und Änderungen in den Backend-Bearbeitungsfunktionen vorgenommen. Dazu aber später mehr.

Der Visual Builder verwendet eine etwas andere Oberfläche als der Builder, der im Backend- oder Admin-Bereich verwendet wird. Es ist zwar nicht besonders schwer zu bedienen, aber etwas fummeliger und etwas less Teile leicht zu verschieben, besonders wenn Sie eine große und komplexe Seite haben.

Wenn Sie weitere Details anzeigen möchten, müssen Sie auf die Schaltfläche mit den Ellipsen (drei Punkte) klicken, um weitere Optionen wie das Laden aus der Bibliothek, das Löschen des aktuellen Layouts und die erforderlichen Seiteneinstellungen nach Bedarf aufzurufen.

Es gibt auch ein Menü, das unten links auf der Seite geladen wird. Dies ist besonders hilfreich, wenn Sie an Ihrem Layout arbeiten. Über das Menü können Sie Ihre Seite so anzeigen, wie sie im Mobil-, Tablet- und Desktop-Modus aussieht, während die Verkleinerungsoptionen das gesamte Layout anzeigen.

Das letzte, worüber wir in Bezug auf den Builder sprechen möchten, ist die Option namens „Wireframe View“. Diese Ansicht blendet Ihr Design tatsächlich aus und lädt Ihr Layout so, wie es im Standard-Builder angezeigt wird. Mit dieser neuen Funktion können Sie nähenlessWechseln Sie einfach zwischen Wireframe-Modus (Back-End) und visuellem Editor.

Während es ursprünglich eine Möglichkeit für Benutzer war, einfach zwischen dem Front-End- und dem Back-End-Builder zu wechseln, ist es seitdem der neue Back-End-Editor, der den alten vollständig ersetzt, der mit dem klassischen WordPress-Post-Editor funktioniert.

visueller Builder

 

 

 Nein, wir sprechen über den Back-End-Editor. Lassen Sie uns das im Detail besprechen.

Seit der Veröffentlichung von WordPress 5.0 und Divi 3.18 ist der klassische Divi-Backend-Editor standardmäßig deaktiviert. Das liegt daran, dass Gutenberg der neue Standard-Post-Editor von WordPress wurde. Der alte Divi-Backend-Editor wurde entwickelt, um mit dem älteren „klassisch“ Post-Editor, daher passt es jetzt nicht mehr zum aktuellen Szenario. So ElegantThemes ein neues Update veröffentlicht und es so gestaltet, dass der Gutenberg-Editor jetzt den visuellen Seitenerstellungsmodus verwenden kann.

Beim Erstellen einer neuen Seite in Gutenberg wird jetzt der folgende Bildschirm angezeigt:

neuer gutenberg

Durch Klicken auf die Sofort nach einem Aufprall verwenden und sobald eine Kühlung von Muskeln und Sehnen erforderlich ist. Divi Builder Die Schaltfläche startet sofort den Visual Builder mit Optionen zum Erstellen einer Seite von Grund auf neu, zum Importieren eines vorhandenen Layouts oder zum Klonen einer Seite.

The new Drahtgitteransicht Ersetzt im Wesentlichen den älteren Back-End-Editor. Sie können einfach mit einem einfachen Klick auf eine Schaltfläche zugreifen, wenn Sie sich im Visual Builder-Modus befinden.

Drahtmodell

Rückwärtskompatibilität

Für diejenigen, die sich mit dem klassischen WordPress-Post-Editor noch wohl fühlen, bietet Divi eine Option, mit der Sie darauf zurückgreifen können.

Indem du gehst zu Divi > Baumeister > Erweitertkönnen Sie die aktivieren Classic Editor, der ursprüngliche Post-Editor von WordPress.

Sie müssen kein externes Plugin verwenden, um dies zu aktivieren!

Aktivieren des klassischen WordPress-Editors

Und obwohl es wie eine einfache Funktion erscheint, ist es eine großartige Möglichkeit, die Abwärtskompatibilität für Benutzer sicherzustellen, die noch mit der vorherigen Benutzererfahrung und Arbeitsweise vertraut sind

Wenn Sie diese Option aktivieren, können Sie das vollständige Back-End verwenden Divi builder wieder erleben. Auf Gutenberg wäre dies nicht möglich gewesen.

klassischer Editor

Das alte Back-End-Erlebnis verwendet die neue Wireframe-Ansicht, aber Sie können noch weiter zurückgehen und das wahre klassische Divi-Backend-Erlebnis erleben.

Zurück gehen zu Divi > Baumeister > Erweitertgibt es die “Aktivieren Sie die neueste Divi-Erfahrung" Möglichkeit. Wenn Sie den klassischen Divi-Backend-Editor wirklich lieben, sollten Sie diese Option aktivieren behindert.

Ziemlich ordentlich! Besonders für diejenigen, die gerne so arbeiten, wie sie es gewohnt sind.

klassischer Editor klassisches Backend

Das Obige ist dieselbe Seite, die wir zuvor gesehen haben, nur dass diesmal der klassische Editor verwendet wird . der klassische Divi-Backend-Editor.

Auf diese Weise fehlen Ihnen jedoch einige der neuesten Funktionen, aber wenn Sie auf klicken Bauen Sie am Frontend auf Schaltfläche können Sie die neuere verwenden Drahtgittermodus. Dies ist der moderne Backend-Editor von Divi zusammen mit dem neuen visuellen Seitenersteller.

Erhalten Sie 10% Rabatt auf Divi bis September 2021

Divi Theme Builder

Divi kommt mit einem tollen Feature: dem Theme Builder.

In früheren Versionen hatte Divi einige Einschränkungen hinsichtlich der Anpassung. Es verfügt zwar über einen großartigen Customizer und einen leistungsstarken Seitenersteller, es fehlte jedoch noch etwas: die Möglichkeit, benutzerdefinierte Vorlagen für Kopf-, Fuß- und Textkörper zu erstellen.

Lesen Sie mehr: Divi vs Elementor - Welcher Pagebuilder ist das Geld am meisten wert?

Mit der neuen Version können Sie nun praktisch jeden Teil Ihrer Website anpassen. Elegant Themes hat die Macht des Page Builders übernommen und auf die gesamte Website ausgeweitet.

Divi Theme Builder

Während die Möglichkeiten der Verwendung von benutzerdefinierten Kopf- und Fußzeilen offensichtlich sind, kann dies nicht für benutzerdefinierte Textvorlagen gelten.

Verwendung und Anwendungsfälle davon können für einen unerfahrenen Benutzer etwas vage sein.

Einfach ausgedrückt, können Sie mit benutzerdefinierten Body-Vorlagen ein benutzerdefiniertes Design erstellen, das das Layout, die Struktur und das Design Ihrer Posts, Seiten, Produkte, Kategorie-Feeds und mehr ändert.

Beispielsweise hat ein Blog-Beitrag standardmäßig am Anfang seinen Titel. Mit dem neuen Theme Builder können Sie festlegen, dass der Titel direkt nach dem vorgestellten Bild oder vor dem gewünschten Bild angezeigt wird.

Sie können auch festlegen, in welcher Schriftart, Farbe und Größe der Text angezeigt werden soll, und all Ihren Blog-Posts gleichzeitig benutzerdefinierte Elemente hinzufügen.

Das Schöne ist, dass Sie die verschiedenen Divi-Module nach Belieben verwenden können. Nehmen Sie zum Beispiel das Divi-Modul für Social-Sharing-Symbole.

Mit dem Theme Builder können Sie eine benutzerdefinierte Body-Vorlage für Ihre Blog-Posts erstellen, die beispielsweise unter dem Titel das Social-Sharing-Modul enthält.

Sobald Sie es gespeichert haben, haben alle Ihre Beiträge Social-Sharing-Symbole, ohne dass Sie dafür ein externes Plugin installieren müssen!

Die Gestaltungs- und Verwendungsmöglichkeiten sind nur noch an Ihre Kreativität gebunden.

Aber was ist, wenn Sie bestimmte Beiträge von einem Social-Sharing-Symbol ausschließen möchten? Oder was ist, wenn Sie nicht möchten, dass bestimmte Beiträge die benutzerdefinierte Vorlage haben?

Mit dem Theme Builder können Sie dies auch tun das or ausschließen Teile Ihrer Website aus einer Vorlage.

umfassen ausschließen

Wir können sagen, dass Ihre Vorstellungskraft mit Divi 4.0 buchstäblich die Grenze ist.

Wo Divi gewinnt - Funktionen, die in anderen Themen fehlen

Mit dem Leads-Split-Test-Tool können Sie auf einfache Weise mehrere Versionen einer Seite erstellen und feststellen, welche in Aktion am besten funktioniert. Split-Tests sind ein wesentlicher Bestandteil der Entwicklung jeder Website, und Sie müssen keinen zusätzlichen Service bezahlen, wenn Sie diese Vorlage verwenden.

Der Echtzeitaspekt ist der stärkste Vorteil. Sie sehen jede Änderung, die Sie vornehmen, in Echtzeit, einfach weil das Thema Ihnen eine Front-End-Bearbeitungsoption bietet.

Sie werden solche Funktionen in anderen Seitenerstellern nicht finden. wie Visual Composer (zumindest noch nicht so weit).

Ein weiterer großer Vorteil dieses Themas ist, dass Sie es ohne zusätzliche Kosten auf mehrere Websites anwenden können. Wie cool ist das?

Um das Gute noch hinzuzufügen, bedeutet ein kürzliches Update von Divi im August 2021 schnellere Seitenladezeiten und eine wirklich beeindruckende Leistung. Durch geschickte CSS-Tricks haben die Entwickler CSS um 94% verkleinert, Render-Blocking-CSS entfernt, alle Duplikate innerhalb von Dateien entfernt und es so optimiert, dass nur das für die Seite benötigte CSS verwendet wird.

Alle verschwören sich, um Divi schneller denn je zu machen!

Divi ist großartig, kein Wunder, dass es eines der meistverkauften WordPress-Themes aller Zeiten ist!

 

 

Avada - Übersicht der Funktionen

Avada ist vor allem wegen seiner Flexibilität attraktiv. Sie können es für fast jede Art von WordPress-Site verwenden, indem Sie innerhalb von Minuten eine der vielen vorgefertigten Demo-Websites anwenden. Sie müssen nur Inhalte und Voila hinzufügen - am Ende erhalten Sie eine gut aussehende Website.

Der Envato-Marktplatz ist äußerst wettbewerbsintensiv. Das dort meistverkaufte Produkt zu sein, bedeutet also etwas: Es muss wirklich großartig sein. Ähnlich wie bei der Konkurrenz können Sie mit der Vorlage von ThemeFusion nahezu jede Art von Website erstellen. Sie erhalten Zugriff auf eine umfangreiche Bibliothek von vorgefertigten Demo-Websites, die Sie in wenigen Minuten auf Ihre eigene Website anwenden können.

Wenn Ihnen die Demoseiten nicht gefallen, können Sie immer von vorne beginnen.

Avada

Dies sind die Hauptfunktionen, die Sie verwenden können:

  • Tolle Menüs: mehrere Standorte, Mega-Menü mit Widgets, ein hohes Maß an Anpassung und Typografie-Kontrolle
  • Fusion Builder - der integrierte Drag & Drop-Seitenersteller des Themas
  • Eine Vielzahl von Themen- und Seitenoptionen
  • Fusion Core (ein Begleit-Plugin, das die Liste der Tools und Optionen erweitert)
  • Ein-Klick-Demo-Importer
  • Übersetzungsoptionen
  • Kontrolle über die Breite der Site

Schauen Sie sich das Video unten an, um eine exemplarische Videotour durch die Vorlage zu erhalten

wlxqO2GPn3U

Lesen Sie mehr über Avada

 

Wenn Sie Avada auf der Themenseite installiert und aktiviert haben, werden Sie zu einem Begrüßungsbereich weitergeleitet. Dies ist im Wesentlichen eine Anleitung für die ersten Schritte, um sicherzustellen, dass Sie alle wichtigen Dinge erledigt haben. Auf dieser Seite werden Sie aufgefordert, zwei erforderliche Plugins zu installieren: Fusion Core und Fusion Builder.

Da einige Teile des Themas externe Plugins verwenden, sollten Sie auch die folgenden Plugins installieren, die sich als nützlich erweisen, um bestimmte Features und Funktionen mit Avada LayerSlider, Slider Revolution, WooCommerce, bbPress, dem Veranstaltungskalender und Contact einzurichten Formular 7. 

Begrüßungsbildschirm der Plugins

 

Während beim vorherigen Thema der Ansatz mit möglichst wenigen Eingriffen minimal war, geht Avada über Ihr Administratormenü energischer vor. Es zeigt sich, indem oben im Menü Menüelemente für Avada, den Builder und den Fusion Slider angezeigt werden. Dies bedeutet, dass die Dinge, an die Sie gewöhnt sind, wie Beiträge, Seiten, Kommentare und Plugins, weiter unten auf der Seite verschoben werden - was nicht sehr schön ist, wenn Sie lange mit WP gearbeitet haben und dies auch ist Nur eine der Websites, mit denen Sie arbeiten.

Schlimmer ist, dass das Menü noch dichter wird, wenn Sie die anderen empfohlenen Plugins hinzufügen. Das ist etwas, das wir an Avada wirklich nicht mögen.

Menüs nach unten gedrückt

Fusion ist ein Back-End-Seitenersteller per Drag & Drop (es ist keine Front-End-Ansicht verfügbar). Über die Schaltfläche "Fusion Builder verwenden" kann in Ihrem Inhalt aktiviert werden, ob es sich um Beiträge, Seiten oder andere Beitragstypen handelt.

Im Gegensatz zu Divis farbenfroher Benutzeroberfläche wirkt das einfache Farbschema von Fusion in Schwarz, Weiß und Blau etwas klinisch. Es fühlt sich an, als wäre es eher von einem Programmierer als von einem Designer entworfen worden.

Positiv zu vermerken ist, dass der Builder schnell, funktional und sehr einfach zu navigieren ist. Auf einer leeren Seite sehen Sie Optionen zum Hinzufügen eines Containers (einer Zeile) oder eines vorgefertigten Layouts.

Wenn Sie erst mit dem Builder beginnen, wird auch das 11-minütige Video mit einer geführten Tour angezeigt. Obwohl die meisten Benutzer den Fusion Builder nicht einschüchternd finden, empfehlen wir Ihnen dennoch, das Video-Tutorial anzusehen, da es einige Dinge erklärt, mit denen Sie möglicherweise vertraut sind, wie z. B. das Bibliothekssystem, und Ihnen andere Einstellungen und Funktionen zeigt, die Sie möglicherweise etwas frustrieren.

Und weil wir nett sind, haben wir das Video tatsächlich gefunden und hier für Sie eingebettet.

X92mpPz1COM

Fusion Builder-Schnittstelle

 

Sobald Sie Fusion verwenden, werden Sie Spaß daran haben, damit zu arbeiten, weil es so schnell und schnell ist - nachdem ich mit einer Reihe von Seitenerstellern zusammengearbeitet habe, ist mein größter Kritikpunkt, dass einige von ihnen so träge sind. Während Divi Builder kann nicht als einer der langsamen Builder angesehen werden, Sie werden immer noch einen Unterschied zwischen den beiden spüren, wenn Sie sie nebeneinander laden. Einfach ausgedrückt ist die Arbeit mit Fusion eine schnelle und angenehme Erfahrung.

Wie zu erwarten ist, können Elemente leicht gelöscht, verschoben, geklont und konfiguriert werden.

Beachten Sie, dass Zeilen im Fusion Builder als "Container" bezeichnet werden. Elemente können in Spalten abgelegt werden, die in Containern platziert werden.

Beispiellayout für den Fusion Builder

Fusionsbauerbehälter

Im Folgenden finden Sie eine Übersicht über alle Elemente, die Sie in eine Avada-basierte Site einfügen können. Wie Sie sehen, gibt es eine umfangreiche Auswahl an Elementen, die Sie Ihrer Site hinzufügen können.

Avada Widgets

Mit Fusion können Sie auch die von Ihnen vorgenommenen Änderungen anzeigen und zu diesen Änderungen zurückkehren. Es ist etwas anders als die mit Divi verfügbare Schaltfläche zum Wiederherstellen oder Rückgängigmachen - Sie müssen die Zeitleiste der Änderungen verwenden, um sie zurückzusetzen.

Fusion verändert die Geschichte

Avada in Aktion: Der Fusion Builder

Aufgrund der Lizenzierung beinhaltet die Installation von Avada einen zusätzlichen Schritt gegenüber der Installation von Avada ElegantThemes Thema: Sie müssen Ihre Kopie des Elements validieren, bevor Sie Zugriff auf alle Plugins und Erweiterungen erhalten. Das Theme bietet Ihnen die Möglichkeit, es ohne eine solche Validierung zu verwenden, aber Ihnen werden coole Funktionen fehlen.

Ähnlich wie bei der Konkurrenz können Sie mit dieser Vorlage auch eine Website von Grund auf neu erstellen. Es bietet Ihnen jedoch auch coole Website-Demos (Sie werden über 20 davon finden), die sehr flexibel sind, sodass Sie immer noch eine einzigartig aussehende Website erhalten können, wenn Sie sich für diese Option entscheiden. Die Demos umfassen Produktseite, Fotografie, Reisen, Architektur, Lifestyle und mehr. Sie können jeden Aspekt der Site optimieren. Wenn Sie nicht der Meister des Codes sind, wird Ihnen diese Vorlage keine Probleme bereiten.

Der Fusion Builder ist ein Drag-and-Drop-Tool, mit dem Sie eine Website von Grund auf neu erstellen können. Es enthält eine große Auswahl an vorgefertigten Vorlagen, die Sie nach Belieben bearbeiten können.

 

Schauen Sie sich jetzt eine Avada-Demo an

 

Avada vorgefertigte Vorlagen

Sie können jede Seite mit zusätzlichen Einstellungen für Hintergrund, Seitenleisten, Fußzeile, Schieberegler, Titelleiste und mehr anpassen. Die gute Nachricht ist, dass diese Vorlage die Monetarisierung von Websites vereinfacht. Sie können einfach das Anzeigen-Widget verwenden, um Werbebanner auf Ihre Website zu bringen.

Wo Avada gewinnt - Funktionen, die in anderen Vorlagen fehlen

Denken Sie daran, wie bevor wir erwähnt haben, wie die ElegantThemes Template Ihnen eine Bibliothek mit Layouts (auch bekannt als Seitenvorlagen) zur Verfügung gestellt, die Sie auf Ihre Seiten und Beiträge anwenden können? Das ist großartig, und Avada bietet Ihnen auch diese Option. Mit der Vorlage können Sie jedoch auch eine ganze Demo-Website in wenigen Minuten importieren. Da gewinnt es.

Eine weitere wichtige Stärke dieses Produkts besteht darin, dass Sie die Kontrolle über das Erscheinungsbild einer mobilen Website übernehmen können. Sie können bestimmte Elemente von der Anzeige in der mobilen Version ausschließen und die mobilen Haltepunkte anpassen.

Ästhetik ist eine Stärke dieser Vorlage. Mit Divi können Sie auch schöne Seiten erstellen. Wenn wir jedoch einen Gewinner in diesem Aspekt auswählen müssten, wäre die Kreation von ThemeFusion die richtige.

 

Besuchen Sie die Template-Demo auf TF

 

Benutzerfreundlichkeit: Wie schnell können Sie mit diesen Vorlagen eine Website erstellen?

Wenn es um Divi vs Avada geht, ist die Benutzerfreundlichkeit der größte Vorteil von Mehrzweckvorlagen. Mit beiden Vorlagen können Sie eine Website erstellen, die auf Layouts oder Seitenvorlagen basiert. Die Lernkurve für beide ist sanft. Sie sind jedoch nicht nur "Skins" und gewöhnungsbedürftig.

Es ist eine ernsthafte Software, über die wir sprechen. Wenn Sie die vollen Vorteile dieser beiden Produkte nutzen möchten, müssen Sie herumspielen.

Avada hat einen Nachteil, weil es einen zusätzlichen Schritt auferlegt: Sie müssen sich registrieren und eine Token-Nummer erhalten, und Sie müssen diese überprüfen, bevor Sie auf die Premium-Funktionen zugreifen können. Dies kann zeitaufwändig sein, dauert jedoch keine Stunden.

Während ThemeFusion über eine umfangreiche Wissensbasis und coole Video-Tutorials verfügt, die Ihre Arbeit wirklich einfach machen. Unabhängig davon, welche Funktion Sie verwenden möchten, können Sie ganz einfach lernen, wie dies funktioniert. Die Richtlinien von Divi sind übersichtlicher und für Gelegenheitsbenutzer leichter zu lesen. Sie erhalten außerdem praktische Video-Tutorials für jeden Eintrag, den Sie implementieren möchten.

Es gibt keinen reinen Gewinner in diesem Kampf: Die Lernkurve ist mit diesen beiden Gegenständen ziemlich gleich. Sie sind für Personen ohne fortgeschrittene Codierungsfähigkeiten relativ einfach zu verwenden.

Testimonials von Benutzern

Es ist wichtig zu sehen, was echte Benutzer über Divi und Avada zu sagen haben, damit Sie Ihre Entscheidung auf die Erfahrungen anderer stützen können. Beide Websites enthalten Testimonials von Benutzern. Hier ist ein Blick:

Andrew Palmer von SomebodysHero.co.uk ist beeindruckt von ElegantThemes: „Nach der Entdeckung Elegant Themes vor etwa 4 Jahren und ich verwende so ziemlich alle Vorlagen auf meinen Kundenseiten – es ist klar zu sagen, dass mein Geschäft darauf aufgebaut ist Elegant Themes. Vor etwa 7 Monaten habe ich dieses Thema entdeckt und meinen Freund und Kunden Pat Sharp als Test auf Divi verwendet. Seitdem habe ich rund 40% meiner Kunden darauf umgestellt und schlage weiterhin die Trommel zu diesem Thema - seine Flexibilität ermöglicht es mir und meinen Entwicklern, eine Site in wenigen Tagen statt in wenigen Wochen zu erstellen, und es bietet alles, was ein Kunde braucht brauchen könnten, sofort mobil bereit und wenn wir Änderungen am CSS vornehmen müssen, um das Aussehen zu ändern, können wir es tun!“

Es gibt genügend von Bewertungen sehen auch auf der Website von ThemeFusion. Einer der Benutzer sagt Folgendes: „Ihr habt einen erstklassigen Kundenservice und ein fantastisches Produkt. Solch eine großartige Vorlage mit beispielloser Unterstützung. Ich kann Ihnen nicht genug für die Unterstützung danken, die Sie einem Neuling wie mir angeboten haben, um die Webseite aufzurufen. Sie haben mir buchstäblich Tausende von Dollar gespart. “

Quora ist eine gute Quelle für unabhängige Bewertungen.

Dies ist, was Sanjeev Mishra, ein WordPress-Experte, sagt über Divi: „Dieses WordPress-Theme ist mit Abstand das beste Theme von Elegant Themes Club und irgendwo habe ich gelesen, dass die Anzahl der Verkäufe passiert ist, weil Divi mehr ist als alle anderen Elegant Themes'-Themen kombiniert… Damit können Sie ein schönes Layout für Ihre Site erstellen und erstaunlich schöne Elemente hinzufügen. Zweifellos gibt es auf dem TF-Marktplatz besser aussehende Artikel oder sogar einige bessere Themen bei anderen Clubs.“

Hier ist, was Karol Krol, Autor von WordPress Complete, muss über Avada sagenim Vergleich zu Divi: „Avada bietet Ihnen viel mehr Anpassbarkeit. Es verfügt über ein riesiges Optionsfeld, in dem Sie grundsätzlich alles an Ihrer Website anpassen können - Dinge wie Layout, Stile, Logos, Überschriften, Verhalten von Dingen usw. Wenn Sie die höchste verfügbare Anzahl an Optionen und Optimierungen wünschen, gehen Sie mit Avada. Wenn Sie per Drag & Drop entwerfen und alles in Echtzeit sehen möchten, entscheiden Sie sich für Divi. “

Das Aussehen: Was Sie mit diesen Themen erreichen können

Wir haben drei großartige Websites ausgewählt, die mit jedem dieser Elemente erstellt wurden, damit Sie sehen können, wie sie in der Praxis aussehen. Anhand der folgenden Beispiele sehen Sie, dass Sie mit beiden professionell aussehende Websites mit viel Flexibilität erstellen können. Die Kreation von ThemeFusion kann den Schönheitswettbewerb gewinnen, aber es ist knapp.

Mit Divi erstellte Websites (Beispiele)

FashionOrHunger.com

Die erste Seite ist eine schick aussehende Seite über Mode - sehen Sie, wie ein großartiges Beispiel für die Vorlage in Aktion aussieht.

Beispiel für eine Modewebsite

FindabilitySciences.com

Dies ist eher eine Unternehmenswebsite - und Sie können sehen, dass die Website Professionalität ausstrahlt.

Beispiel für eine Unternehmenswebsite

HowToBeast.com

Und nun zu einem ganz anderen Beispiel einer Site, die diese Vorlage verwendet, die immer noch glänzt. Wir können nicht sagen, dass es nicht flexibel ist.

Wie man ein Website-Beispiel tiert

Nachdem wir einige Websites gesehen haben, die mit dem Produkt von ElegantTheme erstellt wurden, wollen wir sehen, wie Websites, die mit der Vorlage von ThemeFusion erstellt wurden, verglichen werden.

Mit Avada erstellte Websites - Beispiele

Liberty-Trails.com

Die Vorlage nutzt atemberaubende Fotografie und bringt diese Seite in große Höhen.

Avada-Themenbeispiel - Liberty Trails-Website

Maui.Hawaii.edu

Einfach, aber professionell, genau das, was eine Universitätswebsite benötigen würde und was die Vorlage dieser Website gegeben hat.

Avada Beispiele - Website der Bildungsuniversität

YellowMarineConsultancy.com

Die Themefusion-Vorlage ist etwas wortreicher und liefert immer noch ein hervorragendes Ergebnis

15 Avada Beispiel gelbe Marineberatung

Der Preis - Avada vs Divi

Eine reguläre Lizenz für Avada kostet 60 US-Dollar (78 US-Dollar, wenn Sie den Support auf 12 Monate verlängern möchten). Divi bietet zwei Preisoptionen: 89 USD pro Jahr für Developed und 249 USD für Lifetime Access. Die Frage ist: Welches bietet das beste Preis-Leistungs-Verhältnis?

Ein jährliches ElegantThemes Lizenz kostet $69 pro Jahr. Damit können Sie es auf einer unbegrenzten Anzahl von Websites verwenden und erhalten Zugriff auf alle Produkte von ElegantThemes und das beinhaltet die Divi Builder Plugin, mit dem Sie Themen von Drittanbietern nutzen können.

Die reguläre Lizenz für die Vorlage von ThemeFusion kostet 60 US-Dollar und ist eine einmalige Gebühr. Sie können es auf einer einzelnen Site verwenden. Mit diesem Paket erhalten Sie 6 Monate Support und lebenslange Updates.

Eine erweiterte Lizenz für die Vorlage ist mit einer einmaligen Gebühr von 2950 USD verbunden. Sie erhalten 6 Monate Support und lebenslange Updates.

Es gibt keinen klaren Gewinner bezüglich des Preises. Die Pakete sind unterschiedlich, sodass Sie den besten Wert für Ihre Anforderungen auswählen können. Wenn Sie ein Thema für eine einzelne Site benötigen und lebenslange Updates wünschen, ist Avada die bessere Option. Wenn Sie Ihren Einkauf auf mehreren Websites verwenden möchten, wählen Sie Divi.

Avada Theme-Rezension

Obwohl wir in diesem Artikel einige Aspekte dieses Themas hervorgehoben haben, haben wir auch sichergestellt, dass wir ein vollständiges, unvoreingenommenes und detailliertes Thema schreiben Bewertung von Avada hier. Wenn Sie einen Vergleich zwischen zwei beliebten Elementen schreiben, müssen Sie sich wirklich auf die Vergleiche und Unterschiede konzentrieren und nicht auf die Höhepunkte des jeweiligen Themas. 

Aus diesem Grund haben wir uns entschieden, eine spezielle Bewertung für den meistverkauften Artikel von ThemeFusion zu verfassen.

In diesem Artikel konzentrieren wir uns speziell auf die Stärken und Probleme bei der Verwendung dieses Themas. Sie lernen den eigenen Page Builder und alle anderen Funktionen und Vorteile kennen, die dieses Thema zu einem solchen Erfolg machen.

Divi-Theme-Rezension

Dieser Vergleich mit diesen beiden Giganten der WordPress-Branche wäre nicht vollständig, wenn wir nicht erwähnen würden, dass wir es auch getan haben schrieb eine sehr detaillierte Rezension von Divi - nachdem wir es für einige unserer Projekte verwendet haben. Um ehrlich zu sein, wie wir auch in diesem Artikel gesagt haben, werden Sie wahrscheinlich nicht entlassen, wenn Sie eine dieser Vorlagen für Ihre Website auswählen.

Im vollständigen Artikel und in der Rezension gehen wir tief in die Funktionen der beliebtesten Vorlage von ElegantTheme ein und sehen, was das Tolle daran ist und was mit einigen Verbesserungen zu tun sein könnte.

Wir reden nicht um den heißen Brei, wir nennen einen Spaten einen Spaten, aber deshalb vertraust du richtig? Weil wir die wahre Erfahrung schreiben, die wir als tatsächlicher Benutzer dieser beiden Themen gemacht haben.

Fazit: Welches Thema sollten Sie wählen?

In Bezug auf die Ästhetik sind beide Vorlagen ziemlich ausgefallen. Wenn es um Benutzerfreundlichkeit geht, gibt es dort keinen klaren Gewinner. Was den Preis betrifft, wählen Sie je nach Ihren Bedürfnissen das aus, was Ihnen den größten Wert bietet. Wenn es darum geht, Divi mit Avada zu vergleichen, sind wir wirklich auf dem neuesten Stand.

Welches ist das bessere Mehrzweck-WordPress-Thema: Avada oder Divi? Die klarste Antwort, die wir Ihnen geben können, lautet: Es kommt darauf an.

Wenn Sie mehrere Websites erstellen und die von Ihnen vorgenommenen Änderungen in Echtzeit anzeigen möchten und die Möglichkeit haben, die Kopf-, Fuß- und Textstruktur anzupassen, wählen Sie Divi. Wenn Sie sich nicht für die Front-End-Bearbeitung interessieren, mehr Anpassungsoptionen erhalten möchten und nur ein Thema für eine einzelne Site benötigen, ist Avada die bessere Option für Sie.

Wen wirst du Wählen?  

 

Erhalten Sie 10% Rabatt bis September 2021 Nur

 

Kaufen Sie Avada jetzt

Über den Autor
David Attard
Autor: David AttardWebsite: https://www.linkedin.com/in/dattard/
David arbeitet seit 18 Jahren in oder um die Online- / Digitalbranche. Er verfügt über umfangreiche Erfahrung in der Software- und Webdesignbranche mit WordPress, Joomla und den sie umgebenden Nischen. Als digitaler Berater konzentriert er sich darauf, Unternehmen durch die Kombination ihrer Website und der heute verfügbaren digitalen Plattformen einen Wettbewerbsvorteil zu verschaffen.

Eine Sache noch... Wussten Sie, dass Leute, die nützliche Dinge wie diesen Beitrag teilen, auch FANTASTISCH aussehen? ;-);
Bitte kontaktieren Sie uns lass a nützlich Kommentieren Sie mit Ihren Gedanken und teilen Sie dies dann Ihren Facebook-Gruppen mit, die dies nützlich finden würden, und lassen Sie uns gemeinsam die Vorteile nutzen. Vielen Dank für das Teilen und nett zu sein!

Disclosure: Diese Seite enthält möglicherweise Links zu externen Websites für Produkte, die wir lieben und von ganzem Herzen empfehlen. Wenn Sie Produkte kaufen, die wir vorschlagen, können wir eine Empfehlungsgebühr verdienen. Solche Gebühren haben keinen Einfluss auf unsere Empfehlungen und wir akzeptieren keine Zahlungen für positive Bewertungen.

Autor (en) Empfohlen am:  Inc Magazin Logo   Sitepoint-Logo   CSS Tricks Logo    Webdesignerdepot-Logo   WPMU DEV Logo   und viele mehr ...