loader image

Radiboxes Server machen WordPress Websites bis zu 4x schneller - ohne zusätzliche Optimierung. Raidboxes migriert deine Website und du kannst selbst vergleichen. Wenn du zufrieden bist, wähle einfach das passende Paket in deren Preistabelle.

4.97

Sehr gut

trustedshops.de

Autor

duckducknews

Wie man eine benutzerdefinierte Startseite in WordPress erstellt

Oft werden wir von Anwendern gefragt, ob es möglich ist, eine eigene Homepage in WordPress zu erstellen.

Standardmäßig zeigt WordPress Ihre Blog-Beiträge auf der Homepage an. Als geschäftliche Website möchten Sie jedoch vielleicht eine ansprechendere Homepage erstellen, die den Nutzern hilft, das zu finden, was sie brauchen, und die Ihre Verkaufskonversion steigert.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach eine benutzerdefinierte Homepage in WordPress erstellen können. Wir werden mehrere Methoden zeigen, und Sie können diejenige auswählen, die für Sie einfacher ist.

Creating a custom homepage in WordPress

Was ist eine Homepage?

Eine Homepage ist eine Standard-Einstiegsseite oder die Startseite einer Website. Es ist die Seite, die erscheint, wenn jemand den Domainnamen Ihrer Website in die Adressleiste seines Browsers eingibt.

Homepage example

Der Hauptzweck der Homepage ist es, Benutzern Ihre Website oder Ihr Unternehmen vorzustellen. Idealerweise sollte sie den Nutzern wesentliche Informationen über Ihr Unternehmen bieten, damit sie mit der Erkundung anderer Seiten auf Ihrer Website fortfahren können.

Standardmäßig zeigt WordPress Ihre letzten Blogbeiträge auf der Homepage an. Dies ist nicht gut, da es nur ein paar Ihrer aktuellen Artikel zeigt.

Wenn Sie eine geschäftliche Website betreiben, dann informiert die Standard-Startseite die Benutzer nicht über Ihr Unternehmen, Ihre Produkte oder Dienstleistungen. Sie bietet den Benutzern auch keine Möglichkeit, Sie zu kontaktieren.

Die gute Nachricht ist, dass WordPress bereits über eine eingebaute Funktion zum Erstellen einer benutzerdefinierten Homepage verfügt.

Auswählen einer benutzerdefinierten Seite für die Verwendung als Homepage in WordPress

Mit WordPress können Sie ganz einfach eine beliebige Seite auf Ihrer Website als Homepage verwenden. Sie können einfach zu Seiten “ Neue Seite hinzufügen im WordPress-Adminbereich gehen, um eine neue Seite zu erstellen.

Geben wir dieser Seite einen Titel „Home“ und veröffentlichen sie. Sie werden diese Seite als Ihre benutzerdefinierte Homepage verwenden.

Machen Sie sich im Moment noch keine Gedanken über Layout oder Design. Wir werden Ihnen später in diesem Artikel zeigen, wie Sie Ihre Homepage gestalten können.

Wenn Sie nun einen Blog auf Ihrer Site betreiben möchten, müssen Sie eine separate Blog-Seite erstellen, um Ihre Beiträge anzuzeigen.

Gehen Sie wieder zu Seiten “ Neue Seite hinzufügen und erstellen Sie eine Seite mit dem Titel „Blog“. Fahren Sie fort und veröffentlichen Sie die leere Seite.

Nachdem Sie die Seiten erstellt haben, müssen Sie in Ihrem WordPress-Admin die Seite Einstellungen “ Lesen aufrufen. Wählen Sie hier die Option „Eine statische Seite“ im Abschnitt „Ihre Homepage wird angezeigt“.

Select home and blog pages

Als Nächstes müssen Sie die Homepage und die Blog-Seiten auswählen, die Sie zuvor erstellt haben.

Vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Einstellungen zu speichern.

Nachdem Sie nun eine Seite eingerichtet haben, die als benutzerdefinierte Homepage verwendet werden soll, können Sie nun mit der Gestaltung der benutzerdefinierten Homepage für Ihre WordPress-Site beginnen.

Methode 1. Erstellen einer benutzerdefinierten Homepage in WordPress mit Gutenberg

WordPress hat im Dezember 2018 einen neuen blockbasierten Editor namens Gutenberg eingeführt. Dieser neue Editor ermöglicht es Benutzern, nicht nur Inhalte zu schreiben, sondern auch schöne Layouts zu erstellen.

Er verwendet Blöcke für jedes Inhaltselement, was Ihnen ermöglicht, Inhaltsblöcke zu organisieren, um eine Seitenstruktur zu erstellen, die Ihnen gefällt.

WordPress enthält Blöcke, die für Designzwecke wie Titelbilder, Spalten, Tabellen, Text und Medien, Galerien und mehr verwendet werden können.

Editing your custom homepage layout using Gutenberg

