Webstick.info logo Wordpress, Webdesign, SEO - Blog

Website erstellen mit WP und Divi Theme [2024] 💥

Website erstellen mit Wordpress und Divi Theme

Wähle ein CMS (Wordpress)

Wir gehen davon aus, dass Sie bereits eine Domain und ein Hosting haben, ansonsten lesen Sie zuerst diesen Artikel: Hosting und Domain kaufen. Okay, wir wollen jetzt eine Website erstellen und brauchen ein CMS. Es gibt viele Content Management Systeme (CMS), aber wir beschäftigen uns hier nur mit Wordpress. Die überwiegende Mehrheit der Online-Websites wird heutzutage erstellt, und dafür gibt es natürlich einen guten Grund. Es gibt sehr viele gute Themen zu finden und die Integration von Plug-Ins ist einfach und es gibt unzählige davon. Wordpress eignet sich auch zum Erstellen schneller Websites, was sich positiv auf Ihre SEO auswirkt.


Anzeige

Divi Ad 680px


Wähle ein gutes Theme (Divi Theme)

Sie haben jetzt beschlossen, mit Wordpress zu arbeiten (ansonsten lesen Sie nicht weiter), und wir müssen jetzt die nächste Wahl treffen und ein gutes Thema auswählen. Es ist logisch, dass Sie genau wie beim CMS das beste verfügbare auswählen, in diesem Fall das weltweit beliebte Divi Theme. Das Erstellen einer Website mit Wordpress und Divi Theme ist geplant. Wir gehen davon aus, dass Sie wissen, wie man Wordpress installiert, wenn nicht Lesen Sie diesen Artikel zuerst.

Gehen Sie in Ihrem Browser zu die Website von Elegant Themes und klicken Sie auf "Kostenlos testen", um Divi zuerst zu testen oder die Tour (Video) anzusehen. Divi Theme wird mit einer einmonatigen Geld-zurück-Garantie ausgeliefert. Wenn Sie also letztendlich nicht zufrieden sind, haben Sie einen Monat Zeit, um Ihr Geld zurückzufordern. Das Erstellen einer Website mit Divi Theme ist ohne Risiko möglich.


Divi website erstellen


Wenn Sie sicher sind, was wir hier empfehlen, können Sie sich auch sofort anmelden und als nächstes laden Sie das Thema herunter. In Zukunft können Sie jederzeit hier die neueste Version des Themas herunterladen oder eines der 86 anderen Premium-Themen herunterladen, die Sie mit Ihrer Mitgliedschaft kostenlos erhalten. Das Erstellen einer Website mit Divi Theme bietet viele Vorteile. Dies ist ein absolutes Spitzenprodukt, und rund 974,872+ Menschen sind Ihnen vorausgegangen, die dieses Thema gekauft haben.

Divi Theme Upload über das Wordpress Backend

Melden Sie sich unter www.ihredomainname.ch/wp-admin an und gehen Sie zu "Ansicht" >> "Themen". Klicken Sie im neuen Bildschirm oben auf die Schaltfläche "Add new". Ein weiterer neuer Bildschirm: Klicken Sie oben auf die Schaltfläche oder auf "Thema hochladen". Klicken Sie auf "Durchsuchen" und suchen Sie die Themendatei auf Ihrem PC. Sie werden wahrscheinlich zuerst die PSD-Dateien und so weiter haben. Der Name ist divi.zip und die Datei hat trotzdem ca. 8,5 MB.


Divi hochladen

Klicken Sie auf "Jetzt installieren" und im nächsten Bildschirm (kann eine Weile dauern) auf "Aktivieren".

Divi Child Theme installieren?

Es gibt zwei verschiedene Arten von untergeordneten Themen, die Sie verwenden können. Das erste ist ein untergeordnetes Standardthema, das sicherstellt, dass Änderungen am Code der Website nach einer Aktualisierung des Themas noch vorhanden sind. Der zweite Typ ist ein gekauftes Design, das speziell für die Divi-Themen entwickelt wurde. Hier merkt man, wie beliebt dieses Thema ist, es gibt praktisch keine anderen Themen, für die Designer untergeordnete Themen erstellen.

Bei weitem die besten Child Themes werden verkauft bei Divicake, Es gibt auch spezielle Layouts und Plug-Ins, die für Divi erstellt wurden.


Divi child theme installieren


In diesem Artikel erklären wir nicht weiter über Child Themen. Sie können hier weiter lesen über das Installieren eines Child Themes aus Divicake.

Arbeiten mit dem Divi-Thema

Wir können loslegen und eine Website erstellen. Am besten siehst du dir das Video unten an, das ein niederländischer Junge ist, der auf Englisch gemacht wurde. Eine sehr anschauliche Darstellung dessen, was möglich ist und wie Sie es tun.


Create Website Divi Video


