So erstellen Sie mit Divi einen profitablen WordPress-Blog

Veröffentlicht: 2022-08-16

Wenn Sie vorhaben, einen profitablen WordPress-Blog zu erstellen und nach Einblicken suchen, sind Sie wahrscheinlich an der richtigen Stelle. In diesem Artikel zeigen wir Ihnen Schritt für Schritt, wie Sie einen WordPress-basierten Blog erstellen. Nicht nur ein Blog, sondern ein Blog, das Ihnen Gewinn bringt. Genauer gesagt zeigen wir Ihnen, wie Sie mit Divi einen WordPress-Blog erstellen.

Wir schreiben diesen Leitfaden basierend auf unserer Erfahrung mit dem Ausbau von WP Pagebuildern, dem Blog, den Sie gerade lesen. Zu diesem Zeitpunkt hat unser Blog es geschafft, etwa 2.000 bis 3.000 US-Dollar pro Monat zu generieren, wobei die Haupteinnahmequelle aus dem Affiliate-Marketing stammt. Wie Sie in diesem Blog sehen können, schreiben wir viel über Divi und Elementor. Beides sind zwei der beliebtesten WordPress-Produkte, die interessante Affiliate-Programme anbieten. Wir nehmen seit 2020 am Partnerprogramm von Elementor und Elegant Themes (dem Entwickler von Divi) teil.

Wir haben uns entschieden, ein Affiliate-Blog zu erstellen, da es weniger Traffic erfordert als Blogs, die auf PPC-Anzeigen (z. B. Google AdSense) angewiesen sind. Zu Ihrer Information, unser Blog hat weniger als 2.000 Besuche pro Tag, was eine sehr kleine Zahl ist. Aber wir haben es geschafft, 2.000 bis 3.000 US-Dollar pro Monat (etwa 66 bis 100 US-Dollar pro Tag) zu verdienen, da wir eine Zielgruppe haben (wird später in Kürze behandelt).

Also, bist du fertig? Weiter lesen.

Eine kurze Einführung über Divi

Bevor Sie weitermachen, müssen Sie natürlich zuerst etwas über Divi wissen.

Was ist Divi?

Divi ist ein von Elegant Themes entwickeltes WordPress-Theme. Es wird mit einem integrierten Seitenersteller namens Divi Builder geliefert, mit dem Sie die Kernseiten Ihres Blogs erstellen können (Startseite, About-Seite, Kontaktseite usw.). Divi Builder verfügt über mehrere nützliche Funktionen zum Bloggen, darunter den Theme Builder, mit dem Sie benutzerdefinierte Vorlagen für Website-Teile erstellen können (Kopfzeile, Fußzeile, Blog-Post-Layout, Archivseiten usw.).

Divi unterstützt auch Integrationen mit Newsletter-Plugins und -Diensten wie MailPoet, MailerLite und Mailchimp. Newsletter ist einer der wichtigsten Aspekte beim Bloggen. Einen Blog ohne Newsletter zu entwickeln ist ein großer Fehler. Wir werden uns mit dem letztgenannten Newsletter befassen.

Divi ist ein kostenpflichtiges Theme. Sie können es auf zwei Arten erhalten:

  • Indem Sie ein jährliches Mitglied bei Elegant Themes werden: 89/Jahr
  • Mit einer einmaligen Kaufoption: 249 $

Welche Option Sie auch wählen, Sie haben für immer Zugriff auf die Divi-Updates und den Support. Neben Divi haben Sie auch Zugriff auf andere von Elegant Themes entwickelte Produkte, darunter Bloom und Monarch. Das Interessante am Kauf des Divi-Themes von Elegant Themes ist, dass Sie es auf so vielen Blogs installieren können, wie Sie möchten – ohne zusätzliche Gebühr.

Klicken Sie hier, um Divi zu erhalten

Schritt 1: Legen Sie fest, wie Sie Ihr Blog monetarisieren möchten

Im Eröffnungsabschnitt oben haben wir erwähnt, dass unsere Haupteinnahmequelle aus dem Affiliate-Marketing stammt. Trotzdem gibt es tatsächlich mehrere andere Optionen, um Ihr Blog zu monetarisieren. Im Allgemeinen verdienen Blogger mit ihren Blogs Geld, indem sie die folgenden Methoden anwenden.

  • Verkauf von Affiliate-Produkten (Affiliate-Marketing)
  • Installieren von PPC-Anzeigen
  • Verkauf von E-Books
  • Akzeptieren von gesponserten Inhalten
  • Bezahlte Inhalte anbieten

Wir werden die Diskussion auf Affiliate-Marketing eingrenzen, da wir es bisher praktiziert haben. Wenn Sie mehr über andere Monetarisierungsmethoden erfahren möchten, können Sie diesen nützlichen Blogbeitrag lesen.

Wir empfehlen Affiliate-Marketing persönlich, da es keine große Anzahl von Besuchern erfordert. Mehr Besucher bedeuten einen höheren Hosting-Plan. Höherer Hosting-Plan bedeutet höhere Kosten.


Schritt 2: Wählen Sie eine Blog-Nische und eine Domain aus

Es ist wichtig zu beachten, dass sich das Starten eines Blogs nicht vom Starten anderer Geschäftstypen unterscheidet. Zuerst müssen Sie den Markt (Publikum) Ihres Blogs finden und festlegen. Im Rahmen des Bloggens 500 tägliche gezielte Besucher sind besser als 5.000 ungezielte tägliche Besucher .

Bitte beachten Sie, dass Sie dabei sind, einen Blog zu erstellen, kein Online-Magazin (selbst ein Online-Magazin braucht eine Nische). Wenn Ihr Thema zu allgemein ist, wäre es für Ihr Blog schwieriger, in Suchmaschinen zu konkurrieren. Außerdem erfordert es zusätzliche Anstrengungen, eine treue Leserbasis aufzubauen (insbesondere E-Mail-Abonnenten).

Bevor wir schließlich bei einem Domainnamen wppagebuilders.com landen , wollten wir zunächst einen anderen Domainnamen registrieren, der WordPress im Allgemeinen repräsentiert. Aber wir dachten, dass WordPress ein zu allgemeines Thema ist, also haben wir uns entschieden, ein spezifischeres Thema auszuwählen (in diesem Fall Seitenerstellungs-Plugins). Ein weiterer Grund ist, dass es einige etabliertere WordPress-Blogs gibt, mit denen man nur schwer mithalten kann.

Durch die Auswahl eines spezifischeren Themas ist die Chance, dass Ihre Blog-Posts auf der Titelseite der Suchmaschinenergebnisse erscheinen, höher, da Suchmaschinen das Thema Ihres Blogs besser verstehen. Um dies zu beweisen, werfen Sie einen Blick auf den folgenden Screenshot.

Der obige Screenshot zeigt die Suchanfragen (bei Google), mit denen wir den Wettbewerb gewinnen. Wenn Sie mit einer der obigen Suchanfragen bei Google suchen, finden Sie die Blog-Posts von wppagebuilders.com auf der Titelseite (einige sogar in der oberen Liste).

Das sind nur Beispiele. Es gibt viele andere Schlüsselwörter, mit denen wppagebuilders.com den Wettbewerb in Suchmaschinen gewinnt.

Kannst du den Grund erraten?

Das liegt daran, dass wppagebuilders.com ein Blog über WordPress Page Builder Plugins ist und regelmäßig Artikel mit den Themen rund um Elementor, Divi Builder und andere Page Builder schreibt. Wie bereits erwähnt, je spezifischer das Thema (in der Marketingwelt „Nische“ genannt) Ihres Blogs, desto größer die Chance, dass es den Wettbewerb in den Suchmaschinen gewinnt.

– So wählen Sie eine Nische und einen Namen für Ihr Blog aus

Denken Sie noch einmal an die Regel. Je spezifischer das Thema (Nische) Ihres Blogs ist, desto besser . Drei Hauptgründe dafür sind:

  • Es ist einfacher, den Verkehr in Verkäufe umzuwandeln
  • Es ist einfacher, eine treue Leserschaft aufzubauen
  • Umso größer ist die Chance, den Wettbewerb in Suchmaschinen zu gewinnen

