Was bringt dir ein Bloglayout und wie kannst du das ganz einfach mit DIVI im Theme Builder erstellen?
In diesem Beitrag schauen wir uns die technischen Aspekte an. Wenn du wissen willst, wie du Step by Step beim bloggen vorgehst, habe ich dir unten noch einen Artikel verlinkt.
Eins möchte ich hier doch nochmal erwähnen, wieso jeder Blogbeiträge schreiben sollte.
Jeder googelt. Und was wir beim googeln meist lesen sind Blogbeiträge.
Sie helfen dir beim Erstkontakt mit einem Besucher auf deiner Website
Darum empfehle ich JEDEM zumindest 3-4 GUTE Blogartikel zu schreiben. Solche, die auf einer gründlichen Keywordrecherche aufbauen und ein vorzeigbares Ranking vorweisen. Dazu ist es eben wichtig, Blogartikel richtig zu schreiben.
Du kannst auch Cross-Posting machen, also zB aus einer Podcastfolge einen Blogbeitrag erstellen oder aus einem Youtubevideo und die dazugehörigen Folgen auch noch einbinden.
Der Blog ist eben der Kanal, den du am meisten verwenden kannst und so – im Unterschied zu Social Media und sonstigen Kanälen – mehr Besucher auf deine Website erhältst, was auch dein Ranking in Suchmaschinen positiv beeinflusst.
Wie bei der Website gilt: ein Business, das allein auf Social Media aufgebaut ist, ist keins.
Onlinebusiness-Bundle für 0 €!
Die Basis für leises Marketing in deinem Postfach!
Weil allein das schreiben schon viel Zeit kosten kann, sollte alles, was um den Beitrag rum erscheint, so einfach wie möglich sein und den Blog zum konvertieren bringen! Dafür ist das Bloglayout ideal.
Das Layout ist alles, was über, unter oder neben dem eigentlichen Text erscheint. Sowohl das Beitragsbild, der Titel, die Seitenleiste, die Newsletteranmeldung etc.
Vorteile:
Bevor du startest: du hast schon Blogartikel mit DIVI oder Gutenberg geschrieben? Dann mach unbedingt eine Sicherung aller Inhalte!
Der gewaltige Unterschied zum bloggen mit DIVI ist, dass wir nur noch das Layout mit DIVI im Theme Builder aufbauen! Die Beiträge selbst erstellen wir anschließend im Classic Editor (alternativ Gutenberg, bitte testen!), also in WordPress selbst.
Ich empfehle sogar, das folgende zuerst gründlich auf einer Test-Umgebung zu probieren. Das geht zB mit dem Plugin WP-Staging. Nicht, dass eventuell doch Beiträge gelöscht werden, die Technik halt…
Deine Beiträge in DIVI dürften zwar auch nach Deaktivieren des DIVI Builders für Beiträge noch vorhanden sein, plus das erstellte Layout drumrum. Ich empfehle dir trotzdem, die Beiträge rauszukopieren, zum Standardeditor zu wechseln und sie dort einzufügen. Also im exakt selben Beitrag, denn so bleibt der Permalink erhalten.
Solange du DIVI noch aktiviert hast, kopiere also deine Inhalte raus und wechsel im Beitrag zum Standardeditor. Der Inhalt ist dann weg!
Dann starten wir mit den Basics.
Steuer die DIVI Optionen an und wechsel in den Reiter Builder. Dort deaktivierst du den DIVI Builder für Beiträge. So kommen wir gar nicht mehr erst in Versuchung, den DIVI Builder bei der Beitragerstellung zu aktivieren.
Jetzt wechselst du in den Reiter Fortgeschritten und aktivierst den Classic Editor. Der ersetzt quasi den Gutenberg. Nach meinem Test könntest du wohl auch mit Gutenberg schreiben, ich finde den Classic Editor aber viel angenehmer und übersichtlicher zum bloggen. Wenn du bei Gutenberg bleiben möchtest, teste das bitte auf einer Staging-Seite.
Nachdem du meine Favoriten-Einstellungen vorgenommen hast, können wir mit dem Bloglayout in DIVI loslegen.
Wechsel jetzt unter den DIVI Optionen zum Theme Builder. Dort klickst du in ein leeres Feld, um eine neue Vorlage zu erstellen.
Wähle hier Alle Beiträge aus.
Speichern und dann bearbeite den Body (benutzerdefinierten Körper).
Jetzt öffnet sich eine völlig leere Seite, welche du mit DIVI gestalten kannst.
Dynamische Inhalte sind die, welche du später im Beitrag selbst hinterlegst und die dann an der bestimmten Stelle im Layout erscheinen.
Dazu gehören:
Du kannst das Layout gestalten, wie du willst. Füge an geeigneter Stelle die dynamischen Inhalte ein, die du brauchst.
Für den Inhalt, also deinen tatsächlichen Blogbeitrag, wählst du das Modul Inhalt posten.
Bild, Überschriften und Datum/Autor/Kategorie kannst du im jeweiligen Modul als dynamischen Inhalt auswählen.
Lösche dazu im Modul den jeweiligen Inhalt und klicke auf das kleine Symbol, das erscheint.
Im Textmodul verwende ich immer Post / Archivtitel (die H1), das Post Veröffentlichungsdatum und die Post Kategorie.
Für das Beitragsbild wählst du ein Bildmodul, löschst das graue Vorschaubild und klickst ebenfalls auf den dynamischen Inhalt. Wähle Angezeigtes Bild.
Damit deine Überschrift auch wirklich eine H1 ist, öffne das Modul, wähle die Einstellung und füge das hier ein:
Die H1 wird automatisch aus deinem Beitragstitel in der einzelnen Zeile im Classic Editor generiert. Im Text verwende bitte nur noch die H2, H3 usw.
Um eine schöne Seitenleiste zu gestalten, füge eine Zeile mit 2 Spalten ein.
In die erste Spalte platziere ich das Inhalt posten-Modul.
Die zweite Spalte kannst du frei gestalten. Zum Beispiel farbig hinterlegen, weitere Kategorien oder top Beiträge hinterlegen, ein Infotext über dich, eine Newsletteranmeldung, Affiliatelinks usw.
Damit das gleichmäßig gut aussieht, wechsel ich in der Zeileneinstellung auf Design, Größe und aktiviere Spaltenhöhe ausgleichen.
Für die einzelne (zweite) Spalte stelle ich unter Zwischenraum (in der Spalte, nicht Zeile) einen Rundum-Abstand von ca 15 px ein. Dann klebt dein Text der Seitenleiste nicht am Rand.
Hier könntest du auch die Hintergrundfarbe für diese Spalte ändern.
Unterhalb des Beitrags platziere ich am liebsten das Modul Beitragsnavigation, um zum nächsten Artikel springen zu können.
Weitere Möglichkeiten wären die Kommentarfunktion (lasse ich gerne weg wegen Spam und Datenschutz), ein Kontaktformular (ist bei mir im Footer, der wird im fertigen Beitrag wieder angezeigt) und andere Blogartikel anzeigen zu lassen.
Dazu fügst du das Modul Blog ein, setzte den Beitragszähler auf 3 und wählst unter Design -> Layout die Ansicht Gitter.
Tob dich aus! 🙂
Kleiner Tipp für Seitenleisten:
Ich verwende meine Seitenleiste sowohl auf der Blogseite, den Archivseiten und den Beiträgen. Damit ich Änderungen nicht 3 mal machen muss, sind alle Elemente der Seitenleiste als globale Elemente in der Bibliothek gespeichert. So ändern sich alle, wenn ich eine Änderung vornehme.
Budgetfreundliche Starterwebseiten
Schau dir die fertigen WordPress-Webseiten für Business Starter an!
Die allgemeine Blogseite (bei mir die: nadinschmidt.com/blog/) gestaltest du als ganz normale Seite (nicht Beitrag oder Theme Builder) und fügst auch hier das Modul Blog ein. Hier genügt es, nur die Ansicht optisch anzupassen. Achte darauf, dass unter Elemente die Nummerierung angezeigt wird, so können Besucher auf die nächste Seite deiner Beiträge springen.
Damit auch deine Kategorieseiten schön aussehen, musst du wieder auf den Theme-Builder zurückgreifen (hier meine Kategorieseite: nadinschmidt.com/category/best-of/)
Hier wählst du eine neue Vorlage, statt alle Beiträge jetzt Alle Kategorieseiten und Alle Archivseiten.
Die blanke Seite kannst du ebenfalls frei gestalten. Hübsch ist es, oben wieder ein dynamisches Textmodul einzufügen und Archivtitel als H1 anzeigen zu lassen.
Füge wieder das Modul Blog ein, allerdings wählst du jetzt unter Inhalt bei enthaltene Kategorien aus Aktuelle Kategorie. So werden nur die Artikel dieser Kategorie angezeigt.
Technisch steht dein Blog nun. Ich empfehle dir, den bereits erwähnten Artikel zu lesen: Blogartikel optimieren
Kurzgefasst solltest du vor dem Bloggen das machen
Vermeide
Tools, die dir beim Bloggen helfen
Glückwunsch, du bist jetzt bereit zum Erstellen deiner Beiträge!
Bei Fragen melde dich gerne.
Onlinebusiness-Bundle für 0 €!
Die Basis für leises Marketing in deinem Postfach!
Trag dich für meinen Newsletter ein und du erhältst das Onlinebusiness-Bundle für 0 € in dein Postfach.
Hi, ich bin Nadin und ich verhelfe Soloselbständigen zu ihrer Wohlfühl-sichtbarkeit mit Website und Newslettern.
Am liebsten arbeite ich dafür mit Divi und Active Campaign.
Für leises Onlinemarketing statt Social Media Stress!
Fragen? Schrei(b).
Mein Hosting*
Theme & Pagebuilder: Divi* von ElegantThemes
*Hierbei handelt es sich um einen Affiliate-Link. Wenn du darüber kaufst, erhalte ich eine kleine Provision – du zahlst dafür nicht mehr.
Diese Tools haben sich bei mir über die letzten 3 Jahre bewährt und damit bist du auch in 2024 bestens gerüstet! Mein Motto ist: Keep it simple. Ich halte nichts von zigtausend verschiedenen Tools und Anbietern. Ich hab da so meine Palette an guten Tools, die ich...
Wenn du deinen ersten Kurs online verkaufen möchtest, stehst du vor einer Vielzahl an Möglichkeiten. Du hast die Auswahl zwischen reinen Kursplattformen, reinen Zahlungsanbietern, gemischten Plattformen und selbst erstellten Alternativen. Nun, vorab, es gibt nicht DIE...
Ich liebe Website Relaunches! Wieso? Weils schneller geht und einfacher ist. Was ist ein Website-Relaunch? Ein Relaunch heißt, es ist bereits eine Website da, welche neu aufgesetzt werden soll. Es handelt sich also nicht um die erste Website zu diesem Thema, sondern...