Das Video ist sehr umfangreich und dauert dreieinhalb Stunden und deckt wirklich alles vom Divi-Thema ab. Nachfolgend finden Sie ein zweites, viel kürzeres Video, das einen schnellen Überblick bietet. Gut für diejenigen mit weniger Zeit, die nur wissen wollen, was möglich ist. Wenn Sie es vorziehen zu lesen, lesen Sie einfach weiter und wir werden Ihnen alles über das Divi-Thema erzählen.


Divi 3 Video

Divi Drag-and-Drop Visual Page Builder

Die Besonderheit des Divi-Themas ist der Divi Builder, ein Drag & Drop-Tool zum Erstellen von Seiten und Posts, mit dem Benutzer ihre eigenen benutzerdefinierten Seitenlayouts ohne Verzögerung erstellen können.


Divi visual editor


Zunächst war Divi Builder ein Back-End-Seitenersteller. Nach einem fortlaufenden Update verfügt dieser Seitenentwickler derzeit über einen Front-End-WYSIWYG-Visual Supervisor. Dies bedeutet, dass Sie eine Live-Überprüfung oder Ihre Seite erhalten, während Sie sie bearbeiten. Sie können auf viel oder einen Stretch-Snap verzichten, um etwas wegzuwerfen, einschließlich der Änderung des Inhalts inline.


Divi-Texteditor


Um das Design Ihrer Seiten perfekt zu gestalten, können Sie Komponenten in den Spot verschieben und die Größe der Bereiche schnell mit der Maus ändern. Durch das Ändern des neuen Drahtgitter-Layouts können Sie ohne großen Aufwand erkennen, welche Komponenten sich auf Ihrer Seite befinden und wie das Design organisiert ist.

Die Erweiterung des grenzenlosen Verlaufs und die Möglichkeit, Seitenkomponenten neu zu ordnen, erweisen sich ebenfalls als nützlich. Im Allgemeinen hat diese Überarbeitung den Divi Builder grenzenlos verbessert und eine natürliche Begegnung zum Ändern von Inhalten vermittelt.

Divi Geschichte Editor


Mit Divi Builder können Sie benutzerdefinierte Formate für die beiden Posts und Seiten erstellen, indem Sie die erste Back-End-Oberfläche oder den aktuelleren visuellen Manager auf der Vorderseite verwenden. Ihre Entwürfe können verschiedene Zeilen enthalten und jede Zeile kann zahlreiche Segmente enthalten. Diese Designs könnten dann mit einem der 46 Inhaltsmodule geladen werden.


Divi-Module


Neben Standard-Inhaltsmodulen wie Bildern, Texten, Schaltflächen und Galerien finden Sie eine leistungsstarke Auswahl an Funktionen, für deren Verwendung Sie normalerweise zusätzliche Plug-Ins installieren müssen. Zu diesen Modulen gehören Schieberegler, Preistabellen, Testimonials, Portfolio-Layouts und mehr.


Divi Preise


Darüber hinaus können alle Divi Builder-Module über die Benutzeroberfläche von WordPress Customizer angepasst werden, sodass Sie sicherstellen können, dass jede Komponente auf Ihrer Site mit Ihrem allgemeinen Design funktioniert. Sie können außerdem Ihr eigenes benutzerdefiniertes CSS hinzufügen, um Ihre Designs und die darin enthaltenen Komponenten anzupassen.

Sie können aufgrund der Live-Überprüfungskapazität des Customizers schnell feststellen, welche Auswirkungen Ihre Fortschritte auf diese Module haben. Es ist wichtig, dass der Divi Builder derzeit als eigenständiges WordPress-Modul verfügbar ist, das für jedes Thema verwendet werden kann.

Vorgefertigte Layouts und Vorlagen

Während der Kompositionssaison verfügte der Divi Builder über 800 Designs, einschließlich 100 Site Packs, und neue Formate wurden routinemäßig hinzugefügt. Aus diesem Grund können Sie eines der vorgefertigten Site-Bundles verwenden oder die einzelnen Seitenformate mischen und anpassen, um Ihre eigene optimierte Site zu erstellen. Natürlich ist es auch denkbar, ab dem frühesten Stadium eine eigene spezielle Web-Architektur zu erstellen.


Divi designs


Jedes dieser vorgefertigten Designs kann mit dem zuvor erwähnten Divi Builder geändert werden, um Ihnen eine ausreichende Übersicht über das Erscheinungsbild Ihrer Website zu geben. Nachdem Sie Ihre Änderungen vorgenommen haben, können Sie Ihre eigenen Entwürfe für eine spätere Wiederverwendung freigeben.

Fertige Homepage-Layouts

 Divi Fertige Homepage Layouts


Ungeachtet der Zielseitenformate enthält Divi außerdem verschiedene Portfolio-Designs für die Verteilung Ihrer Arbeit im Web.


Divi portfolio layouts


Sie finden auch eine gute Auswahl an Designs für Innenseiten, die sowohl für private als auch für geschäftliche Websites geeignet sind.


Divi interne Seitenlayouts