Sobald Sie verstanden haben, können Sie anfangen, die Nische Ihres Blogs zu finden. Wie geht das?

Sie können zunächst das allgemeine Thema definieren und es dann in einige spezifischere Themen unterteilen. wppagebuilders.com – wie Sie oben gelesen haben – ist ein Beispiel, das Sie als Referenz verwenden können.

Benötigen Sie weitere Beispiele?

Angenommen, Sie möchten einen Fotoblog erstellen. Sie können nach einigen fotografischen Derivaten wie Landschaftsfotografie, Reisefotografie, Digitalfotografie, Handyfotografie usw. suchen. Finden Sie ein Derivat, in dem Sie am besten sind, und wählen Sie es dann als Hauptthema Ihres Blogs aus. Während Ihr Blog läuft, können Sie natürlich die breiteren Themen schreiben, aber Ihr Fokus sollte auf dem Hauptthema liegen, das Sie im Voraus ausgewählt haben. Und Sie sollten zum Thema (bei Suchmaschinen) gewinnen.

Sobald das Thema/die Nische ausgewählt wurde, können Sie mit dem Blognamen fortfahren. Anschließend können Sie prüfen, ob die Domain des Blognamens verfügbar ist.

Um nach einer Blog-Nische zu suchen, können Sie ein Tool wie den Google Keyword Planner verwenden, um sowohl das Wettbewerbsniveau als auch das Suchvolumen herauszufinden. Wenn Sie über genügend Kapital verfügen, können Sie kostenpflichtige Tools wie Ahrefs, Semrush und Wordtracker verwenden.

Zwei Hauptmetriken, die Sie bei der Recherche einer Blog-Nische beachten sollten, sind:

  • Monatliches Suchvolumen
  • Wettbewerbsniveau

Es wäre großartig, wenn Sie eine Blog-Nische finden könnten, die ein hohes monatliches Suchvolumen mit geringer Konkurrenz hat.


Schritt 3: Wählen Sie ein zuverlässiges Hosting für Divi

Die Auswahl eines Webhosting-Anbieters ist ein weiterer entscheidender Schritt zum Starten eines Blogs. Sie müssen sicherstellen, dass Ihr Hosting-Provider zuverlässig genug ist, um Ihr Blog zu betreiben. Einschließlich wenn Verkehrsstau aufgetreten ist.

Wenn es um Divi geht, gibt es zwei Arten von Hosting-Diensten, die wir dringend empfehlen:

  • Divi-Hosting
  • Verwaltetes WordPress-Hosting

— Divi-Hosting

Elegant Themes arbeitet mit führenden Webhosting-Anbietern zusammen, um Hosting-Pläne anzubieten, die speziell für Divi entwickelt wurden. Die Partnerschaft heißt Divi Hosting.

Alle Hosting-Pläne auf Divi Hosting sind mit Divi vorinstalliert, sodass Sie Divi nicht selbst installieren müssen. Andere Funktionen, die in einem Divi-Hosting-Plan enthalten sind, variieren je nach Plan und Hosting-Anbieter. Aber im Allgemeinen erhalten Sie die folgenden Funktionen:

  • Divi vorinstalliert (natürlich)
  • Sicherheit
  • CDN und Caching
  • Inszenierungsumgebung

Hosting-Anbieter, die Divi-Hosting-Pläne anbieten, sind:

  • Pressbar
  • Schwungrad
  • Wolkenwege
  • SiteGround
Erfahren Sie mehr Divi-Hosting

— Verwaltetes WordPress-Hosting

Verwaltetes WordPress-Hosting ist die Art von Webhosting-Service, bei dem die Ressourcen für WordPress optimiert sind, nicht nur für Divi. Ein verwaltetes WordPress-Hosting bietet Funktionen wie automatisches Software-Update (WordPress-Core und Plugins), Backup, Sicherheit und Leistungsoptimierung (CDN und Caching).

Heutzutage bieten fast alle führenden Webhosting-Anbieter verwaltete WordPress-Hosting-Pläne an, einschließlich Bluehost. Wenn Sie es vorziehen, ein verwaltetes WordPress-Hosting anstelle von Divi Hosting zu verwenden, ist eine unserer Empfehlungen Bluehost.

Bluehost ist ein vertrauenswürdiger, zuverlässiger Webhosting-Anbieter, der von WordPress-Bloggern und WordPress-Benutzern im Allgemeinen weit verbreitet ist. In Bluehost heißt der verwaltete WordPress-Hosting-Service WP Pro. Auf WP Pro sind drei Pläne verfügbar: Build , Grow und Scale . Sie können diejenige nach Ihren Bedürfnissen auswählen.

Erfahren Sie mehr Bluehost Managed WordPress Hosting

Sollten Sie also ein Divi-Hosting oder ein verwaltetes WordPress-Hosting verwenden?

Um es klarzustellen, ein Divi-Hosting ist technisch gesehen auch ein verwaltetes WordPress-Hosting. Der Unterschied besteht darin, dass Sie auf einem Divi-Hosting Divi nicht selbst installieren müssen. Darüber hinaus können Sie mit einem Divi-Hosting Ihre Kosten sparen, da der Hosting-Plan mit Divi gebündelt ist. Wenn Sie ein verwaltetes WordPress-Hosting verwenden, müssen Sie Ihr Budget für zwei Komponenten ausgeben: Hosting-Service und Divi.

Die weise Antwort auf die Frage lautet: Lesen Sie die Spezifikationen, die von jedem Hosting-Paket angeboten werden, bevor Sie sich anmelden .


Schritt 4: Domain registrieren und Blog installieren

Sobald Sie sich für ein Hosting-Paket entschieden haben, das Sie abonnieren möchten, besteht der nächste Schritt darin, Ihre Domain zu registrieren.

Die Domänenregistrierung erfolgt über die Registrierung des Hosting-Plans. Sie werden aufgefordert, einen Domainnamen einzugeben, um den Registrierungsprozess abzuschließen. In diesem Beispiel zeigen wir Ihnen, wie Sie Ihre Domain bei Bluehost registrieren.

Besuchen Sie zunächst die Bluehost-Website. Bewegen Sie den Mauszeiger über das WordPress- Menü und wählen Sie WP Pro aus.

Wählen Sie den gewünschten Plan aus und klicken Sie auf die Schaltfläche Auswählen .

Geben Sie im nächsten Schritt Ihren Domänennamen in die Spalte Neue Domäne erstellen ein . Stellen Sie sicher, dass Sie die Domainendung auswählen (.com, .net, .org usw.). Klicken Sie auf die Schaltfläche Weiter , um fortzufahren.

Wenn Ihre Domain verfügbar ist, sehen Sie eine grüne Benachrichtigung und können mit dem nächsten Schritt fortfahren. Füllen Sie im Abschnitt Kontoinformationen die erforderlichen Felder wie Name, Land, Stadt, E-Mail-Adresse usw. aus.

Wählen Sie im Abschnitt Paketinformationen einen Plan aus, den Sie abonnieren möchten.

Fügen Sie im Abschnitt Zahlungsinformationen Ihre Kredit-/Debitkartennummer und den CVV-Code hinzu. Wenn Sie stattdessen per PayPal bezahlen möchten, können Sie auf den Link Weitere Zahlungsoptionen klicken und die Option Mit PayPal bezahlen auswählen. Akzeptieren Sie die Benutzervereinbarung und klicken Sie auf die Schaltfläche „ Senden“.

Schließen Sie die Zahlung ab. Sobald Sie fertig sind, werden Sie zu einer Seite weitergeleitet, auf der Sie ein Bluehost-Konto erstellen können. Klicken Sie auf die Schaltfläche Konto erstellen, um das Konto zu erstellen.

Erstellen Sie Ihr Passwort und akzeptieren Sie die Benutzervereinbarung. Klicken Sie auf die Schaltfläche Konto erstellen .

Ihr Konto ist bereit. Klicken Sie auf die Schaltfläche zum Anmelden, um sich beim Bluehost-Dashboard anzumelden.

— Installation von WordPress auf Bluehost

Nachdem Ihr Konto erstellt wurde, können Sie mit der Installation von WordPress auf Bluehost beginnen.

