So erstellen Sie eine beeindruckende Website mit Divi

Der Aufbau einer WordPress-Website muss keine Herkulesaufgabe sein. Sie benötigen kein separates WordPress-Website-Builder-Plugin und kein separates WordPress-Theme, um eine beeindruckende und hochoptimierte Website zu erstellen. Alles, was Sie brauchen, ist ein allumfassendes WordPress-Tool, das mit den Themen und dem Website-Builder geliefert wird, die Sie zum Erstellen Ihrer Website benötigen. Eines der beliebtesten Tools, die Sie in Betracht ziehen können, ist Divi. In diesem Beitrag führen wir Sie Schritt für Schritt durch den Erstellungsprozess einer Website mit Divi. Lassen Sie uns gleich in die Details gehen.

Was ist Divi?

Lassen Sie uns als erstes einen Hintergrund für dieses Tool erstellen. Divi ist einer der beliebtesten Website-Builder auf dem Markt. Es ermöglicht Benutzern, einfach einen Drag & Drop-Mechanismus zu verwenden, um eine Website zu erstellen. Es ist interessant festzustellen, dass mehr als 2,5 Millionen Websites mit Divi erstellt wurden.

Es ist zweifellos ein sehr beliebtes Thema. Der Divi Theme Builder ist allumfassend und mit nur einer einzigen Divi Theme-Lizenz können Sie unbegrenzt Website-Designs erstellen. Divi enthält über vierzig Module, mit denen Sie Ihre Website erstellen können.

Es ist ein Premium-Tool mit zwei verschiedenen Paketen – einer Jahreslizenz und einer lebenslangen Zugriffslizenz. Mit beiden Plänen können Sie unbegrenzt Websites mit nur einer Lizenz erstellen.

Sie können die über 157 vorgefertigten Vorlagen erkunden, die im Divi-Designpaket verfügbar sind, um Ihre Website zu erstellen. Das Beste daran ist, dass das Tool mit anderen Theme-Plugins auf WordPress kompatibel ist. Das heißt, wenn Sie den Divi Builder mit einem Plugin eines Drittanbieters verwenden möchten, können Sie dies tun.

So erstellen Sie eine WordPress-Website mit dem Divi-Thema

Nachdem wir nun ein Hintergrundwissen darüber haben, worum es beim Divi-Tool geht, sehen wir uns als Nächstes an, wie man eine WordPress-Website mit dem Divi-Theme erstellt. Sie können eine Website mit dem Divi-Theme in drei Schritten erstellen. Diese Schritte sind unten hervorgehoben:

• Starten Sie Ihre WordPress-Site.

• Installieren und richten Sie das Divi-Design auf Ihrer WordPress-Site ein.

• Erstellen Sie Ihre Website mit dem Divi-Design.

Wir werden jeden Schritt in diesem Beitrag im Detail betrachten. Machen Sie sich also bereit, Ihre Website mit einem der besten Tools auf dem Markt zu erstellen!

Starten Sie Ihre WordPress-Site

Bevor Sie eine benutzerdefinierte WordPress-Site mit dem Divi-Design erstellen, müssen Sie zunächst die WordPress-Site starten. Führen Sie dazu die folgenden Schritte aus:

Schritt 1: Holen Sie sich das Hosting für Ihre Website. Unabhängig von der Art der Website, die Sie erstellen möchten, müssen Sie sich zunächst einen Domainnamen und ein Hosting besorgen. Es gibt Dutzende von außergewöhnlichen Hosting-Unternehmen, die Sie für Ihr Hosting erkunden können. Wir bieten Hosting als Teil unserer WordPress-Wartungsdienste an.

Schritt 2: Holen Sie sich einen Domainnamen für Ihre Website. Die meisten Hosting-Unternehmen bieten Domainnamen als Teil des Hosting-Pakets an. Wenn Sie bereits einen Domainnamen erworben haben, können Sie ihn auf die Hosting-Plattform übertragen, die Sie verwenden möchten. Jede Hosting-Plattform hat ihren eigenen Einrichtungsprozess, der jedoch oft leicht und einfach zu befolgen ist.

Befolgen Sie die Anweisungen auf der Hosting-Site, um Ihre Transaktion für den Kauf Ihres Hosting- und Domainnamens abzuschließen. Auf den meisten Hosting-Plattformen wird WordPress automatisch installiert, während einige andere eine Ein-Klick-Installation für WordPress anbieten.

Es ist ziemlich einfach, diesen Vorgang ohne Störungen abzuschließen. Wenn Sie Ihren Domainnamen und Ihr Hosting eingerichtet und WordPress installiert haben, geht Ihre Website live und wenn Sie Ihren Domainnamen im Browser überprüfen, sehen Sie so etwas:

Konfigurieren Sie das Divi-Design auf Ihrer WordPress-Site