Jeder Block verfügt über eigene Einstellungen, mit denen Sie sein Aussehen an Ihre Gestaltungswünsche anpassen können.

Sie können die verfügbaren Blöcke mit Gutenberg-Block-Plugins erweitern, um weitere Blöcke zu Ihrem Arsenal hinzuzufügen. Mit diesen Plugins können Sie erweiterte Elemente wie Testimonials, Schieberegler, Services und andere gängige Designfunktionen verwenden.

Using advanced block library plugins to make homepage layout

Sie können auch Gutenberg-fähige WordPress-Themes verwenden, die Ihnen mehr Flexibilität bei der Arbeit mit Blöcken bieten.

Wir empfehlen die Verwendung von Astra. Es wird mit Gutenberg-Website-Vorlagen geliefert, die Sie mit ihrem Astra Starter Sites Plugin installieren können.

Sobald Sie eine Vorlage importiert haben, können Sie sie mit dem Standard-WordPress-Editor bearbeiten und eine sehr professionell aussehende Homepage für Ihre Website erstellen.

Methode 2. Erstellen Sie eine benutzerdefinierte Homepage in WordPress mit Page Builders

Diese Methode ist sehr einfach und erfordert keine Programmier- oder Designkenntnisse. Für diese Methode verwenden Sie ein WordPress-Seitenerstellungs-Plugin.

Mit einem Page-Builder-Plugin können Sie ganz einfach benutzerdefinierte Seitenlayouts erstellen, indem Sie eine einfache Drag-and-Drop-Oberfläche verwenden.

Wir empfehlen die Verwendung von Beaver Builder, da es das einsteigerfreundlichste Plugin für die Seitenerstellung auf dem Markt ist. Es wird mit Dutzenden von benutzerdefinierten Homepage-Vorlagen geliefert, die Sie mit einem einzigen Klick installieren können.

Einmal installiert, können Sie die Vorlage mit Point-and-Click-Tools bearbeiten. Sie können Inhalte und Bilder durch Ihre eigenen Inhalte ersetzen und die Vorlage sogar erweitern, indem Sie weitere Module, Widgets und Abschnitte hinzufügen.

Creating a custom homepage using Beaver Builder

MitBeaver Builder haben Sie auch Zugriff auf Beaver Themer, mit dem Sie Ihr eigenes benutzerdefiniertes WordPress-Theme erstellen können, ohne Code schreiben zu müssen.

Weitere Details finden Sie in unserer Anleitung, wie Sie mit Beaver Builder ganz einfach benutzerdefinierte WordPress-Layouts erstellen können.

Als Alternative können Sie auch Elementor ausprobieren. Es ist auch ein immens beliebtes WordPress Page Builder Plugin. Es kommt auch mit Drag-and-Drop-Vorlagen und einer einfach zu bedienenden Oberfläche.

Creating a homepage layout using Elementor

Details finden Sie in unserem Tutorial zum Erstellen von benutzerdefinierten Seitenlayouts mit Elementor.

Methode 3. Manuelles Erstellen einer benutzerdefinierten Homepage in WordPress (Kodierung erforderlich)

Diese Methode ist für Anfänger nicht zu empfehlen, da sie Kodierung erfordert. Sie müssen mit den WordPress-Codierungspraktiken, PHP, HTML und CSS vertraut sein, um diese Methode anzuwenden.

Schauen wir uns an, wie das funktioniert.

Ihr WordPress-Theme setzt sich aus verschiedenen Dateien zusammen. Einige dieser Dateien werden Templates genannt und steuern die Darstellung bestimmter Bereiche Ihrer Website. In unserem Spickzettel zur WordPress-Vorlagenhierarchie finden Sie weitere Details.

Eine dieser Vorlagen heißt front-page.php. Wenn Ihr Theme über diese Vorlage verfügt, verwendet WordPress sie automatisch, um Ihre benutzerdefinierte Homepage anzuzeigen.

front-page.php template

Wenn Ihr Theme sie jedoch nicht hat, dann können Sie eine für sich selbst erstellen/

Erstellen Sie einfach eine leere Datei und speichern Sie sie als front-page.php. Danach müssen Sie sie per FTP in den Ordner Ihres aktuellen Themes auf Ihrem WordPress-Hosting-Konto hochladen.

Sobald Sie diese Datei hochgeladen haben, wird WordPress sie zur Anzeige Ihrer Homepage verwenden. Da diese Datei jedoch völlig leer ist, werden Sie eine leere weiße Seite sehen.

Um dies zu beheben, können Sie beginnen, Ihren HTML-Code hinzuzufügen, um die Inhalte Ihrer benutzerdefinierten Homepage anzuzeigen. Eine einfachere Methode ist es, den vorhandenen Code und die Vorlagen in Ihrem WordPress-Theme zu verwenden.