Jedes Mal, wenn Sie sich bei Bluehost anmelden möchten, können Sie bluehost.com besuchen und auf das Anmeldemenü in der oberen Leiste klicken.

Um mit der Installation von WordPress zu beginnen, melden Sie sich bei Bluehost an und klicken Sie auf die Schaltfläche Website erstellen .

Überspringen Sie die nächsten beiden Schritte, bis Sie den folgenden Bildschirm sehen. Wählen Sie die linke Option und klicken Sie auf die Schaltfläche Erste Schritte.

In den nächsten Schritten werden Ihnen grundlegende Fragen gestellt. Sie können diese Schritte überspringen, um ein Thema auszuwählen. Sie können mit einem kostenlosen Design beginnen. Bis hierhin ist Ihr Blog bereit und Sie können darauf zugreifen, indem Sie Ihren Domainnamen in den Webbrowser eingeben.

Um Ihr Blog zu verwalten, können Sie sich beim Bluehost-Dashboard anmelden, indem Sie auf die Schaltfläche In WordPress anmelden in der oberen rechten Ecke klicken.

Um Ihnen die Anmeldung beim WordPress-Dashboard zu erleichtern, können Sie in Ihrem WordPress-Blog einen neuen Benutzer hinzufügen. Beim nächsten Mal müssen Sie sich nicht jedes Mal bei Bluehost anmelden, wenn Sie sich bei Ihrem WordPress-Dashboard anmelden möchten, sobald Sie ein neues Konto haben. Stattdessen kannst du einfach yourblog.com/wp-admin in den Webbrowser eingeben und dich mit deinem neuen Konto anmelden.

Um ein neues Konto zu erstellen, gehen Sie in Ihrem WordPress-Dashboard zu Benutzer -> Neu hinzufügen.

Geben Sie den Benutzernamen, die E-Mail-Adresse, den Namen und das Passwort ein. Wählen Sie die Rolle für Ihren neuen Benutzer aus und klicken Sie auf die Schaltfläche Neuen Benutzer hinzufügen.

Sobald Ihr Konto erstellt ist, können Sie sich damit beim WordPress-Dashboard anmelden.

— SSL einrichten

Das Einrichten von SSL ist entscheidend, bevor Sie mit Ihrem Blog fortfahren. Wenn Sie es nicht festlegen, wird Ihr Blog von Webbrowsern als nicht sicher markiert.