Jetzt, da Ihre Website live ist und Sie eine leere Tafel zum Erstellen Ihrer benutzerdefinierten Website haben, besteht der nächste Schritt darin, das Divi-Design auf Ihrer neuen Website herunterzuladen und zu aktivieren. Führen Sie dazu die folgenden Schritte aus:

Schritt 1: Kaufen Sie das Divi-Design. Durch den Kauf des Divi-Designs erhalten Sie Zugriff auf verschiedene andere Produkte, darunter Monarch und andere beliebte Plugins und Designs. Führen Sie dazu die folgenden Schritte aus:

• Besuchen Sie die Website von Elegant Themes und klicken Sie auf „Preise“. Dadurch werden die beiden verfügbaren Pakete von Elegant Themes geöffnet. Sie können eine der beiden Optionen basierend auf Ihren Anforderungen und Ihrem Budget auswählen. Klicken Sie auf die Schaltfläche „Heute anmelden“ Ihrer bevorzugten Option.

• Dadurch gelangen Sie zu einer weiteren Seite, auf der Sie Ihre Daten sowie einen Benutzernamen und ein Passwort eingeben müssen. Klicken Sie anschließend auf „Registrierung abschließen“.

• Sie werden zum Zahlungsbereich weitergeleitet, wo Sie Ihre Kartendaten eingeben müssen, um Ihre Transaktion abzuschließen. Klicken Sie auf die Schaltfläche „89 $ bezahlen“, um Ihre Zahlung abzuschließen. Wenn Sie das andere Paket wählen, wird der Betrag statt 89 $ angezeigt.

• Nach erfolgreicher Zahlung besteht der nächste Schritt darin, das Divi-Theme herunterzuladen. Klicken Sie auf „Anmelden, um alle unsere verfügbaren Produkte herunterzuladen“.

• Geben Sie Ihre Anmeldedaten ein und klicken Sie auf die Schaltfläche „Anmelden“.

• Klicken Sie auf die Schaltfläche „Divi-Design herunterladen“. Dadurch wird ein ZIP-Ordner des Divi-Designs auf Ihr Computersystem heruntergeladen.

Schritt 2: Installieren Sie das Divi-Theme auf Ihrer WordPress-Seite. Navigieren Sie dazu zu Ihrem WordPress-Dashboard und führen Sie die folgenden Schritte aus:

• Klicken Sie auf „Erscheinungsbild“ und dann auf „Designs“.

• Klicken Sie auf „Neu hinzufügen“ und dann auf „Design hochladen“.

• Klicken Sie auf „Datei auswählen“ und wählen Sie die heruntergeladene ZIP-Datei von Ihrem System aus. Klicken Sie anschließend auf „Jetzt installieren“.

Schritt 3: Aktivieren Sie das Divi-Design

• Navigieren Sie zum linken Menü Ihres WordPress-Dashboards und wählen Sie Divi aus. Wählen Sie als Nächstes „Updates“ in den Divi-Designoptionen.

• Geben Sie Ihren Benutzernamen und den API-Schlüssel ein. Um den API-Schlüssel zu finden, gehen Sie zu „Mein Konto“ und suchen Sie den Abschnitt mit der Bezeichnung „API-Schlüssel“. Kopieren Sie den API-Schlüssel und fügen Sie ihn in das Feld API-Schlüssel ein und klicken Sie dann auf „Änderungen speichern“. Dadurch wird das Divi-Theme auf Ihrer WordPress-Site aktiviert.

Erstellen Sie Ihre Website mit dem Divi-Design

Mit dem Divi-Design können Sie verschiedene Funktionen erkunden, um Ihre perfekte Website zu erstellen. Befolgen Sie die folgenden einfachen Schritte, um Ihre Website mit Divi Theme zu erstellen:

Schritt 1: Erstellen Sie die Homepage mit den vorhandenen Layouts. Ihre Homepage ist der erste Ort, an dem Ihre Besucher landen, wenn sie auf Ihre Website zugreifen. Daher muss es so ansprechend wie möglich sein. Befolgen Sie die nachstehenden Schritte, um eine ansprechende Homepage zu erstellen:

• Klicken Sie oben auf der Website auf das Menü „+Neu“ und wählen Sie „Seite“.

• Fügen Sie den Titel der Seite (Home) hinzu und klicken Sie auf „Use Diva Builder“.

• Auf der nächsten Seite haben Sie drei Optionen zur Auswahl. Sie lauten „Eine Seite von Grund auf neu erstellen“, „Ein vorgefertigtes Layout auswählen“ und „Eine andere vorhandene Seite klonen“. In dieser Anleitung sehen wir uns an, wie man eine Seite von Grund auf neu erstellt und wie man ein vorgefertigtes Layout verwendet.

So verwenden Sie ein vorgefertigtes Layout zum Erstellen einer Homepage

• Navigieren Sie zum Abschnitt „Wählen Sie ein vorgefertigtes Layout“ und klicken Sie auf „Layouts durchsuchen“.

