So entwerfen und erstellen Sie eine WordPress-Homepage

Veröffentlicht: 2022-05-05

Ihre WordPress-Homepage ist wie die Willkommensmatte Ihrer Website. Wenn es jedoch keinen guten ersten Eindruck hinterlässt, entscheiden sich Besucher vielleicht dafür, lieber woanders zu sein.

Glücklicherweise gibt Ihnen WordPress die vollständige Kontrolle über Ihre Homepage. Es gibt viele Möglichkeiten, diese wichtige Seite anzupassen, um sicherzustellen, dass sie effektiv den Ton für Ihre Website angibt.

In diesem Beitrag besprechen wir die WordPress-Homepage und ihre wichtige Rolle für eine erfolgreiche Website. Anschließend stellen wir Ihnen drei verschiedene Möglichkeiten zur Gestaltung einer Fünf-Sterne-Homepage vor. Lass uns anfangen!

Inhaltsverzeichnis
1. Eine Einführung in die WordPress-Homepage (und warum Sie Ihre vielleicht ändern möchten)
2. So legen Sie eine statische Homepage in WordPress fest
3. So entwerfen Sie eine schöne WordPress-Homepage (3 Methoden)
3.1. 1. Verwenden Sie den WordPress-Theme-Customizer
3.2. 2. Bearbeiten Sie Ihre WordPress-Homepage mit dem Block-Editor
3.3. 3. Verwenden Sie ein Page Builder-Plugin
4. So erstellen Sie eine WordPress-Blogbeitragsseite
5. Fazit

Eine Einführung in die WordPress-Homepage (und warum Sie Ihre vielleicht ändern möchten)

Es ist fast unmöglich, die Bedeutung Ihrer Homepage zu überschätzen. Normalerweise ist dies das erste, was Besucher sehen, wenn sie Ihre URL eingeben.

Wenn Ihre Homepage keinen guten ersten Eindruck macht, werden Besucher Ihnen wahrscheinlich keine zweite Chance geben. Diese Aufgabe kann für Ihre Konversionsraten katastrophal sein. Es kann sich auch auf wichtige Metriken auswirken, die Ihr Suchmaschinenranking bestimmen, einschließlich der Verweildauer.

Eine effektive Homepage wird Besucher sofort davon überzeugen, dass sie an der richtigen Stelle sind. Das bedeutet, klar zu kommunizieren, worum es bei Ihrer WordPress-Website geht und welchen Wert sie zu bieten hat.

Standardmäßig zeigen viele WordPress-Themes eine Liste Ihrer neuesten Blog-Beiträge auf der Startseite an. Wenn Sie eine Blog- oder Magazin-Website betreiben, ist dies möglicherweise genau das, wonach Sie suchen. Insbesondere hilft dieses Format den Lesern, Ihre neuesten Inhalte zu finden:

Dieses Layout ist jedoch nicht für alle WordPress-Websites geeignet. Beispielsweise zeigen E-Commerce-Shops möglicherweise lieber ihre beliebtesten Produkte als ihre neuesten Blog-Posts:

Wenn Sie eine Unternehmenswebsite betreiben, möchten Sie möglicherweise Ihre Homepage verwenden, um Ihr Unternehmen vorzustellen und für Ihre Dienstleistungen zu werben. Sie können Ihre Homepage sogar das ganze Jahr über ändern, indem Sie beispielsweise eine spezielle Seite erstellen, um für Ihren bevorstehenden Black Friday-Verkauf zu werben.

Unabhängig von Ihrer Motivation hat WordPress alles, was Sie brauchen, um eine Homepage zu erstellen, die für Sie funktioniert. Dies bedeutet oft, dass die Standardoption durch statischen Inhalt ersetzt wird.

So legen Sie eine statische Homepage in WordPress fest

