Sie möchten wissen, wie Sie das Blog-Layout in WordPress ändern können?
Das Design Ihres Blogs spielt eine wichtige Rolle bei der Verbesserung der Benutzerfreundlichkeit und des Erscheinungsbildes Ihrer Website. Ein gutes Layout gibt Ihren Besuchern das Gefühl, zu Hause zu sein, und ermutigt sie, zu bleiben und sich umzusehen.
In diesem Leitfaden zeigen wir Ihnen, wie Sie das Layout Ihres Blogs in WordPress mit Hilfe der zahlreichen Themes und Plugins ändern können. Außerdem verraten wir Ihnen unsere eigenen Tipps zur Perfektionierung Ihres Blogdesigns.
In diesem Leitfaden:
Was sind Blog-Layouts und warum sind sie wichtig?
Blog-Layouts sind wie der Grundriss Ihrer Website, denn sie bestimmen, wo die einzelnen Inhalte untergebracht werden. Das ist wichtig, denn eine gut geplante Website hilft den Nutzern, das zu finden, was sie brauchen. Außerdem sieht sie gut aus, was die Besucher dazu veranlasst, länger auf Ihrer Website zu verweilen.
Es gibt viele Arten von Blog-Layouts, aus denen Sie wählen können. Einige der beliebtesten Optionen sind:
- Raster-Layout: Dieses Layout zeigt Ihre Beiträge in einem Rasterformat an.
- Listen-Layout: In diesem Layout werden Ihre Blogeinträge nacheinander in einer einzigen Zeile angezeigt.
- Einspaltiges Layout: In diesem Seitenlayout werden Ihre Blogbeiträge in einer einzigen, breiten Spalte dargestellt.
Choosing the right layout depends on the feel you want your blog to have. For example, news blogs covering several topics may find the grid layout best for maximizing space.
Traditionelle Blogger bevorzugen vielleicht das Listenlayout, das Platz für eine Seitenleiste mit Widgets lässt.
Warum sollten Sie das Layout Ihres WordPress-Blogs ändern?
Wenn Sie mit Ihrem aktuellen Blog-Layout unzufrieden sind, können Sie es in WordPress leicht ändern.
Wie wir bereits erwähnt haben, kann eine Änderung des Designs Ihrer Blogseite die Benutzerfreundlichkeit verbessern und die Navigation erleichtern, damit die Besucher länger bleiben. Das ist gut, um die Absprungrate Ihrer Website zu senken, was den Suchmaschinen signalisieren kann, dass Ihr Blog wertvoll ist.
Außerdem mag niemand eine langsame Website. Der Wechsel zu einem anderen Layout kann die Geschwindigkeit Ihres Blogs verbessern, was ein weiterer wichtiger Faktor ist, der Ihre Suchmaschinenplatzierung und SEO verbessern kann.
Lastly, a new layout can keep things fresh. Making changes can give your WordPress website a new look and feel that more closely aligns with your brand.
Vorbereitungen vor dem Wechsel des Blog-Layouts
Bevor wir uns mit dem Leitfaden befassen, müssen wir einige Dinge vorbereiten.
Die erste besteht darin, eine Sicherungskopie Ihrer Website zu erstellen. Die Erstellung einer Sicherungskopie bietet Ihnen ein Sicherheitsnetz. Wenn also etwas schief geht, können Sie auf eine Schaltfläche klicken und Ihre Website in ihrem letzten Zustand wiederherstellen.
Am liebsten tun wir dies mit einem WordPress-Backup-Plugin. Einige der beliebtesten Optionen bieten Funktionen, um regelmäßige Backups zu planen und die Daten als zusätzliche Vorsichtsmaßnahme sogar in der Cloud zu speichern.
Wenn Sie Hilfe benötigen, finden Sie hier eine Anleitung, wie Sie Ihre WordPress-Website sichern können.
Es lohnt sich auch, einen Blick auf Ihr aktuelles WordPress-Theme zu werfen. Welche Einschränkungen hat es, die Sie daran hindern, das gewünschte Blog-Layout zu erhalten? Können Sie es anpassen, oder brauchen Sie ein ganz anderes Theme?
Wenn Sie sich darüber im Klaren sind, was Sie brauchen und was Ihr Thema nicht kann, wird es auf lange Sicht einfacher sein.
Wie man das Blog-Layout mit SeedProd ändert
Eine Methode, die wir häufig empfehlen, um das Layout Ihres Blogs zu ändern, ist die Verwendung eines WordPress Page Builders. Mit diesen Plugins können Sie das Design Ihrer Website verändern, ohne HTML oder CSS programmieren zu müssen.
Unsere erste Wahl dafür ist SeedProd, einer der besten Drag-and-Drop-WordPress-Website-Builder. Es macht die Erstellung von Themes für WordPress und Landing Pages auch ohne Entwickler einfach.
SeedProd verfügt sogar über mehrere Blog-Layout-Optionen, die Sie mit wenigen Klicks anpassen können. Jedes Design, das Sie erstellen, ist schnell, überflüssig und lässt sich mit gängigen WordPress-Plugins und E-Mail-Marketingdiensten integrieren.
Um loszulegen, müssen Sie das SeedProd-Plugin herunterladen und auf Ihrer WordPress-Website installieren.
Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Dokumentation zur Installation des SeedPod Pro Plugins.
Erstellen eines benutzerdefinierten WordPress-Themes
Nachdem Sie SeedProd aktiviert und Ihren Lizenzschlüssel verifiziert haben, können Sie ein individuelles WordPress-Theme erstellen. Dadurch wird Ihr bestehendes Theme durch ein Theme ersetzt, das Sie einfach per Drag-and-Drop anpassen können.
Navigieren Sie dazu in Ihrem WordPress-Dashboard zu SeedProd " Theme Builder und klicken Sie auf die Schaltfläche Theme Template Kits.
Auf dem nächsten Bildschirm sehen Sie eine Bibliothek von 1-Klick-Website-Vorlagen für verschiedene Nischen. Jede Vorlage ist zu 100 % mobilfähig und vollständig anpassbar, sodass Sie ein beliebiges Design wählen und es an Ihre Bedürfnisse anpassen können.
Um ein Thema auszuwählen, bewegen Sie den Mauszeiger über ein Thema und klicken Sie auf das Häkchensymbol. In wenigen Sekunden importiert SeedProd das Site Kit und zeigt die einzelnen Vorlagen in einer Liste an.
Sie können Ihr Thema anpassen, indem Sie diese Vorlagen bearbeiten, einschließlich der Homepage, der Kopfzeile, der Fußzeile und der Archivseiten.
Ausführlichere Schritte finden Sie in unserer Anleitung zur Erstellung eines benutzerdefinierten WordPress-Themes.
Anpassen Ihres Blog-Layouts
Viele Website-Kits von SeedProd verfügen standardmäßig über eine Blog-Seite, die eine Liste Ihrer letzten Blog-Beiträge anzeigt. In anderen Website-Kits wird diese Seite manchmal auch als Archivseite bezeichnet.
Sie können die Blogseite anpassen, indem Sie mit dem Mauszeiger über die Seite in der Vorlagenliste fahren und auf den Link "Design bearbeiten" klicken.
Wenn Sie die Blog-Vorlage öffnen, sehen Sie das Design aus der Site-Kit-Demo. Daneben sehen Sie eine Live-Vorschau des Beitragslayouts auf der linken Seite sowie Blöcke und Einstellungen auf der rechten Seite.
Die Beiträge auf dieser Seite werden mit dem Block Beiträge angezeigt. Wenn Sie ihn im Page Builder auswählen, öffnet sich ein Einstellungsfenster in der linken Seitenleiste.
Hier können Sie festlegen, wie Ihre Beiträge angezeigt werden. Sie können zum Beispiel Inhalte nach Beitragstyp, Kategorie, Tag oder Autor anzeigen und Beiträge nach Datum, Titel und mehr ordnen. Sie können sogar das angezeigte Bild ein- oder ausblenden und seine Höhe ändern.
Weiter unten im Einstellungsbereich finden Sie einen Abschnitt "Layout". Hier können Sie zwischen 4 Blog-Skins wählen: Klassisch, Karte, Kreativ und Minimal.
Darunter befindet sich ein Dropdown-Menü, mit dem Sie das Beitragslayout ändern können. Zu den Optionen, die Sie wählen können, gehören Raster, Mauerwerk und Karussell.
Klicken Sie anschließend auf die Registerkarte "Erweitert" für den Beitragsblock. In diesem Bereich sehen Sie weitere Anpassungsoptionen für Schriftarten, Abstände, Hintergrundfarben, Rahmen und das Styling der Abzeichentaxonomie.
Wenn Sie mit Ihrem neuen Blog-Layout zufrieden sind, klicken Sie auf "Speichern" und "Veröffentlichen".
Sie müssen auch zu SeedProd " Theme Builder zurückkehren und Ihr WordPress-Theme aktivieren, indem Sie auf den Schalter "SeedProd-Theme aktivieren" klicken.
Jetzt können Sie Ihre Blogseite besuchen und das neue Layout in Aktion sehen.
Alternative Methoden zum Ändern des Blog-Layouts
Wir verstehen sehr gut, dass die Verwendung eines Page Builders nicht für jeden die beste Lösung ist. Deshalb stellen wir Ihnen im Folgenden einige weitere Möglichkeiten vor, wie Sie das Layout Ihres Blogs in WordPress ändern können.
Ändern Sie Ihr WordPress-Theme
Eine weitere Möglichkeit, das Layout Ihres Blogs zu ändern, besteht darin, Ihr WordPress-Theme komplett zu wechseln. Da Themes das Farbschema, die Typografie und die Gesamtstruktur Ihrer Website bestimmen, kann der Wechsel zu einem neuen Theme das Layout und das Styling Ihres Blogs verändern.
Sie können ein neues Theme finden, indem Sie das WordPress-Theme-Verzeichnis durchsuchen oder eines von einem renommierten Theme-Entwickler auswählen. Einige unserer besten Themes finden Sie in unserer Zusammenstellung der besten WordPress-Themes.
Wenn Sie ein Theme mit einem Blog-Layout gefunden haben, das Ihnen gefällt, können Sie es ganz einfach installieren. Navigieren Sie in Ihrem WordPress-Dashboard einfach zu Darstellung " Themes und klicken Sie auf die Schaltfläche Neues Theme hinzufügen.
Klicken Sie dort auf die Schaltfläche " Thema hochladen " und wählen Sie die Zip-Datei Ihres Themas von Ihrem Computer aus. Klicken Sie dann auf die Schaltfläche "Jetzt installieren" und dann auf "Aktivieren".
In diesem Beispiel verwenden wir das WordPress-Theme Astra, weil es mehrere einfache Einstellungen zur Änderung des Blog-Layouts bietet.
Um sie zu finden, gehen Sie in Ihrem Dashboard auf Darstellung " Einstellungen, was den WordPress-Theme-Customizer öffnet.
Klicken Sie als Nächstes auf die Überschrift "Blog" und wählen Sie dann die Registerkarte "Blog/Archiv". Hier sehen Sie mehrere Optionen, darunter Anpassungen für den Blog-Container und das Layout der Seitenleiste.
Wenn Sie weiter nach unten scrollen, können Sie zwischen 4 verschiedenen Blog-Layout-Einstellungen wählen, darunter Klassisch, Raster, Liste und Cover.
Wählen Sie eine Option, die Ihren Layoutanforderungen entspricht, und klicken Sie dann auf die Schaltfläche Veröffentlichen, um Ihre Änderungen zu speichern.
Dann können Sie Ihre Website besuchen, um Ihr neues Blog-Layout zu sehen.
Verwenden Sie den WordPress Full Site Editor
Wenn Sie ein blockbasiertes WordPress-Theme verwenden, finden Sie es vielleicht einfacher, den WordPress Full Site Editor (FSE) zu verwenden, um das Layout Ihres Blogs anzupassen. Der FSE ist ein visueller Editor, der den WordPress-Block-Editor (Gutenberg) für das Design Ihrer Website verwendet und Ihnen die Möglichkeit gibt, die Seiten selbst anzupassen.
Sie können praktisch jede Seite bearbeiten, einschließlich Ihrer Titelseite, Kopf- und Fußzeilen und natürlich Ihrer Blogseite.
Rufen Sie dazu in Ihrem WordPress-Dashboard den Bildschirm Erscheinungsbild " Editor auf und klicken Sie in der linken Seitenleiste auf "Seiten".
Klicken Sie dann auf die Seitenoption "Blog" und rechts auf "Vorschau", um Ihre Seite anzupassen und ihr Layout zu ändern.
Nun können Sie auf das Plus-Symbol (+) klicken, um der Seite Blöcke hinzuzufügen, z. B. den Block "Beitragsliste". Sie können auch Farben und Schriftarten auf der Seite ändern, indem Sie in der linken Seitenleiste auf das Symbol "Stile" klicken.
Wenn Ihr Layout fertig ist, klicken Sie auf die Schaltfläche Speichern, um die Änderungen sofort zu speichern. Besuchen Sie dann Ihr Blog-Layout, um zu sehen, wie es aussieht.
Design-Tipps für ein effektives Blog-Layout
Nun, da Sie wissen, wie Sie das Blog-Layout in WordPress ändern können, lassen Sie uns zu einigen wichtigen Tipps für das Design übergehen.
Visuelle Hierarchie ist der Schlüssel
Bei der visuellen Hierarchie geht es darum, die Elemente so anzuordnen, dass das Auge des Besuchers zuerst auf die wichtigsten Teile gelenkt wird. Es gibt viele Möglichkeiten, dies zu erreichen. Sie können zum Beispiel mit der Größe, der Farbe und der Position der verschiedenen Elemente spielen.
Dieses Blog-Layout-Beispiel von WPBeginner lenkt den Blick auf eines der wichtigsten Elemente: das Opt-in-Formular. Indem es oben in kräftigen, ansprechenden Farben platziert ist, werden die Nutzer zuerst darauf aufmerksam gemacht, bevor sie etwas anderes sehen.
In Lesbarkeit investieren
Der Inhalt ist ein wesentlicher Bestandteil Ihres Blogs, weshalb die Lesbarkeit nicht verhandelbar ist. Wählen Sie Schriftarten, die gut lesbar sind, und achten Sie darauf, dass sie mit der Hintergrundfarbe kontrastieren. Wenn der Text schwer zu lesen ist, kann er die Leute abschrecken.
Uns gefällt die Wahl der Schriftart auf der Blog-Seite von AIOSEO. Die Schriftgröße und die Abstände sind leicht zu lesen, ohne dass man schielen muss.
Navigation priorisieren
Eine einfache und klare Navigation macht Ihren Blog benutzerfreundlich. Helfen Sie Ihren Lesern, das zu finden, was sie brauchen, ohne lange nachzudenken. Beseitigen Sie unnötigen Ballast und platzieren Sie die wichtigsten Funktionen an prominenter Stelle.
Das Blog-Layout von Smash Balloon ist ein gutes Beispiel für eine klare Navigation. Neben einem Abschnitt in voller Breite für den neuesten Blog-Beitrag gibt es eine übersichtliche Navigationsleiste, über die die Nutzer die Produkte, Funktionen, Preise und den Support erkunden können.
Vergessen Sie die mobilen Benutzer nicht
Das mobile Surfen hat die Desktop-Nutzung überholt, daher ist ein mobiles responsives Design ein Muss. Denken Sie bei der Gestaltung Ihres Blog-Layouts daran, wie es auf kleineren Bildschirmen dargestellt wird. Behalten Sie die Erfahrung Ihrer mobilen Besucher im Auge, um sicherzustellen, dass sie reibungslos und angenehm ist.
Duplicator hat eine hervorragende Arbeit geleistet, um seinen Blog mobilfreundlich zu gestalten. Egal, ob Sie ein Smartphone, ein Tablet, einen Laptop oder einen Desktop-Computer verwenden, Sie können alle Bereiche ohne Probleme durchsuchen.
Starten Sie mit einem neuen Blog-Layout
Wir hoffen, dass dieser Leitfaden Ihnen geholfen hat zu lernen, wie Sie das Blog-Layout in WordPress ändern können. Wählen Sie eine Methode, die für Sie geeignet ist, um die Benutzerfreundlichkeit, das Engagement und die Geschwindigkeit Ihres Blogs auf einfache Weise zu verbessern.
Vielleicht interessieren Sie sich auch für die folgenden Tipps und Anleitungen für weitere Blog-Tipps:
- Stunning Blog Layout Examples to Revamp Your Site
- 23 beste WordPress Blog Plugins für einfaches Blog Management
- 8 Blog Landing Page Beispiele + wie man eine erstellt
- Wie Sie Ihren Blog wie eine Website gestalten (11 Expertentipps)
- Wie Sie Ihr Blog promoten (Anleitung für Anfänger)
- Die 9 besten Blogging-Plattformen (Vor- und Nachteile)
Vielen Dank fürs Lesen! Wir würden uns freuen, Ihre Meinung zu hören. Bitte hinterlassen Sie einen Kommentar mit Ihren Fragen und Ihrem Feedback.
Sie können uns auch auf YouTube, X (früher Twitter) und Facebook folgen, um weitere hilfreiche Inhalte für Ihr Unternehmen zu erhalten.