Zum Beispiel können Sie den gleichen Header und Footer verwenden. WordPress macht es super einfach, diese Vorlagen einzubinden.

Hier ist ein Beispielcode, bei dem wir den Inhalt und die Seitenleisten entfernt haben, während wir die Kopf- und Navigationsvorlagen aus dem Theme beibehalten haben.

<!--?php /* 
Diese Seite wird verwendet, um die statische Startseite anzuzeigen 
*/ 

// Kopfzeilenvorlage des Themas holen
get_header(); ?-->

<div id="primär" 
>

Ihr benutzerdefinierter Homepage-Code kommt hier hin





//Abrufen der Theme-Fußzeilenvorlage 

Tipps zur Erstellung einer effektiven benutzerdefinierten Homepage in WordPress

Die Homepage Ihrer Website ist die wichtigste Seite auf Ihrer Website. Benutzer sehen sie an, um mehr über Ihr Unternehmen, Ihre Produkte und Dienstleistungen zu erfahren.

Wir empfehlen, das Design Ihrer Homepage so einfach wie möglich zu halten. Auf unseren eigenen Websites haben wir festgestellt, dass unsere Benutzer einfachere Layouts hilfreicher finden.

Versuchen Sie, Unordnung zu vermeiden, aber verstecken Sie nicht wichtige Informationen, die Ihre Benutzer auf der Homepage sehen möchten. Sie müssen auch Prioritäten setzen, welche Inhalte in Ihrem Layout zuerst erscheinen.

Schreiben Sie die Ziele auf, die Sie erreichen wollen, bevor Sie eine individuelle Homepage für Ihre Website erstellen. Diese Übung wird Ihnen helfen, ein klares Designziel zu finden.

Für die meisten Unternehmen und Blogs ist das oberste Ziel, Website-Besucher in Kunden zu verwandeln. Um dies zu erreichen, benötigen Sie OptinMonster.

Es ist das beste WordPress-Popup-Plugin und die beste Lead-Generierungssoftware. Es hilft Ihnen, Website-Besucher in Abonnenten und zahlende Kunden zu konvertieren.

Als nächstes möchten Sie verfolgen, wie Ihre benutzerdefinierte Homepage funktioniert. Hierfür müssen Sie Google Analytics auf Ihrer Website installieren. Es hilft Ihnen zu sehen, woher Ihre Nutzer kommen und was sie auf Ihrer Website tun.

Sie möchten es Ihren Nutzern auch leichter machen, Sie zu kontaktieren. Hierfür benötigen Sie das WPForms-Plugin, das beste WordPress-Formular-Plugin auf dem Markt.

Sie können auch eine „Click to Call“-Schaltfläche auf Ihrer Website hinzufügen, damit die Leute einfach Ihr Geschäftstelefon anrufen können.

Zu guter Letzt empfehlen wir Ihnen, sich bei Ihren Konkurrenten und anderen beliebten Websites in Ihrer Branche/Nische umzusehen. Wir bitten Sie nicht, deren Design zu kopieren, sondern von deren Best Practices zu lernen und diese dann auf Ihr eigenes Homepage-Layout anzuwenden.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, auf einfache Weise eine benutzerdefinierte Homepage in WordPress zu erstellen. .

Die beliebtesten Beiträge

Wie man den ungültigen JSON-Fehler in WordPress behebt (Anleitung für Anfänger)

Versuchen Sie, den ungültigen JSON-Fehler in WordPress zu beheben? Dieser Fehler tritt auf, wenn Sie WordPress-Beiträge oder -Seiten auf Ihrer Website bearbeiten. Sie erhalten die Meldung "Die Antwort ist keine gültige JSON-Antwort" und die Aktualisierung der Seite schlägt fehl. In diesem Artikel zeigen wir Ihnen, wie Sie den ungültigen JSON-Fehler ...

So beheben Sie den Fehler „Verbindung ist nicht privat“ (Anleitung für Website-Besitzer)

Sehen Sie die Fehlermeldung "Ihre Verbindung ist nicht privat" auf Ihrer WordPress-Website? Dies ist die Fehlermeldung, die Sie in Google Chrome sehen. Der gleiche Fehler wird auf allen modernen Browsern mit leicht unterschiedlichen Meldungen angezeigt und kann für Anfänger bei der Fehlerbehebung etwas verwirrend sein. In dieser Anleitung für Website-Besitzer ...

Wie man eine Seite in voller Breite in WordPress erstellt (Anleitung für Anfänger)

Möchten Sie eine Seite in voller Breite in WordPress erstellen, so dass Sie Ihren Inhalt über den Bildschirm strecken können? Die meisten WordPress-Themes verfügen bereits über eine integrierte Vorlage für eine Seite in voller Breite, die Sie verwenden können. Wenn Ihr Theme jedoch keine hat, dann ist es einfach, sie ...
DSGVO Cookie-Einwilligung mit Real Cookie Banner