Neue Divi-Design-Bundles werden normalerweise von der Elegant Themes-Gruppe entladen und auf der Blog-Site von Elegant Themes gemeldet. Darüber hinaus enthält diese wachsende Bibliothek mit Seitenformaten und Site-Demos anstelle von nicht exklusiven Stock-Fotos und Bildern einzigartige Fotos und Entwürfe der Webdesigner von Elegant Themes. Es steht Ihnen frei, diese Open-Source-Fotos, Illustrationen und anderen Inhalte auf den mit Divi erstellten Websites, einschließlich kommerzieller Projekte, ohne Lizenzbeschränkungen zu verwenden.


Divi Agent Demo


Eine legitime Analyse von Divi in der Vergangenheit war, dass Divi, anders als Avada und einige andere berühmte WordPress-Themes, keine vollständigen Site-Demos enthielt, sondern nur einzelne Seitenlayouts. Die Elegant Themes-Gruppe hat sich vollständig um dieses Problem gekümmert und Divi-Kunden nähern sich derzeit wahrscheinlich den besten Site-Demos, die derzeit verfügbar sind, und es werden weitere aufgenommen.

Divi leads split testing tool

Eine weitere Komponente, die in Version 2.7 enthalten war, war das Divi Leads Split-Test-Tool. Mit diesem unglaublichen Weiterentwicklungsgerät können Sie ganz einfach zahlreiche Varianten Ihrer Seitenkomponenten erstellen, z. B. Schaltflächen, Bilder oder Call-to-Activities, und diese anschließend verschiedenen Fragmenten oder Ihrer Zuschauergruppe zeigen. Der Grund dafür ist, herauszufinden, welche Version die besten Ergebnisse liefert.


Divi-Optimierungstool


Split-Tests sind für jeden Standort von grundlegender Bedeutung, der im Hinblick auf ein bestimmtes Ziel arbeitet. Aufgrund von Divi Leads ist das gesamte Verfahren oder die Verbesserung Ihrer Website für höhere objektive Conversion-Anteile derzeit äußerst einfach. Die Nützlichkeit der A / B-Tests von Divi Leads sieht vor, Spekulationen aus der Standortoptimierung auszuschließen.


Divi-Optimierungstool 2


Für den Fall, dass Sie auf eine Komponente in Ihrem Divi Builder-Format klicken, können Sie mindestens eine Variante dieser Komponente erstellen. Sie können Ihr Ziel charakterisieren, sich dann zurücklehnen und darauf vertrauen, dass das Ergebnis eintrifft.

Theme options

Über das Divi-Design-Optionsfeld können Sie eine enorme Anzahl von Änderungen an Ihrer Site vornehmen. Dies umfasst das Zusammenführen von sozialen Medien, die Menge der angezeigten Beiträge (und deren Anzeige), die Navigation und Menüeinstellungen sowie die Anzeigenwerbung.


Divi theme Optionen


In jedem Fall werden Sie in Bezug auf das Customizing oder Ihre Site die wichtigsten Themenoptionen über das instinktive WordPress Customizer-Tool finden. Über diese Oberfläche können Sie die Designeinstellungen, typografischen Entscheidungen, Kopfzeileneigenschaften, Fußzeilenkomponenten, Schaltflächenstile, Farbvariationen und vieles mehr ändern. Das Sichern für den WordPress Customizer gibt Ihnen viel mehr Autorität über das Vorhandensein Ihrer Site, wenn Sie Divi verwenden.


Divi-Customizer


Da dies immer über den Customizer erfolgt, erhalten Sie eine Live-Vorschau oder Ihre Änderungen, wenn Sie sie vornehmen.

Übertragbarkeit zwischen Websites

Eine weitere Region, in der Divi glänzt, ist die Übertragbarkeit, zum Beispiel die Einfachheit, mit der Sie Ihre Arbeit, Einstellungen, Formate und verschiedene Ressourcen zwischen Divi-Websites verschieben können. Wenn Sie ein Website-Spezialist sind, der Gebietsschemas für Kunden erstellt, oder wenn Sie andere eigene WordPress-Sites haben, ist dies vermutlich eine kolossale Herausforderung, die Ihnen beeindruckend viel Zeit und Mühe erspart, da Sie schnell importieren und bearbeiten können Tarifinhalt zwischen Websites.

Website SEO

Unser Projekt, eine Website mit Wordpress und Divi Theme zu erstellen, ist nun beendet, aber es reicht nicht aus, eine schnell ladende Website zu haben, die gefunden wird. Lesen Sie weiter und installieren Sie die SEO plugin Yoast um Ihnen mit Ihren Texten, Stichwörtern und Sitemaps zu helfen (kostenlose Version ist gut genug). Installieren Sie ein gutes Cache-Plugin und setzen Sie Ihre Website auf ein gutes CDN-Netzwerk für erstaunliche Seitenladegeschwindigkeit.


Anzeige

Divi Ad 680px