• Wählen Sie Ihr bevorzugtes Layout und klicken Sie auf „Dieses Layout verwenden“. Sie können auf verschiedene Layouts klicken und eine Vorschau anzeigen, um zu sehen, wie sie auf Ihrer Website aussehen werden.

• Um den Text im Layout zu ändern und anzupassen, wählen Sie den Text aus, indem Sie darauf doppelklicken und den gewünschten Text eingeben. Sie können alle Texte auf der Seite ändern, indem Sie sie auswählen und durch Ihren Text ersetzen.

• Um Bilder auf der Site zu ändern, doppelklicken Sie auf das Bild, das Sie ersetzen möchten, und klicken Sie auf das Bild. Ziehen Sie als Nächstes Ihr bevorzugtes Bild per Drag & Drop von Ihrem System, um das Bild zu ersetzen.

• Wenn Sie mit den Änderungen fertig sind, klicken Sie auf die Schaltfläche „Veröffentlichen“ und dann im oberen Teil der Website auf „Exit Visual Builder“.

• Nach diesem Vorgang können Sie weitere Seiten auf der Site erstellen

Wie man eine Homepage von Grund auf neu erstellt

• Klicken Sie auf „+Neu“ und dann auf „Seite“.

• Geben Sie den Titel der Seite ein und klicken Sie auf „Divi Builder verwenden“.

• Wählen Sie „Build from Scratch“ und dann „Start Building“.

• Klicken Sie zunächst auf das „+“-Symbol in der Mitte der Seite und es werden drei Optionen angezeigt – Specialty, Fullwidth und Regular.

• Ihre Wahl bestimmt die Struktur jedes Abschnitts, den Sie bauen. Für einen Abschnitt in voller Breite klicken Sie auf „Volle Breite“. Dadurch wird eine Liste mit Elementen angezeigt, die Sie der Seite von Fullwidth hinzufügen können.

Um den Header zu erstellen, klicken Sie auf „Fullwidth Header“. Dadurch wird der Fullwidth-Header in die Site eingefügt. Sie können den Text anpassen, indem Sie den Text auswählen und durch neuen Text ersetzen. Sie können dies für jeden Abschnitt der Seite tun.

Sie können auch „Regular“ und „Specialty“ in das Design mischen, um ein einzigartiges Design zu kreieren. Wenn Sie mit dem Ergebnis zufrieden sind, klicken Sie auf die Schaltfläche „Veröffentlichen“ und dann auf „Exit Visual Builder“. Sie können diesen Schritten folgen, um andere Seiten Ihrer Website zu füllen und zu gestalten.

Schritt 2: Erstellen Sie das Hauptmenü

• Klicken Sie auf den Seitennamen und wählen Sie dann „Theme Customizer“

• Klicken Sie im geöffneten Bereich auf „Menüs“ und dann auf „Neues Menü erstellen“.

• Geben Sie den Namen für das zu erstellende Menü ein und wählen Sie den Ort aus, an dem das Menü angezeigt werden soll. Es kann entweder das Menü „Primär“, „Sekundär“ oder „Fußzeile“ sein.

• Wenn Sie den bevorzugten Standort ausgewählt haben, klicken Sie auf „Weiter“.

• Klicken Sie auf „+Elemente hinzufügen“ und eine Liste von Seiten, die Sie den Menüelementen hinzufügen können, wird angezeigt.

• Klicken Sie auf das „+“-Symbol, um eine beliebige Seite als Menüelement hinzuzufügen. Sie können so viele Elemente hinzufügen, wie Sie möchten, indem Sie dieselben Schaltflächen verwenden.

• Wenn Sie fertig sind, klicken Sie auf die Seite „Veröffentlichen“, um alle vorgenommenen Änderungen zu speichern.

Schritt 3: Ändern Sie das Logo auf der Website. Führen Sie die folgenden Schritte aus, um das standardmäßige Divi-Logo zu entfernen und es in Ihr Unternehmenslogo zu ändern:

• Navigieren Sie zum WordPress-Dashboard und klicken Sie im Seitenmenü auf „Divi“.

• Gehen Sie im Divi-Design auf der Registerkarte „Allgemein“ zur Option „Logo“.

• Klicken Sie auf „Hochladen“ und ziehen Sie dann Ihr Unternehmenslogo per Drag & Drop an die Stelle, an der sich das Standardlogo befand.

• Klicken Sie auf „Änderungen speichern“ und aktualisieren Sie dann Ihre Website, um die vorgenommenen Änderungen zu sehen.

Fazit

Das ist es! Sie haben erfolgreich eine Website mit Divi erstellt. Sie benötigen keine Codierung oder Shortcodes, um Ihre Website zu erstellen, wenn Sie Divi verwenden. Es ist ein einfacher Drag-and-Drop-Mechanismus, der den Prozess einfach und nahtlos macht.