Bluehost enthält eine kostenlose SSL-Funktion (bereitgestellt von Let's Encrypt). Um es zu verwenden, melden Sie sich mit Ihrem Konto bei Bluehost an. Klicken Sie nach der Anmeldung auf die Schaltfläche Website verwalten .

Gehen Sie als Nächstes zur Registerkarte Sicherheit und stellen Sie sicher, dass die Option SSL-Zertifikat: Let’s Encrypt aktiviert ist.

Hinweis: Wenn Sie beim Öffnen der Registerkarte Sicherheit feststellen, dass die Meldung SSL nicht verfügbar ist, können Sie sich an Bluehost wenden, um das Problem zu beheben. Sie können Bluehost per Live-Chat oder Twitter @bluehostsupport erreichen.

Nachdem Sie sichergestellt haben, dass SSL aktiviert wurde, melden Sie sich bei Ihrem WordPress-Dashboard an und gehen Sie zu Einstellungen -> Allgemein .

Bearbeiten Sie die Standard-URL, indem Sie den Buchstaben „s“ im Abschnitt „http“ hinzufügen. Wir empfehlen Ihnen auch, „www“ hinzuzufügen.

Stellen Sie sicher, dass Sie unten auf die Schaltfläche Änderungen speichern klicken, um die Änderungen zu übernehmen.

Neben der Einrichtung von SSL empfehlen wir Ihnen dringend, auch den Permalink einzurichten. Wir empfehlen die Verwendung eines einfacheren Permalinks für eine einfachere URL-Struktur (empfohlen für SEO).

Um den Permalink festzulegen, gehen Sie in Ihrem WordPress-Dashboard zu Einstellungen -> Permalinks . Wählen Sie einen gewünschten Permalink aus (wir empfehlen Beitragsname ).

Stellen Sie sicher, dass Sie auf die Schaltfläche Änderungen speichern klicken, um die Änderung zu übernehmen.


Schritt 5: Divi installieren

Sie können diesen Schritt überspringen, wenn Sie ein Divi-Hosting verwenden. Sie können diesen Abschnitt weiterlesen, wenn Sie verwaltetes WordPress-Hosting verwenden.

Angenommen, Sie haben Ihren Kauf bei Elegant Themes abgeschlossen, melden Sie sich mit Ihrem Konto an. Sobald Sie sich angemeldet haben, gehen Sie zur Seite Mitgliederbereich, indem Sie auf das Menü MEINE DOWNLOADS klicken.

Laden Sie das Divi-Theme herunter, indem Sie auf die Schaltfläche DIVI-THEME HERUNTERLADEN klicken.

Melden Sie sich nach dem Herunterladen des Divi-Designs bei Ihrem WordPress-Dashboard an und gehen Sie zu Appearance -> Themes . Klicken Sie auf die Schaltfläche Neu hinzufügen, um ein neues Thema zu installieren.

Klicken Sie auf die Schaltfläche Design hochladen – gefolgt von der Schaltfläche Datei auswählen – um das Divi-Design auszuwählen, das Sie gerade heruntergeladen haben (in einem ZIP-Format). Klicken Sie auf die Schaltfläche Jetzt installieren, um mit der Installation zu beginnen.

Warten Sie einen Moment, bis der Installationsvorgang abgeschlossen ist. Aktivieren Sie es sofort, sobald das Divi-Design installiert ist.

Hinweis: Wenn Sie Ihre eigene Hosting-Wahl haben (anders als die oben empfohlenen) und ein Problem mit dem Installationsprozess feststellen, können Sie diesen Beitrag lesen, um das Problem zu beheben.

— Aktivieren Sie den Lizenzschlüssel, um zukünftige Updates zu erhalten

Um neue Divi-Updates zu erhalten, müssen Sie Ihre Lizenz aktivieren, indem Sie Ihren Benutzernamen und API-Schlüssel eingeben. Um den Benutzernamen und den API-Schlüssel von Divi zu erhalten, klicken Sie im Dashboard von Elegant Themes auf BENUTZERNAME & API-SCHLÜSSEL .

Kopieren Sie Ihren Benutzernamen und API-Schlüssel.

Wechseln Sie zurück zu Ihrem WordPress-Dashboard und gehen Sie zu Divi -> Theme Options . Gehen Sie zur Registerkarte Updates und geben Sie Ihren Benutzernamen und API-Schlüssel ein. Klicken Sie auf die Schaltfläche Änderungen speichern , um die Änderungen zu übernehmen.

— Nehmen Sie die erforderlichen Einstellungen vor

Bevor Sie mit Divi weitermachen, können Sie zunächst die notwendigen Einstellungen auf Ihrer Divi-Website vornehmen. Drei grundlegende Einstellungen, die Sie im Voraus vornehmen müssen, sind:

  • Website-Logo

Das Logo ist die Hauptidentität Ihrer Website. Sie können es in der Kopfzeile, Fußzeile oder in einem beliebigen Bereich platzieren. Um das Site-Logo auf Divi festzulegen, gehen Sie zu Divi -> Designoptionen in Ihrem WordPress-Dashboard. Klicken Sie in der Option Logo auf der Registerkarte Allgemein auf die Schaltfläche HOCHLADEN und wählen Sie das Bild Ihres Logos aus.

  • Favicon

Favicon ist ein Symbol, das auf der Registerkarte des Webbrowsers angezeigt wird, wenn ein Benutzer Ihre Website besucht. Auf den meisten WordPress-Sites ist das Standard-Favicon das WordPress-Symbol.

Um das Favicon Ihres Divi-Blogs festzulegen, gehen Sie zu Divi -> Theme Customizer in Ihrem WordPress-Dashboard. Öffnen Sie den Block Allgemeine Einstellungen und wählen Sie Website-Identität aus.

Klicken Sie auf die Schaltfläche Site-Symbol auswählen, um das Bild auszuwählen, das Sie als Favicon verwenden möchten. Das empfohlene Bildformat für Favicon ist PNG mit der Abmessung 512×512.

Klicken Sie auf die Schaltfläche Veröffentlichen , um die Änderungen zu übernehmen.

  • Deaktivieren Sie Divi Builder für Beiträge

Das Divi-Design enthält einen integrierten Seitenersteller namens Divi Builder, mit dem Sie die Kernseiten Ihres Blogs erstellen können. Standardmäßig ist die Option zur Verwendung von Divi Builder verfügbar, wenn Sie neue Inhalte auf WordPress erstellen möchten – sei es eine Seite oder ein Beitrag.

Da Sie Divi zum Bloggen verwenden möchten, empfehlen wir Ihnen dringend, Divi Builder für Beiträge zu deaktivieren. Auf diese Weise werden Sie jedes Mal, wenn Sie einen neuen Blogbeitrag erstellen möchten, nicht gefragt, ob Sie den standardmäßigen WordPress-Editor oder Divi Builder verwenden möchten. Um Divi Builder für Beiträge zu deaktivieren, gehen Sie zu Divi -> Designoptionen in Ihrem WordPress-Dashboard. Öffnen Sie den Builder -Tab und schieben Sie den Schalter auf Posts . Klicken Sie auf die Schaltfläche Änderungen speichern , um die Änderungen zu übernehmen.

  • Richten Sie den Blog-Post-Editor ein

Seit Version 5.0 hat WordPress einen neuen Editor namens Blockeditor, auch bekannt als Gutenberg. Vor dieser Version bot WordPress einen Editor an, der jetzt als Classic Editor bekannt ist.

Wir empfehlen zwar die Verwendung von Gutenberg, da es mit mehr WordPress-Plugins besser kompatibel ist, aber es liegt an Ihnen, welchen Editor zu verwenden.

Wenn Sie Gutenberg als Blog-Post-Editor verwenden möchten, müssen Sie nichts ändern. Wenn Sie den klassischen Editor bevorzugen, können Sie ihn zuerst aktivieren. Gehen Sie in Ihrem WordPress-Dashboard zu Divi -> Designoptionen . Klicken Sie auf der Registerkarte Builder auf die Unterregisterkarte Erweitert und schieben Sie den Schalter auf die Option Klassischen Editor aktivieren. Klicken Sie auf die Schaltfläche Änderungen speichern , um die Änderungen zu übernehmen.

Wir persönlich empfehlen die Verwendung von Gutenberg, da es mehr kreative Elemente bietet. Sie können ganz einfach Elemente wie Schaltflächen und Tabellen hinzufügen und anpassen.


Schritt 6: Entwerfen Sie Ihren Divi-Blog

Nachdem Sie die Grundeinstellungen vorgenommen haben, besteht der nächste Schritt darin, Ihren Divi-Blog zu gestalten. Das Beste beim Bloggen mit Divi ist, dass Sie jeden einzelnen Teil Ihres Blogs steuern können – dank der Theme Builder-Funktion von Divi auch ohne Programmierkenntnisse.

Bevor Sie mit der Gestaltung Ihres Blogs beginnen, müssen Sie verstehen, dass Ihr Blog aus den folgenden Hauptteilen besteht:

  • Header
  • Fusszeile
  • Einzelpost-Layout (auch bekannt als Blogpost-Layout)
  • Seiten archivieren
  • Suchergebnisseite
  • 404-Fehlerseite

Zusätzlich zu den oben genannten Teilen müssen Sie je nach Bedarf auch die erforderlichen Seiten wie Homepage, Infoseite, Kontaktseite und andere Seiten erstellen.

Sie können diese Teile und Seiten mit Divi Builder visuell erstellen. Macht keinen Spaß?

Beginnen wir mit der Kopfzeile.

Aber zuerst möchten Sie vielleicht ein Menü erstellen, das in der Kopfzeile platziert wird. Wenn Sie neu bei WordPress sind, können Sie diesen Artikel lesen, um zu erfahren, wie Sie ein Menü erstellen.

— Gestaltung der Kopfzeile

Es gibt zwei Möglichkeiten, den Header Ihres Blogs in Divi zu gestalten. Zunächst können Sie den Theme Customizer verwenden. Zweitens können Sie den Theme Builder verwenden. Wenn Sie einen einfachen Header erstellen möchten, reicht die Verwendung des Theme Customizer aus. Umgekehrt, wenn Sie einen vollständig angepassten Header mit Ihrem eigenen Design erstellen möchten, gibt es keine andere Option als den Theme Builder.

## Entwerfen des Headers mit dem Theme Customizer

Um Ihren Header mit Theme Customizer zu gestalten, können Sie in Ihrem WordPress-Dashboard zu Divi -> Theme Customizer gehen. Dadurch gelangen Sie zum Theme Customizer-Bildschirm. Klicken Sie als Nächstes auf den Block Kopfzeile & Navigation .

Wie Sie sehen können, gibt es fünf Unterblöcke, die Sie öffnen können, um Ihre Kopfzeile zu gestalten.

  • Header-Format

Sie können diesen Unterblock öffnen, um das Header-Format festzulegen. Es gibt fünf Kopfzeilenformate, aus denen Sie wählen können: Standard (Logo links), Zentriert, Zentriertes Inline-Logo, Slide In und Vollbild.

  • Primäre Menüleiste

Sie können diesen Unterblock öffnen, um das Aussehen der Hauptmenüleiste anzupassen. Sie können Dinge wie Höhe, Textgröße, Schriftfamilie, Schriftstil, Schriftfarbe, Farbe des Menühintergrunds, Farbe des Dropdown-Menüs usw. festlegen.

  • Sekundäre Menüleiste

Sekundäre Menüleiste ist die Menüleiste, die direkt über dem Hauptmenü liegt.

Sie können das Aussehen der sekundären Menüleiste anpassen, indem Sie den Unterblock „Sekundäre Menüleiste“ öffnen. Genau wie in der Hauptmenüleiste oben können Sie auch Dinge wie Textgröße, Schriftfamilie, Schriftstil, Textfarbe, Hintergrundfarbe usw. einstellen.

  • Feste Navigationseinstellungen

Divi verfügt über eine integrierte Sticky-Header-Funktion. Sticky Header selbst ist die Art von Header, bei der sie sichtbar bleibt, wenn die Seite nach unten gescrollt wird. Hier ist das Beispiel:

Sie können die klebrige Kopfzeile anpassen, indem Sie beispielsweise Hintergrundfarbe, Höhe, Textgröße usw. festlegen. Öffnen Sie einfach den Block Feste Navigationseinstellungen , um den Sticky-Header anzupassen.

Bitte beachten Sie, dass Sie sicherstellen müssen, dass die Funktion aktiviert ist, wenn Sie Sticky Header verwenden möchten. Gehen Sie dazu in Ihrem WordPress-Dashboard zu Divi -> Designoptionen . Stellen Sie sicher, dass die Option Feste Navigationsleiste aktiviert ist.

  • Header-Elemente

Sie können den Block Kopfzeilenelemente öffnen, um die von Divi angebotenen Elemente anzuzeigen/auszublenden. Die Elemente sind Social-Media-Symbole, Suchsymbol, Telefonnummer und E-Mail-Adresse. Diese Elemente werden in der sekundären Kopfzeile (obere Leiste) angezeigt, mit Ausnahme des Suchsymbols, das in der Hauptkopfzeile angezeigt wird.

Um festzulegen, welche Social-Media-Symbole angezeigt werden sollen – sowie die Links –, können Sie zu Divi -> Designoptionen gehen. Scrollen Sie auf der Registerkarte Allgemein nach unten zu den sozialen Abschnitten, um die Social-Media-Plattformen auszuwählen und die Links festzulegen.

Wenn Sie mit der Gestaltung Ihres Blog-Headers über den Theme Customizer fertig sind, stellen Sie sicher, dass Sie auf die Schaltfläche „ Veröffentlichen “ klicken, um die vorgenommenen Änderungen zu übernehmen.

Falls Sie weitere Blogs erstellen möchten, können Sie die von Ihnen angepasste Kopfzeile exportieren und in Ihre neuen Blogs importieren, sodass Sie die Kopfzeile für Ihre nächsten Blogs nicht von Grund auf neu entwerfen müssen.

Um ein Kopfzeilendesign zu exportieren/importieren, können Sie auf das Zwei-Pfeil-Symbol neben der Schaltfläche „Schließen“ klicken.

Geben Sie im angezeigten Dialogfeld Ihrer Datei einen Namen und klicken Sie auf die Schaltfläche Divi Customizer-Einstellungen exportieren, um das Design zu exportieren.

Um ein Design (benutzerdefinierter Header) zu importieren, wechseln Sie auf die Registerkarte Export . Wählen Sie die JSON-Datei des Designs, das Sie importieren möchten, und klicken Sie auf die Schaltfläche Divi Customizer-Einstellungen importieren.

## Entwerfen der Kopfzeile mit dem Theme Builder

Wie im Eröffnungsabschnitt dieses Artikels erwähnt, verfügt Divi über eine Theme Builder-Funktion, mit der Sie benutzerdefinierte Site-Teile auf visuelle Weise erstellen können.

Ein Theme Builder funktioniert, indem er die Standardteile Ihres Site-Themes (in unserem Fall Divi) durch die benutzerdefinierten Vorlagen ersetzt, die Sie selbst erstellen . Wenn Sie jedoch mit Divi Theme Builder einen benutzerdefinierten Header erstellen, wird der Standard-Header, den Sie oben über den Theme Customizer angepasst haben, ersetzt.

Beim Erstellen eines benutzerdefinierten Website-Teils mit Theme Builder haben Sie technisch gesehen unbegrenzte Gestaltungsmöglichkeiten. Ein weiterer Vorteil der Verwendung von Theme Builder besteht darin, dass Sie festlegen können, wo eine benutzerdefinierte Vorlage angewendet werden soll. Ob auf die gesamte Website oder bestimmte Seiten (bzw. Beiträge).

Um mit dem Erstellen einer benutzerdefinierten Kopfzeilenvorlage zu beginnen, gehen Sie in Ihrem WordPress-Dashboard zu Divi -> Theme Builder . Dadurch wird die Theme Builder-Seite von Divi geöffnet, die standardmäßig bereits über einen globalen Vorlagensatz verfügt. Wenn Sie eine benutzerdefinierte Kopfzeile für die gesamte Website erstellen möchten, können Sie die Kopfzeilenvorlage einfach bearbeiten, indem Sie auf Globale Kopfzeile hinzufügen -> Globale Kopfzeile auswählen klicken.

Wenn Sie umgekehrt einen benutzerdefinierten Header für bestimmte Seiten oder Beiträge erstellen möchten, können Sie einen neuen Vorlagensatz erstellen, indem Sie auf das Plus-Symbol klicken.

Legen Sie fest, wo Sie den benutzerdefinierten Vorlagensatz anwenden möchten, und klicken Sie auf die Schaltfläche Vorlage erstellen .

Bearbeiten Sie die Vorlage, indem Sie auf Add Custom Header -> Built Custom Header klicken.

Ausführlichere Anweisungen zum Erstellen eines benutzerdefinierten Headers in Divi mit Theme Builder finden Sie in unserem Artikel hier.

— Entwerfen der Fußzeile

Genau wie die Kopfzeile gibt es auch zwei Möglichkeiten, die Fußzeile Ihres Blogs zu gestalten: über den Theme Customizer und über den Theme Builder.

## Entwerfen der Fußzeile mit dem Theme Customizer

Um mit dem Entwerfen der Fußzeile über den Theme Customizer zu beginnen, gehen Sie zunächst zu Divi -> Theme Customizer in Ihrem WordPress-Dashboard, um den Theme Customizer zu öffnen. Öffnen Sie als Nächstes den Fußzeilenblock .

Wie Sie sehen können, gibt es fünf Unterblöcke, die Sie im Fußzeilenblock wie folgt öffnen können:

  • Layout

Sie können diesen Unterblock öffnen, um das Layout Ihrer Fußzeile festzulegen. Jedes Layout besteht aus einer unterschiedlichen Anzahl von Spalten – die Sie verwenden können, um die Widgets (den Inhalt der Spalte) zu platzieren. Von hier aus können Sie auch die Hintergrundfarbe der Fußzeile festlegen.

  • Widgets

Nachdem Sie das Layout im oberen Layout -Unterblock festgelegt haben, besteht der nächste Schritt darin, die Fußzeilen-Widgets anzupassen. Widgets sind in diesem Zusammenhang die Inhalte auf den Spalten der Fußzeile.

Um ein Widget zu einer Spalte hinzuzufügen, gehen Sie zurück zum Hauptfenster von Theme Customizer und öffnen Sie den Widgets -Block.

Wählen Sie die Spalte (Fußzeilenbereich) aus, der Sie den Inhalt hinzufügen möchten, und klicken Sie auf das Plus-Symbol, um ein Widget hinzuzufügen. Um alle verfügbaren Widget-Optionen anzuzeigen, können Sie auf die Schaltfläche Alle durchsuchen klicken.

Um das soeben hinzugefügte Widget anzupassen, können Sie auf das Drei-Punkte-Symbol klicken und Weitere Einstellungen anzeigen auswählen.

Wiederholen Sie die obigen Schritte, um weitere Widgets zu anderen Fußzeilenspalten hinzuzufügen.

  • Fußzeilenelemente

Wenn Sie möchten, können Sie die Social-Media-Symbole in Ihrer Blog-Fußzeile anzeigen. Die Symbole werden auf der rechten Seite der sekundären Fußzeile (untere Leiste) angezeigt.

Öffnen Sie einfach den Unterblock Fußzeilenelemente und aktivieren Sie die Option SOZIALE SYMBOLE ANZEIGEN .

  • Fußzeilenmenü

Wenn Sie Ihrer Fußzeile ein Menü hinzufügen möchten, können Sie diesen Unterblock öffnen. Von diesem Unterblock aus können Sie die Fußzeile wie Hintergrundfarbe, Textfarbe, Linkfarbe, Schriftgröße usw. anpassen.

Vor dem Öffnen des Unterblocks Fußzeilenmenü . Sie können zuerst ein Menü über Aussehen -> Menü erstellen.

  • Bodenleiste

Sie können den Unterblock untere Leiste öffnen, um die sekundäre Fußzeile anzupassen. Von diesem Unterblock aus können Sie den Credit-Text der Fußzeile festlegen, die Hintergrundfarbe festlegen, die Textfarbe festlegen, die Farbe der Social-Media-Symbole sowie die Größe festlegen und so weiter.

## Entwerfen der Fußzeile mit dem Theme Builder

Das Entwerfen Ihrer Blog-Fußzeile mit Theme Builder wird eher empfohlen, wenn Sie unbegrenzte Designoptionen haben möchten. Sie können eine Fußzeile mit Ihrem Down-Designkonzept erstellen und mit dem visuellen Editor von Divi Builder jedes gewünschte Styling anwenden.

Die Schritte zum Erstellen einer Fußzeile mit Theme Builder sind die gleichen wie die oben behandelte Kopfzeile. Zunächst können Sie in Ihrem WordPress-Dashboard zu Divi -> Theme Builder gehen. Klicken Sie als Nächstes im Standardvorlagensatz auf Globale Fußzeile hinzufügen , wenn Sie eine globale Fußzeile erstellen möchten.

Um eine Fußzeile für bestimmte Beiträge oder Seiten zu erstellen, können Sie auf Neue Vorlage hinzufügen klicken, um einen neuen Vorlagensatz zu erstellen und die Stellen auszuwählen, auf die Sie die Fußzeile anwenden möchten.

Ausführlichere Anweisungen zum Erstellen einer benutzerdefinierten Fußzeile in Divi mit Theme Builder finden Sie in unserem vorherigen Artikel hier.

— Entwerfen des Einzelposten-Layouts

Das einzelne Post-Layout (manchmal auch als Blog-Post-Layout bezeichnet) ist der Thementeil, der das Erscheinungsbild der Blog-Posts steuert. Dazu gehören das Layout, Typografieeinstellungen und so weiter.

Es gibt auch zwei Möglichkeiten, das Layout für einzelne Posts zu gestalten: über den Theme Customizer und den Theme Builder. Wir empfehlen, das einzelne Post-Layout mit dem Theme Builder zu entwerfen, da es unbegrenzte Gestaltungsmöglichkeiten bietet. Noch wichtiger ist, dass Sie Elemente wie E-Mail-Opt-in-Formular, dynamische Sternebewertung usw. hinzufügen können.

In unserem vorherigen Artikel finden Sie detailliertere Anweisungen zum Erstellen eines benutzerdefinierten Layouts für einzelne Posts mit Divi Builder.

Falls Sie Ihr Blog-Post-Layout über den Theme Customizer entwerfen möchten, können Sie den Block Blog -> Post im Panel Theme Customizer öffnen. Um die Schriftfamilie des Inhaltskörpers zu ändern, können Sie zu Allgemeine Einstellungen -> Typografie gehen.

Laden Sie die Vorlage für einzelne Posts herunter
Vorschau einzelner Beitragsvorlage

— Gestaltung der Archivseiten

In WordPress beziehen sich Archivseiten auf Seiten, die Blogbeiträge gemäß ihrem Archivkontext anzeigen. Wenn Sie beispielsweise auf die URL yourblog.com/category/example zugreifen , werden Ihnen alle Blog-Beiträge unter der Kategorie „example“ angezeigt.

Oder wenn Sie auf die URL yourblog.com/author/yourusername zugreifen , werden Ihnen alle Blogbeiträge angezeigt, die von einem Benutzer mit dem Benutzernamen yourusername geschrieben wurden.

Im Allgemeinen gibt es in WordPress drei Arten von Archiven:

  • Kategorie
  • Schild
  • Autor

Während Divi mit einem Standardlayout für Archivseiten geliefert wird, können Sie die Archivseiten mit Ihrem Down-Design erstellen. Sie können sogar mehrere Archivseiten erstellen, wenn Sie möchten.

Um mit der Erstellung einer benutzerdefinierten Archivseitenvorlage zu beginnen, gehen Sie in Ihrem WordPress-Dashboard zu Divi -> Theme Builder . Fügen Sie einen neuen Vorlagensatz hinzu, indem Sie auf Neue Vorlage hinzufügen -> Neue Vorlage erstellen klicken. Wählen Sie im angezeigten Dialogfeld einen Ort aus (Sie können mehrere Orte auswählen), an dem Sie die benutzerdefinierte Vorlage auf den Block Archivseiten anwenden möchten, und klicken Sie auf die Schaltfläche Vorlage erstellen .

Klicken Sie nach dem Hinzufügen des Vorlagensatzes auf Benutzerdefinierten Körper hinzufügen -> Benutzerdefinierten Körper erstellen .

Sie werden zum Bearbeiten des Layouts zum Divi Builder-Editor weitergeleitet.

Ausführlichere Anweisungen zum Erstellen einer benutzerdefinierten Archivseitenvorlage mit Divi Builder finden Sie in unserem Artikel hier.

Archivseitenvorlage herunterladen
Vorschau der Archivseitenvorlage

— Gestaltung der Suchergebnisseite

Während Divi mit einer Standard-Suchergebnisseite geliefert wird, möchten Sie möglicherweise eine benutzerdefinierte Vorlage für die Suchergebnisseite in Ihrem Blog erstellen, damit sie zu Ihrem Designschema passt.

Mit Divi Builder können Sie in Ihrem Divi-Blog eine benutzerdefinierte Suchergebnisseite erstellen. Beginnen Sie, indem Sie in Ihrem WordPress-Dashboard zu Divi -> Theme Builder gehen. Fügen Sie eine neue Vorlage hinzu, indem Sie auf Neue Vorlage hinzufügen -> Neue Vorlage erstellen klicken. Wählen Sie im angezeigten Dialogfeld Suchergebnisse aus und klicken Sie auf die Schaltfläche Vorlage erstellen .

Klicken Sie nach dem Hinzufügen der Vorlage auf Benutzerdefinierten Körper hinzufügen -> Benutzerdefinierten Körper erstellen , um die Vorlage mit Divi Builder zu bearbeiten.

Sie können jedes Element (Modul) zu Ihrer benutzerdefinierten Suchergebnisseiten-Vorlage hinzufügen, aber verpassen Sie nicht diese beiden Module:

  • Text
  • Bloggen

## Text

Sie benötigen dieses Modul, um den Titel der Suchergebnisse hinzuzufügen (den Text Ergebnisse für „Schlüsselwort“ ). Öffnen Sie nach dem Hinzufügen des Textmoduls den Textblock auf der Registerkarte „ Inhalt “ im Einstellungsbereich und klicken Sie auf das dynamische Symbol.

Wählen Sie in den verfügbaren Optionen Beitrags- /Archivtitel aus.

Achten Sie darauf, auf das grüne Checklisten-Symbol zu klicken, um die Änderungen zu übernehmen.

##Blog

Sie benötigen dieses Modul, um die Suchergebnisse anzuzeigen. Öffnen Sie nach dem Hinzufügen des Moduls den Inhaltsblock auf der Registerkarte Inhalt im Einstellungsfenster und aktivieren Sie die Option Beiträge für aktuelle Seite . Legen Sie auch andere notwendige Einstellungen fest. Solche uns Anzahl der Beiträge, Auszüge und so weiter.

Laden Sie die Vorlage für die Suchergebnisseite herunter
Vorschau der Seitenvorlage für Suchergebnisse

— Entwerfen der 404-Fehlerseite

Eine weitere benutzerdefinierte Vorlage, die Sie mit Divi Theme Builder erstellen können, ist die 404-Fehlerseite. Diese Seite selbst zeigt eine Fehlermeldung an, wenn Ihre Besucher auf eine bestimmte URL zugreifen, die Seite jedoch nicht verfügbar ist. Sie können eine benutzerdefinierte Vorlage für die 404-Fehlerseite mit Ihrem Down-Design erstellen, damit sie zu Ihrem Designschema passt. Sie können jedes gewünschte Element/Modul hinzufügen.

Ausführlichere Anweisungen zum Erstellen einer benutzerdefinierten 404-Fehlerseite mit Divi Theme Builder finden Sie in unserem vorherigen Artikel hier.

404-Seitenvorlage herunterladen
Vorschau der 404-Seitenvorlage

Schritt 7: Erstellen Sie die erforderlichen Seiten

Nachdem Sie die benutzerdefinierten Vorlagen mit Divi Theme Builder erstellt haben, besteht der nächste Schritt darin, die erforderlichen Seiten zu erstellen. Es gibt mindestens drei Seiten, die Sie erstellen müssen:

  • Die Homepage
  • Über Seite
  • Kontaktseite

Sie können diese Seiten natürlich mit Divi Builder erstellen.

- Startseite

Die Homepage ist die wichtigste Seite jeder Website. Mit Divi Builder können Sie die Homepage Ihres Blogs dank seines visuellen Editors, der Drag-and-Drop-Bearbeitungserfahrung bietet, einfacher erstellen.

Sie können jedes Element auf Ihrer Blog-Homepage platzieren, Stellen Sie jedoch sicher, dass jedes Element, das Sie hinzufügen, einen klaren Zweck hat . Schauen Sie sich folgendes Beispiel an:

Der obige Screenshot ist übrigens die Startseite unseres Blogs. Im Heldenbereich (oberster Bereich einer Seite) fügen wir ein E-Mail-Abonnementformular hinzu, da wir unsere Besucher dazu ermutigen möchten, unseren Newsletter zu abonnieren.

Im unteren Bereich (unterhalb des Heldenbereichs) zeigen wir Blogbeiträge basierend auf drei Hauptkategorien an. Wir fügen auch ein zusätzliches Navigationsmenü hinzu, um es unseren Besuchern einfacher zu machen, Blogbeiträge basierend auf jeder Hauptkategorie zu durchsuchen.

Stellen Sie vor dem Erstellen der Homepage sicher, dass Sie bereits wissen, welche Elemente Sie hinzufügen möchten. Bei Bedarf können Sie einen Kratzer erstellen, bevor Sie Ihre Designidee ausführen.

Um mit der Erstellung der Homepage zu beginnen, gehen Sie in Ihrem WordPress-Dashboard zu Seiten -> Neu hinzufügen. Geben Sie Ihrer Homepage einen Titel und klicken Sie auf die Schaltfläche Divi Builder verwenden , um die Seite mit Divi Builder zu bearbeiten.

Sobald der Divi Builder-Editor geöffnet ist, können Sie mit der Erstellung der Homepage beginnen. Sobald Sie fertig sind, können Sie auf die Schaltfläche „ Veröffentlichen “ in der unteren rechten Ecke klicken, um die Seite zu veröffentlichen.

Sobald die Homepage erstellt und veröffentlicht ist, gehen Sie in Ihrem WordPress-Dashboard zu Einstellungen -> Lesen . Stellen Sie im Abschnitt Anzeige Ihrer Startseite die Option Statische Seite ein und wählen Sie die Startseite aus, die Sie gerade erstellt haben.

Homepage-Layout herunterladen
Vorschau des Homepage-Layouts

— Über Seite

Sie können die About-Seite verwenden, damit Ihre Besucher Sie oder Ihr Unternehmen besser verstehen. Mit Divi Builder können Sie Ihre About-Seite in mehrere Abschnitte unterteilen. Im Heldenbereich können Sie Ihre Besucher mit einer kurzen Vorstellung Ihrer Person begrüßen. In den folgenden Abschnitten können Sie Ihr Portfolio (falls vorhanden), Ihre Erfahrungen, Ihr Fachwissen usw. präsentieren. Hier ein Beispiel einer About-Seite.

Genau wie die Homepage können Sie auch mit der Erstellung der Info-Seite über Seiten -> Neu hinzufügen in Ihrem WordPress-Dashboard beginnen.

Sobald die About-Seite erstellt und veröffentlicht wurde, können Sie sie dem Navigationsmenü in der Kopfzeile hinzufügen, wie wir es weiter oben beschrieben haben.

Laden Sie Informationen zum Seitenlayout herunter
Vorschau über das Seitenlayout

- Kontaktseite

Sie können eine Kontaktseite erstellen, um es Ihren Besuchern (oder aufstrebenden Kunden) leicht zu machen, Sie zu erreichen. Wenn Sie Ihre E-Mail-Adresse nicht anzeigen möchten, können Sie Ihrer Kontaktseite ein Kontaktformular hinzufügen. Divi Builder enthält ein integriertes Kontaktformularmodul, mit dem Sie ein Kontaktformular erstellen können.

Um mehr darüber zu erfahren, wie man ein Kontaktformular in Divi erstellt, können Sie den Artikel hier lesen.

Layout der Kontaktseite herunterladen
Vorschau des Layouts der Kontaktseite

Schritt 8: Installieren Sie die erforderlichen Plugins

WordPress ist ein erweiterbares Blogging-Tool. Sie können Ihrem WordPress-Blog zusätzliche Features und Funktionen hinzufügen, indem Sie Plugins installieren. Wenn Sie Bluehost oder Divi Hosting verwenden, erhalten Sie notwendige Plugins wie ein Sicherheits-Plugin und ein Caching-Plugin.

Benötigen Sie weitere Plugins, können Sie diese einfach selbst installieren. In diesem Artikel erfahren Sie, wie Sie ein WordPress-Plugin installieren.

Um ein erfolgreiches WordPress-Plugin zu erstellen, empfehlen wir die Installation der folgenden Plugins in Ihrem Blog:

1. Hefe

Organischer Traffic ist der Schlüssel zu einem erfolgreichen Blog. Um mehr organischen Traffic auf Ihr Blog zu bekommen, müssen Sie Ihre Blog-Posts optimieren, um den Wettbewerb in Suchmaschinen für bestimmte Tastaturen zu gewinnen. Yoast ist das Plugin, das Sie für einen solchen Bedarf benötigen.

2. Bemühen

Es ist fast unmöglich, Ihre Ziele ohne eine klare Planung zu erreichen. Wenn es um das Bloggen geht, können Sie die Erstellung von Inhalten planen. Indem Sie die Inhaltserstellung planen, können Sie Ihre Inhaltsideen einzeln umsetzen.

Strive ist ein redaktionelles Kalender-Plugin für WordPress, das Ihnen helfen kann, die Erstellung von Inhalten in Ihrem Blog zu planen. Wenn Sie Ihren Blog mit einem Team betreiben, ist das Plugin sehr hilfreich. Sie können unseren Strive-Test lesen, um mehr darüber zu erfahren, wie es Ihnen helfen kann.

3. MailPoet

Neben Suchmaschinen ist der E-Mail-Newsletter eine weitere großartige Quelle für Traffic. MailPoet ist ein Plugin, das wir empfehlen. Mit dem Plugin können Sie E-Mail-Newsletter von Ihrem WordPress-Dashboard aus erstellen und versenden. Außerdem enthält es unterstützende Funktionen wie Abonnentenmanager, Formularersteller zum Erstellen von E-Mail-Opt-in-Formularen, Analysen und so weiter. Noch wichtiger ist, dass MailPoet über das E-Mail-Optionsmodul (wird später behandelt) in Divi integriert werden kann.

Wenn Sie es vorziehen, einen Drittanbieterdienst zum Verwalten und Versenden von E-Mail-Newslettern zu verwenden, ist unsere Hauptempfehlung MailerLite.


Schritt 9: Integrieren Sie Divi in ​​ein E-Mail-Newsletter-Tool

Wenn Sie über Ihr Blog ein langfristiges Geschäft aufbauen möchten, empfehlen wir dringend, in E-Mail-Newsletter zu investieren. Sie können sich auf E-Mail-Newsletter als Backup von Suchmaschinen verlassen, um Traffic auf Ihr Blog zu bekommen. Wir empfehlen eher Newsletter als Social Media, da Newsletter algorithmenfrei sind .

Laut einem Artikel über Constant Contact beträgt der durchschnittliche ROI (Return of Investment) von E-Mail-Marketing 36 US-Dollar für jeden ausgegebenen US-Dollar. Mit anderen Worten, Sie investieren einen Dollar und erhalten dafür das 36-fache zurück.

E-Mail-Newsletter ist eine der Implementierungen des E-Mail-Marketings.

Bevor Sie einen Newsletter versenden, müssen Sie auf jeden Fall zuerst ein Publikum (E-Mail-Abonnenten) haben. In WordPress gibt es zwei Möglichkeiten, Newsletter zu versenden: die Verwendung eines Plugins und die Verwendung eines Drittanbieterdienstes. Hier sind unsere Empfehlungen zum Versand von Newslettern:

WordPress-Plugins:

  • MailPoet
  • Mailster
  • weMail

Dienste von Drittanbietern:

  • MailerLite
  • ConvertKit
  • Mailchimp

Wenn Sie lieber ein Plugin verwenden, können Sie diesen Artikel lesen, um zu erfahren, wie Sie ein Newsletter-Plugin für WordPress auswählen.

— Integration von Divi in ​​ein E-Mail-Marketing-Tool

Divi Builder wird mit einem Modul namens Email Optin geliefert . Das Modul ist dem Sammeln von E-Mail-Adressen gewidmet, wodurch Sie es mit beliebten E-Mail-Marketing-Plugins und -Diensten verbinden können. Sie können das Modul zu den Seiten oder benutzerdefinierten Vorlagen hinzufügen, die Sie oben erstellt haben.

In diesem Beispiel zeigen wir Ihnen, wie Sie das E-Mail-Optin-Modul mit MailPoet verbinden.

Bevor Sie beginnen, vergewissern Sie sich, dass Sie das MailPoet-Plugin installiert und aktiviert haben. Stellen Sie außerdem sicher, dass Sie ein MailPoet-Konto erstellt haben.

Sobald Sie fertig sind, bearbeiten Sie mit Divi Builder eine Seite oder benutzerdefinierte Vorlage, der Sie das E-Mail-Optin-Modul hinzufügen möchten. Fügen Sie das E-Mail-Optionsmodul zu Ihrer Seite/benutzerdefinierten Vorlage hinzu.

Öffnen Sie nach dem Hinzufügen des Mail-Optin-Moduls das Einstellungsfeld und gehen Sie zum Block E- Mail-Konto auf der Registerkarte Inhalt .

Wählen Sie den E-Mail-Marketing-Dienstleister (MailPoet) aus und klicken Sie auf die Schaltfläche HINZUFÜGEN .

Geben Sie Ihre mit Ihrem MailPoet-Konto verknüpfte E-Mail-Adresse in das Feld Kontoname ein und klicken Sie auf die Schaltfläche SENDEN .

Sobald die Verbindung erfolgreich ist, können Sie eine Liste in Ihrem MailPoet-Konto auswählen.

Hinweis: Wenn Sie feststellen, dass die Formularfelder des E-Mail-Optionsmoduls nicht angezeigt werden, nachdem Sie Ihre Seite oder benutzerdefinierte Vorlage veröffentlicht haben, vergewissern Sie sich, dass Sie Ihr E-Mail-Konto verbunden und eine Liste ausgewählt haben.


Bonus

1. Killer-Tipps für einen erfolgreichen Affiliate-Blog

Jedes Unternehmen braucht eine Strategie, um zu wachsen und erfolgreich zu sein. Ihr Blog ist da keine Ausnahme. Obwohl das regelmäßige Schreiben von Blog-Beiträgen entscheidend – und ein Muss – ist, reicht es nicht aus. Sie müssen die Inhaltsstrategie arrangieren, um den Wettbewerb in Suchmaschinen zu gewinnen. Deshalb haben wir Yoast und Strive vorgeschlagen.

Yoast kann Ihnen dabei helfen, Ihre Blog-Beiträge zu optimieren, um sie SEO-freundlich zu machen, während Strive dafür sorgen kann, dass Sie einen Blog-Beitrag rechtzeitig fertigstellen.

Wenn Sie einen Nischen-Blog wie wir haben, ist es entscheidend, Eckpfeiler-Inhalte zu schreiben. Was ist das?

Einfach ausgedrückt, Cornerstone Content ist der Hauptinhalt Ihres Blogs. Cornerstone-Inhalte sollten sehr gut in einem langen, ausführlichen Format geschrieben sein. Bevor Sie Cornerstone-Inhalte schreiben, können Sie zuerst eine Keyword-Recherche durchführen, indem Sie Tools wie Google Keyword Planner, Ahrefs und andere Tools verwenden, die wir oben erwähnt haben.

Sie können mehrere Cornerstone-Inhalte schreiben. In unserem Blog ist der Artikel, den Sie gerade lesen, selbst Eckpfeiler-Inhalt.

Um Ihrem Cornerstone-Content zu helfen, den Wettbewerb in Suchmaschinen zu gewinnen (erscheint auf der Titelseite der Suchergebnisseite), können Sie die On-Page-SEO maximieren, indem Sie den Link zu Nicht-Cornerstone-Content einfügen. In diesem Blogbeitrag erfahren Sie mehr über Cornerstone-Inhalte.

2. Kostenlose Blogging-Ressourcen

## Grammatik

Grammarly ist eine Schreibhilfe-Software. Sie können es verwenden, um sicherzustellen, dass Ihre Blog-Posts grammatikalisch fehlerfrei sind. Grammarly schlägt Ihnen auch vor, beim Schreiben die richtigen Wörter auszuwählen. Grammarly ist als Webbrowser-Erweiterung für Google Chrome, Safari, Microsoft Edge und Firefox verfügbar.

Wenn Sie Grammarly nicht mögen, ist Microsoft Editor die beste Alternative.

## Unsplash

Unsplash ist eine kostenlose Stockfoto-Website, auf der Sie lizenzfreie Bilder herunterladen können. Auf Unsplash sind über 2 Millionen Bilder verfügbar, die unter der CC0-ähnlichen Lizenz veröffentlicht werden. CC0 ist eine Lizenz, die es Ihnen ermöglicht, ein digitales Asset kostenlos zu nutzen, ohne dem Autor einen Namen zu geben. Wenn Sie ein Bild von Unsplash herunterladen, müssen Sie sich keine Sorgen machen, dass Sie das Urheberrecht einer anderen Person verletzen.

Alternativen zu Unsplash, um lizenzfreie Bilder kostenlos herunterzuladen:

  • Niedrigster ISO-Wert
  • Pixel
  • Pixabay

##GIMP

Bevor Sie ein Bild, das Sie von Unsplash heruntergeladen haben, in Ihrem Blog-Beitrag verwenden, möchten Sie möglicherweise zuerst die Größe ändern, um die Dateigröße zu verringern. GIMP ist ein großartiges Werkzeug dafür. Außerdem können Sie mit GIMP grundlegende Bildbearbeitungen vornehmen, z. B. den Bildton einstellen, bestimmte Teile zensieren usw. GIMP ist eine kostenlose Alternative zu Photoshop. Verfügbar für alle gängigen Desktop-Betriebssysteme. Von macOS, Windows und Linux.

3. Divi-Blogging-Layoutpaket

Wir haben Ihnen in den vorherigen Abschnitten oben gezeigt, wie Sie benutzerdefinierte Vorlagen und die Kernseiten Ihres Blogs erstellen. Falls Sie Inspiration brauchen, geben wir Ihnen hier ein kostenloses Divi-Layoutpaket, mit dem Sie beginnen können. Dieses Layoutpaket – wir nennen es Blogsome – besteht aus den folgenden Seitenlayouts und benutzerdefinierten Vorlagen:

  • Startseite
  • Um
  • Kontaktseite
  • Single-Post-Layout
  • Seitenlayout archivieren
  • Layout der Suchergebnisseite
  • 404-Seitenlayout

Hinweis: Wenn beim Importieren einer Theme Builder-Vorlage ein Problem auftritt, lesen Sie bitte diesen Beitrag.


Das Endergebnis

WordPress ist immer noch die beste Option, um einen geschäftsorientierten Blog zu erstellen. Es gibt viele Monetarisierungsmodelle, die Sie übernehmen können, wenn Ihr Blog wächst – abgesehen vom aktuellen Monetarisierungsmodell. Divi ist ein großartiges Thema, um einen geschäftsorientierten Blog zu erstellen. Es enthält viele nützliche Funktionen, insbesondere einen integrierten Seitenersteller, mit dem Sie die Kernseiten Ihres Blogs ganz einfach erstellen können.

Die Möglichkeit, benutzerdefinierte Vorlagen für Kopfzeilen, Fußzeilen, einzelne Posts usw. zu erstellen, ist ein weiteres bemerkenswertes Merkmal von Divi. Mit dieser Funktion haben Sie die volle Kontrolle über das Design Ihrer Blog-Teile. Sie können die erforderlichen Elemente beliebig platzieren. Mit Anzeigebedingungen können Sie benutzerdefinierte Vorlagen für bestimmte Seiten oder Beiträge erstellen.

Hier sind die nützlichen Funktionen, die Sie von Divi zum Bloggen erhalten:

  • Integrierter Seitenersteller: Ermöglicht es Ihnen, die Kernseiten – sowie benutzerdefinierte Vorlagen – auf visuelle Weise mit einem Drag-and-Drop-Bearbeitungserlebnis zu erstellen
  • Theme Builder: Ermöglicht es Ihnen, benutzerdefinierte Vorlagen für Ihre Blog-Teile zu erstellen. Sie können das gewünschte Element hinzufügen und Ihr eigenes Design verwenden
  • Anzeigebedingungen: Wenn Sie eine bestimmte benutzerdefinierte Vorlage erstellen, können Sie diese auf die gesamte Website, bestimmte Seite(n) oder bestimmte Beiträge anwenden.
  • Integrationen mit E-Mail-Newsletter-Plugins und -Diensten
  • Möglichkeit, einen Blogpost-Editor auszuwählen (Classic Editor oder Gutenberg)
Divi herunterladen

Um mit Divi einen erfolgreichen Blog zu erstellen, müssen Sie eine Strategie festlegen. Angefangen bei der Auswahl der richtigen Nische bis hin zur Gestaltung der Content-Strategie. Wir haben alles oben abgedeckt. Jetzt ist es an der Zeit, dass Sie handeln.

Viel Spaß beim Bloggen und viel Glück!