Wenn Sie Ihre neuesten Blogbeiträge nicht anzeigen möchten, können Sie zu einer statischen Startseite wechseln. Sie können dann alle Ihre Blog-Beiträge auf einer separaten Seite anzeigen, die wir gegen Ende dieses Artikels erstellen werden.

Die Seiten werden nicht in chronologischer Reihenfolge angezeigt und sind so konzipiert, dass sie immergrüne Inhalte anzeigen. Diese Eigenschaften machen sie ideal für Ihre statische Homepage.

Wenn Sie eine neue Seite erstellen möchten, navigieren Sie im WordPress-Dashboard zu Seiten > Neu hinzufügen. Sie können dieser Seite nun einen aussagekräftigen Namen geben, z. B. „Homepage“, und auf Veröffentlichen klicken.

Der nächste Schritt besteht darin, WordPress anzuweisen, dies als Ihre Startseite zu verwenden. Da wir dieser Seite jedoch keine Inhalte hinzugefügt haben, sollten Sie Ihre Website möglicherweise zuerst in den Wartungsmodus versetzen.

Der Wartungsmodus stellt sicher, dass Besuchern kein leerer Bildschirm oder keine Fehlermeldung angezeigt wird, wenn sie versuchen, auf Ihre Website zuzugreifen, während Sie Änderungen vornehmen. Wenn Sie mit Ihren Updates zufrieden sind, können Sie Ihre Website aus dem Wartungsmodus nehmen und Besucher mit Ihrem neuen Design begeistern.

Sie können diesen Modus mit einem Plugin wie dem WP-Wartungsmodus einrichten. Dieses Tool hat auch einige zusätzliche Extras, einschließlich eines Countdowns, um Aufmerksamkeit für den Relaunch Ihrer Website zu erregen:

Um zu einer statischen Startseite zu wechseln, navigieren Sie zu Einstellungen > Lesen . Wählen Sie im Abschnitt Anzeige Ihrer Startseite die Option Eine statische Seite aus:

Sie können nun das Dropdown-Menü verwenden, um die Seite auszuwählen, die wir im vorherigen Schritt erstellt haben. Klicken Sie dann auf Änderungen speichern . Wenn Sie Ihre Homepage besuchen, sollte WordPress jetzt ein leeres Design anstelle Ihrer ursprünglichen Blog-Seite anzeigen.

So entwerfen Sie eine schöne WordPress-Homepage (3 Methoden)

Jetzt, da Sie eine statische Homepage haben, sollten Sie sicherstellen, dass sie den bestmöglichen ersten Eindruck hinterlässt. Vor diesem Hintergrund sind hier drei Möglichkeiten, eine professionell aussehende benutzerdefinierte Homepage zu gestalten!

1. Verwenden Sie den WordPress-Theme-Customizer

Ihr WordPress-Theme bietet wahrscheinlich ein grundlegendes Homepage-Design. Sie können dieses Standardlayout im WordPress Customizer oft einfach bearbeiten.

Navigieren Sie in Ihrem Dashboard zu Aussehen > Anpassen . Dieses Tool bietet eine Live-Vorschau, sodass Sie in Echtzeit genau sehen können, wie Ihre Änderungen für Besucher aussehen werden:

Die Änderungen, die Sie vornehmen können, hängen von Ihrem WordPress-Theme ab. Bei einigen Designs können Sie beispielsweise die Position der Seitenleiste ändern oder sie vollständig entfernen, um ein Layout in voller Breite zu erstellen.

Es lohnt sich, sich die Zeit zu nehmen, die verschiedenen Homepage-Einstellungen zu erkunden, um zu sehen, welche Optionen für Ihr Thema verfügbar sind. Alternativ können Sie auf einen beliebigen Bereich mit einem blauen Stiftsymbol klicken. Dies öffnet die Einstellungen für dieses Bildschirmelement:

Ihre Homepage kann Abschnitte enthalten, die Sie lieber nicht verwenden möchten. In diesem Szenario können Sie ein Element entfernen, indem Sie es im Seitenmenü suchen und auf das zugehörige Symbol mit den drei Punkten klicken, gefolgt von Block entfernen .

2. Bearbeiten Sie Ihre WordPress-Homepage mit dem Block-Editor

Während der WordPress Customizer großartig ist, um einfache Änderungen vorzunehmen, müssen Sie manchmal tiefer graben. Beim Anpassen Ihrer Homepage bietet Ihnen der Blockeditor mehr Optionen.

Öffnen Sie zunächst Ihre statische Homepage im Post-Editor von WordPress. Sie können jetzt Ihre Homepage mit den gleichen Techniken zum Erstellen jeder Seite gestalten.

Der WordPress-Blockeditor hat viele Blöcke, darunter Titelbilder, Galerien, Text und Medien sowie Tabellen. Sie können diese Elemente organisieren, um Ihre gewünschte Homepage-Struktur zu erstellen.

Wenn Sie nach Designinspiration suchen, kann es hilfreich sein, die verfügbaren Blöcke zu durchsuchen. Um die gesamte Bibliothek von WordPress anzuzeigen, klicken Sie auf das schwarze + -Symbol:

Wählen Sie im folgenden Popup Alle durchsuchen aus. Dadurch wird ein Panel gestartet, in dem Sie die verschiedenen Blöcke erkunden können:

Wenn Sie einen Block finden, den Sie auf Ihrer Homepage verwenden möchten, klicken Sie einfach darauf. Abhängig von Ihrer Auswahl können Sie diesem Element möglicherweise Inhalte hinzufügen, z. B. Text oder ein Bild.

Die meisten Blöcke haben auch einzigartige Konfigurationseinstellungen. Um diese Einstellungen anzuzeigen, klicken Sie auf den Block, um ihn auszuwählen. Diese Aktion sollte ein Post/Block -Panel öffnen:

Stellen Sie sicher, dass das Block -Menü ausgewählt ist. Sie können dann die einzigartigen Einstellungen erkunden, die für diesen bestimmten Block verfügbar sind.

An dieser Stelle können Sie weitere Elemente hinzufügen, bis Sie mit Ihrem Homepage-Layout zufrieden sind. Mit einer vollständigen Bibliothek von Blöcken, die Ihnen zur Verfügung stehen, sollten Sie keine Probleme haben, eine schöne und ansprechende Homepage zu erstellen. Bei Bedarf können Sie der WordPress-Bibliothek jedoch jederzeit weitere Blöcke hinzufügen, indem Sie ein Plugin wie Gutenberg Blocks verwenden.

3. Verwenden Sie ein Page Builder-Plugin

Sofort einsatzbereit bietet WordPress alles, was Sie zum Erstellen einer professionell aussehenden Homepage benötigen. Es gibt jedoch auch erweiterte Seitenerstellungs-Plugins, die Sie zu Ihrer WordPress-Installation hinzufügen können.

Die meisten dieser WordPress-Plugins bieten intuitive Drag-and-Drop-Oberflächen zusammen mit vorgefertigten Elementen. Mit diesen Funktionen können Sie möglicherweise innerhalb von Minuten eine attraktive und ansprechende Homepage erstellen.

Es sind verschiedene Seitenerstellungs-Plugins verfügbar. Elementor ist beispielsweise ein benutzerfreundlicher Seitenersteller mit Funktionen, mit denen Sie eine herausragende Homepage entwerfen können. Dazu gehören Bewegungs- und Bildlaufeffekte, Formulare und Flipboxen:

Beaver Builder ist eine weitere beliebte Option. Neben einem Drag-and-Drop-Editor und vorgefertigten Komponenten bietet dieses WordPress-Plugin eine Reihe von Zielseitenvorlagen:

Diese Vorlagen können eine starke Grundlage für Ihre Homepage bilden. Dies macht Beaver Builder zu einer guten Wahl, wenn Sie nur über begrenzte Erfahrung in Webdesign und -entwicklung verfügen. Es kann auch gut passen, wenn Sie in Eile eine Homepage erstellen müssen.

So erstellen Sie eine WordPress-Blog-Beitragsseite

An diesem Punkt haben Sie die Seite mit den Blogbeiträgen durch eine statische Webseite ersetzt. Dies bedeutet, dass Ihre Website derzeit keine Liste Ihrer neuesten Posts enthält. Wenn Sie diesen Inhalt anzeigen möchten, müssen Sie eine separate Seite erstellen.

Navigieren Sie zunächst zu Seiten > Neu hinzufügen . Sie können dieser Seite nun einen Titel geben, z. B. „Blog“, und auf „ Veröffentlichen “ klicken.

Navigieren Sie als Nächstes zu Einstellungen > Lesen . Sie können jetzt das Dropdown-Menü der Beitragsseite öffnen und die Seite auswählen, die Sie gerade erstellt haben:

Während Sie hier sind, möchten Sie vielleicht einige Änderungen an der Anzeige Ihrer Beiträge vornehmen. Es stehen einige verschiedene Einstellungen zur Verfügung.

Zunächst können Sie auswählen, wie viele Beiträge auf jeder Seite angezeigt werden. Wenn Sie viele Beiträge anzeigen, müssen Besucher möglicherweise eine beträchtliche Entfernung scrollen, um das Ende dieser Seite zu erreichen. Dieses Layout kann auch die Seitenladezeiten verlängern, insbesondere wenn Ihre Inhalte große, hochauflösende Beitragsbilder enthalten.

Wenn Sie jedoch eine kleine Anzahl von Beiträgen anzeigen, müssen Besucher möglicherweise mehrere Seiten durchklicken, um den gewünschten Inhalt zu finden. Dies bedeutet, dass das Finden der perfekten Anzahl von Posts ein schwieriger Balanceakt sein kann.

Wenn Sie sich für eine Zahl entschieden haben, geben Sie sie in das Feld Blog-Seiten anzeigen ein. Beachten Sie jedoch, dass alle Posts, die Sie als "sticky" markieren, ebenfalls angezeigt werden:

Sie können auch steuern, wie Ihre Blog-Inhalte auf der Beitragsseite angezeigt werden, indem Sie die folgende Einstellung verwenden: Fügen Sie für jeden Beitrag in einem Feed . Hier können Sie wählen, ob Sie das gesamte Stück oder nur einen Ausschnitt anzeigen möchten:

Wenn Ihre Blogs eher kürzer sind, kann es sinnvoll sein, den gesamten Artikel anzuzeigen. Es empfiehlt sich jedoch, Auszüge für längere Posts anzuzeigen.

Fazit

Das alte Sprichwort sagt: Für den ersten Eindruck gibt es keine zweite Chance. Vor diesem Hintergrund sollte Ihre Homepage Besucher dazu bringen, dort zu bleiben und mehr über Ihre Website zu erfahren.

Lassen Sie uns kurz drei Möglichkeiten zusammenfassen, wie Sie Ihre WordPress-Startseite optimieren können:

  1. Verwenden Sie den WordPress-Theme-Customizer.
  2. Bearbeiten Sie Ihre WordPress-Homepage mit dem Block-Editor.
  3. Verwenden Sie ein Seitenerstellungs-Plugin wie Beaver Builder oder das Elementor-Plugin.

Das perfekte Design Ihrer Homepage ist nur die halbe Miete. Wenn diese Seite langsam geladen wird, entscheiden sich Besucher möglicherweise trotzdem dafür, ihre Zeit lieber woanders zu verbringen. Durch die Partnerschaft mit einem WordPress-Hosting-Anbieter wie WP Engine können Sie sicher sein, dass Ihre gesamte Website mit Spitzenleistung läuft – einschließlich dieser wichtigen Homepage.