Wie man eine benutzerdefinierte Startseite in WordPress erstellt (3 Methoden)

Möchten Sie eine eigene Homepage in WordPress erstellen?

Standardmäßig zeigt WordPress Ihre neuesten Blogbeiträge auf der Startseite an. Dieses Design hinterlässt jedoch nicht den besten Eindruck. Deshalb ist es ratsam, eine benutzerdefinierte Homepage zu erstellen, die die beliebtesten Inhalte, Produkte, Dienstleistungen und mehr hervorhebt.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach eine benutzerdefinierte Homepage in WordPress erstellen können.

Was ist eine Homepage?

Eine Homepage ist die erste Seite, die Besucher sehen, wenn sie Ihren Domainnamen eingeben. Für viele Menschen ist diese Homepage der Einstieg in Ihr Unternehmen, Ihren Blog oder Ihre Website.

Eine gute Homepage macht den Besuchern Lust, mehr über Ihre Website zu erfahren. Sie bietet auch einen einfachen Zugang zu den Links, Suchleisten und Menüs, die den Besuchern helfen, interessante Inhalte zu finden.

Die Standard-Startseite in WordPress zeigt Ihre neuesten Blogbeiträge, was für persönliche Blogs oder Hobby-Blogger gut geeignet sein kann.

Wenn Sie jedoch ein Unternehmen mit Ihrer WordPress-Website betreiben, möchten Sie vielleicht stattdessen eine benutzerdefinierte Homepage erstellen, um Ihre Produkte und Dienstleistungen hervorzuheben.

Die gute Nachricht ist, dass WordPress es einfach macht, eine benutzerdefinierte Seite als Startseite anzuzeigen, anstatt die Standardliste der letzten Beiträge.

Wie man eine benutzerdefinierte Seite als WordPress-Startseite einrichtet

In diesem Leitfaden zeigen wir Ihnen verschiedene Möglichkeiten, wie Sie eine benutzerdefinierte Homepage erstellen können. Unabhängig davon, welche Methode Sie verwenden, müssen Sie Ihre WordPress-Einstellungen nach der Erstellung der statischen Homepage ändern.

Gehen Sie dazu einfach im WordPress-Dashboard auf Einstellungen “ Lesen.

Blättern Sie hier zu „Ihre Homepage-Einstellungen“ und wählen Sie „Eine statische Seite“.

Sie können nun die Dropdown-Liste „Homepage“ öffnen und die Seite auswählen, die Sie als neue Homepage verwenden möchten.

Blättern Sie dann einfach zum unteren Ende des Bildschirms und klicken Sie auf „Änderungen speichern“. Sie können nun Ihre Website besuchen, um die neue benutzerdefinierte Homepage live zu sehen.

Wenn Sie einen Blog haben, sollten Sie eine eigene Blogseite für Ihre Beiträge einrichten. Andernfalls wird es für die Besucher schwierig, Ihre neuesten Blogs zu finden.

Sehen wir uns also an, wie Sie eine benutzerdefinierte Homepage in WordPress gestalten können. Verwenden Sie einfach die unten stehenden Links, um direkt zu der gewünschten Methode zu gelangen:

Video-Anleitung

Wenn Sie eine schriftliche Anleitung bevorzugen, dann lesen Sie einfach weiter.

Methode 1: Erstellen einer benutzerdefinierten Homepage-Vorlage mit dem Block-Editor (kein Plugin erforderlich)

Wenn Sie ein Block-Theme verwenden, können Sie mit dem vollständigen Site-Editor eine benutzerdefinierte Homepage-Vorlage erstellen.

Diese Methode funktioniert nicht mit jedem Theme. Wenn Sie also kein blockbasiertes WordPress-Theme verwenden, müssen Sie eine der anderen in diesem Leitfaden beschriebenen Methoden anwenden.

Weitere Informationen zur Verwendung des vollständigen Website-Editors finden Sie in unserem Leitfaden für Einsteiger zur vollständigen Bearbeitung von WordPress-Websites.

Erstellen Sie zunächst eine neue Seite oder öffnen Sie eine bestehende Seite, die Sie als Startseite verwenden möchten. Klicken Sie im rechten Menü auf die Registerkarte „Seite“ und dann auf den Link, der neben „Vorlage“ erscheint.

Der genaue Linktext kann je nach der von Ihnen verwendeten Vorlage variieren.

Es erscheint nun ein Popup mit Ihrer aktuellen Vorlage.

Klicken Sie einfach auf das Symbol „Neue Vorlage“.

Geben Sie in dem Popup-Fenster einen Namen für Ihre Vorlage ein. Der Name dient nur als Referenz, Sie können also jeden beliebigen Namen verwenden.

Klicken Sie anschließend auf „Erstellen“, um den vollständigen Site-Editor zu starten.

Der Vorlageneditor funktioniert ähnlich wie der Standard-WordPress-Blockeditor.

Um Blöcke zu Ihrer benutzerdefinierten Homepage hinzuzufügen, klicken Sie einfach auf die blaue Schaltfläche „+“. Sie können dann jeden Block per Drag & Drop auf Ihr Layout ziehen.

Da es sich um eine benutzerdefinierte Homepage handelt, sollten Sie zunächst ein großes Hauptbild hinzufügen, z. B. das Logo oder Banner Ihrer Website.

Suchen Sie dazu einfach den Bildblock im linken Menü und fügen Sie ihn per Drag & Drop zu Ihrem Layout hinzu.

Sie können nun entweder ein Bild aus der WordPress-Mediathek auswählen oder eine neue Datei von Ihrem Computer hochladen.

Um mehr Engagement zu erreichen, können Sie die neuesten Kommentare auf Ihrer Homepage anzeigen, indem Sie einen Block „Neueste Kommentare“ hinzufügen.

Weitere Informationen finden Sie in unserer Anleitung zur Anzeige von Kommentaren auf der Startseite Ihres WordPress-Themes.

Eine gute Homepage hilft Besuchern, interessante Inhalte zu finden. Aus diesem Grund ist es eine gute Idee, einen Navigationsblock zu Ihrer benutzerdefinierten Homepage hinzuzufügen.

Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Hinzufügen benutzerdefinierter Navigationsmenüs in WordPress-Themes.

Nachdem Sie einen Block hinzugefügt haben, müssen Sie ihn durch Anklicken in Ihrem Layout auswählen. Anschließend können Sie den Block mit den Einstellungen im rechten Menü und den Schaltflächen in der Minisymbolleiste konfigurieren.

Um Ihre eigene Homepage zu erstellen, fügen Sie einfach weitere Blöcke hinzu und konfigurieren Sie sie dann mit den vollständigen Einstellungen des Website-Editors.

Sie können zum Beispiel Blöcke wie Neueste Beiträge, Suche, soziale Symbole, Tag Cloud und mehr hinzufügen.

Wenn Sie mit dem Aussehen der Vorlage zufrieden sind, klicken Sie auf die Schaltfläche „Veröffentlichen“.

Die Seite, die Sie zuvor erstellt haben, verwendet nun die neue Homepage-Vorlage. Sie können nun WordPress anweisen, diese Seite als Ihre Homepage zu verwenden, indem Sie den oben beschriebenen Prozess durchführen.

Methode 2: Erstellen einer benutzerdefinierten Homepage in WordPress mithilfe eines Page Builders (empfohlen)

Mit dem blockbasierten Editor von WordPress können Sie eine benutzerdefinierte Homepage mit den Tools erstellen, mit denen Sie bereits vertraut sind. Allerdings funktioniert er nicht mit allen Themes und ist in Bezug auf Flexibilität und Funktionen eingeschränkt.

Außerdem ist der WordPress-Theme-Customizer, den es auch für Nicht-Block-Theme-Nutzer gibt, nicht die benutzerfreundlichste Option, da er keine Drag-and-Drop-Funktion bietet.

Wenn Sie eine vollständig benutzerdefinierte Homepage erstellen möchten, die mit jedem WordPress-Theme funktioniert, benötigen Sie ein Seitenerstellungs-Plugin.

Für diese Methode werden wir SeedProd verwenden. Es ist das beste Seitenerstellungs-Plugin auf dem Markt und ermöglicht es Ihnen, eine benutzerdefinierte Homepage mit einem einfachen Drag-and-Drop-Editor zu erstellen.

Außerdem enthält es über 300 professionell gestaltete Vorlagen und vorgefertigte Blöcke, die Sie auf Ihrer Homepage verwenden können.

Als Erstes müssen Sie das SeedProd-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Bei der Aktivierung müssen Sie Ihren Lizenzschlüssel eingeben.

Sie können diese Informationen in Ihrem Konto auf der SeedProd-Website finden. Nachdem Sie den Lizenzschlüssel eingegeben haben, klicken Sie auf die Schaltfläche „Verify Key“.

Erstellen einer neuen Homepage mit SeedProd

In diesem Stadium müssen Sie SeedProd “ Seiten besuchen und auf die Schaltfläche „Neue Landing Page hinzufügen“ klicken.

Danach ist es an der Zeit, eine Vorlage für Ihre individuelle Homepage zu wählen. SeedProd bietet viele professionell gestaltete Vorlagen, die Sie an die Bedürfnisse Ihrer WordPress-Website anpassen können.

Um eine Vorlage auszuwählen, bewegen Sie den Mauszeiger über die Vorlage und klicken Sie auf das Häkchensymbol.

Wir verwenden die Vorlage „Juicy Sales Page“ für alle unsere Bilder, aber Sie können jedes beliebige Design verwenden.

Als nächstes geben Sie einen Namen für die benutzerdefinierte Homepage ein. SeedProd erstellt automatisch eine URL, die auf dem Titel der Seite basiert, aber Sie können diese URL nach Belieben ändern.

Wenn Sie mit den eingegebenen Informationen zufrieden sind, klicken Sie auf die Schaltfläche „Speichern und mit der Bearbeitung der Seite beginnen“.

Als nächstes werden Sie zum SeedProd-Drag-and-Drop-Seitenersteller weitergeleitet, wo Sie Ihre Vorlage anpassen können.

Der SeedProd-Editor zeigt auf der rechten Seite eine Live-Vorschau Ihres Entwurfs und auf der linken Seite einige Blockeinstellungen.

Das linke Menü enthält auch Blöcke, die Sie auf Ihr Layout ziehen können.

Sie können z. B. einfache Blöcke wie Schaltflächen und Bilder ziehen und ablegen oder erweiterte Blöcke wie den Countdown-Timer, das Kontaktformular, Schaltflächen für soziale Netzwerke und vieles mehr verwenden.

Um einen Block anzupassen, klicken Sie einfach auf ihn, um ihn in Ihrem Layout auszuwählen.

Im Menü auf der linken Seite werden nun alle Anpassungsoptionen zur Konfiguration dieses Blocks angezeigt. Sie können auch die Hintergrundfarben der Seite ändern, Hintergrundbilder hinzufügen oder das Farbschema und die Schriftarten ändern, um sie besser an Ihre Marke anzupassen.

Sie können sogar CSS-Animationen verwenden, um die Aufmerksamkeit der Besucher zu wecken.

Zu Beginn sollten Sie alle Platzhalterbilder durch Ihre eigenen Fotos oder Ihr eigenes Logo ersetzen. Wählen Sie dazu einfach einen beliebigen Bildblock in der Live-Vorschau aus.

Klicken Sie im linken Menü auf die Schaltfläche „Bild auswählen“.

Sie können nun entweder ein Bild aus der WordPress-Mediathek auswählen oder eine neue Datei von Ihrem Computer hochladen.

SeedProd wird mit „Sektionen“ geliefert, d. h. mit Sammlungen von Blöcken, die häufig zusammen verwendet werden.

SeedProd verfügt beispielsweise über eine Kopfzeile, ein Heldenbild, eine Handlungsaufforderung, Erfahrungsberichte, ein Kontaktformular, FAQs, Funktionen, Fußzeilen und vieles mehr. Diese können Ihnen helfen, schnell eine individuelle Homepage zu erstellen.

Um die verschiedenen Abschnitte zu sehen, klicken Sie einfach auf die Registerkarte „Abschnitte“. Um eine Vorschau eines Abschnitts zu sehen, fahren Sie mit der Maus darüber und klicken Sie dann auf das Lupensymbol.

Um den Abschnitt zu Ihrem Entwurf hinzuzufügen, klicken Sie auf „Diesen Abschnitt auswählen“.

Dadurch wird der Abschnitt unten auf Ihrer Homepage eingefügt.

Sie können Abschnitte und Blöcke durch Ziehen und Ablegen in Ihrem Layout verschieben.

Wenn Sie mit dem Aussehen der Homepage zufrieden sind, vergessen Sie nicht, auf die Schaltfläche „Speichern“ zu klicken, um Ihre Änderungen zu speichern.

Verbinden Sie Ihre Homepage mit einem E-Mail-Marketingdienst

Wenn Sie eine E-Mail-Marketingkampagne planen, ist die Homepage einer der besten Orte, um Ihr Anmeldeformular anzuzeigen.

Das Tolle an SeedProd ist, dass es super einfach ist, Ihre Homepage mit beliebten E-Mail-Marketingdiensten wie Constant Contact zu verbinden.

Klicken Sie dazu einfach auf die Registerkarte „Verbinden“ und wählen Sie dann Ihren E-Mail-Anbieter aus.

SeedProd zeigt Ihnen nun, wie Sie die Homepage mit Ihrem E-Mail-Marketingdienst verbinden können.

Wenn Ihr Anbieter nicht aufgelistet ist, dann machen Sie sich keine Sorgen. SeedProd arbeitet mit Zapier, das als Brücke zwischen SeedProd und mehr als 3000+ anderen Apps fungiert.

Scrollen Sie einfach zum Abschnitt „Andere“ und fahren Sie mit dem Mauszeiger über „Zapier“. Wenn die Schaltfläche „Verbinden“ erscheint, klicken Sie darauf und folgen Sie den Anweisungen auf dem Bildschirm, um SeedProd und Zapier zu verbinden.

Veröffentlichen Sie Ihre SeedProd Homepage

Wenn Sie alle vorherigen Schritte durchgeführt haben, können Sie Ihre individuelle Homepage veröffentlichen. Klicken Sie einfach auf die Registerkarte „Seiteneinstellungen“.

Auf der Registerkarte „Seiteneinstellungen“ gibt es weitere Optionen, die Sie sich ansehen sollten. Sie können zum Beispiel die SEO-Einstellungen ändern, den Seitentitel bearbeiten und eine benutzerdefinierte Domain verbinden.

Wenn Sie mit der Einrichtung der Seite zufrieden sind, wählen Sie die Registerkarte „Allgemein“.

Sie können nun auf den Schalter „Seitenstatus“ klicken, um von „Entwurf“ auf „Veröffentlichen“ umzuschalten.

Jetzt müssen Sie nur noch zu Einstellungen “ Lesen gehen und diese Seite als Ihre neue benutzerdefinierte Homepage festlegen.

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

Eine andere Möglichkeit, eine benutzerdefinierte Homepage zu erstellen, ist die Verwendung von Code, der Ihnen die vollständige Kontrolle über das Aussehen Ihrer Website gibt. Diese Methode kann jedoch kompliziert sein, und Fehler bei der Codierung können alle Arten von WordPress-Fehlern verursachen.

Aus diesem Grund empfehlen wir diese Methode nicht für Anfänger.

Ihr WordPress-Theme setzt sich aus vielen verschiedenen Dateien zusammen. Einige dieser Dateien werden Templates genannt und steuern, wie die verschiedenen Bereiche Ihrer Website aussehen. Weitere Informationen finden Sie in unserem Spickzettel zur WordPress-Vorlagenhierarchie.

Eine dieser Vorlagen heißt front-page.php.

Wenn Ihr Theme diese Vorlage hat, verwendet WordPress sie automatisch für die Anzeige der Homepage. Das bedeutet, dass Sie eine benutzerdefinierte Homepage erstellen können, indem Sie diese Datei bearbeiten oder sie durch eine neue Datei ersetzen.

Für die ersten Schritte benötigen Sie einen FTP-Client wie FileZilla, oder Sie können den von Ihrem WordPress-Hosting-Anbieter bereitgestellten Dateimanager verwenden.

Wenn Sie FTP zum ersten Mal verwenden, lesen Sie bitte unsere vollständige Anleitung, wie Sie sich mit Ihrer Website per FTP verbinden.

Nachdem Sie sich mit dem Server verbunden haben, gehen Sie zu /wp-content/themes/ und öffnen Sie den Ordner für Ihr aktuelles WordPress-Theme.

Wenn dieser Ordner bereits eine Datei front-page.php enthält, können Sie diese Datei in einem Texteditor wie Notepad öffnen. Sie können dann alle gewünschten Änderungen vornehmen, indem Sie den Code bearbeiten.

Wenn Ihr Theme keine Datei front-page.php hat, dann können Sie eine neue Datei mit dem Namen front-page.php erstellen.

Danach müssen Sie nur noch die Datei front-page.php in den Ordner Ihres aktuellen Themes auf Ihrem WordPress-Hosting-Konto hochladen.

Sobald Sie diese Datei hochgeladen haben, wird WordPress sie verwenden, um Ihre Homepage anzuzeigen. Da die Datei jedoch völlig leer ist, sehen Sie eine leere Seite als Ihre Homepage.

Um dies zu beheben, öffnen Sie die Datei einfach in einem Texteditor und fügen Sie HTML-Code ein.

Wenn Sie mit einer leeren Datei beginnen, können Sie sich etwas Zeit sparen, indem Sie den vorhandenen Code und die Vorlagen in Ihrem WordPress-Theme verwenden.

Zum Beispiel ist es in der Regel sinnvoll, die Kopf- und Fußzeile des Themas einzubeziehen.

Im folgenden Beispielcode haben wir den Inhalt und die Seitenleisten entfernt, während wir die Kopfzeilen- und Navigationsvorlagen aus dem Thema abgerufen haben:

<?php /*
This page is used to display the static frontpage.
*/
 
// Fetch theme header template
get_header(); ?>
    <div id="primary" <?php astra_primary_class(); ?>>
 
    <div class="custom-homepage-container"> 
 
    You custom homepage code goes here
 
    </div> 
 
    </div><!-- #primary -->
//Fetch the theme footer template
<?php get_footer(); ?>

Bonustipps zur Erstellung einer effektiven benutzerdefinierten Homepage in WordPress

Die Homepage ist die wichtigste Seite Ihrer Website. Die Besucher werden diese Seite besuchen, um mehr über Ihr Unternehmen, Ihre Produkte und Dienstleistungen zu erfahren.

Hier sind einige Tipps zur Optimierung Ihrer Homepage:

• Schreiben Sie die Ziele auf, die Sie mit Ihrer Homepage erreichen wollen – Von dort aus können Sie jeden Teil der Homepage so gestalten, dass Sie dieses klare Ziel erreichen.
• Platzieren Sie Ihre wichtigsten Inhalte ganz oben – Wenn das Ziel Ihrer Website beispielsweise die Gewinnung von Leads ist, sollten Sie Ihr Lead-Generierungsformular ganz oben auf Ihrer Homepage unterhalb der Kopfzeile anzeigen.
• Halten Sie das Design Ihrer Homepage einfach – Vermeiden Sie jegliche Unordnung und unnötige Designelemente. So können die Besucher leicht finden, wonach sie suchen.
• Schauen Sie sich beliebte WordPress-Website-Beispiele an, um sich zu inspirieren – Es ist zwar nie eine gute Idee, sie zu kopieren, aber Sie können sie nutzen, um bewährte Verfahren zu lernen, die Sie dann auf Ihr eigenes Homepage-Layout anwenden können.

Was die Tools zur Verbesserung Ihrer Homepage angeht, haben wir mehrere Empfehlungen. Wenn Sie ein Unternehmen betreiben und Besucher in Kunden umwandeln möchten, sollten Sie OptinMonster zu Ihrer individuellen Homepage hinzufügen.

OptinMonster ist das beste WordPress-Popup-Plugin und Tool zur Lead-Generierung. Damit können Sie alle Arten von Popups, schwebenden Leisten, bildschirmfüllenden Begrüßungsmatten, Slide-in-Scroll-Boxen, personalisierten Inline-Lead-Formularen, gamifizierten Spin-to-Win-Optins und mehr erstellen.

Außerdem ist es sinnvoll, die Leistung Ihrer individuellen Homepage zu verfolgen. Auf diese Weise können Sie Daten zur Feinabstimmung des Seitendesigns sammeln und noch mehr Konversionen erzielen.

MonsterInsights ist das beste Plugin für Google Analytics. Es ermöglicht Ihnen die einfache Installation von Google Analytics in WordPress und zeigt Ihnen hilfreiche Berichte direkt im WordPress-Adminpanel.

Das Beste an der Nutzung von MonsterInsights ist, dass Sie den Google Analytics Tracking Code hinzufügen können, ohne den Code zu bearbeiten oder einen Entwickler zu beauftragen.

Außerdem sollten Sie es Besuchern und potenziellen Kunden leicht machen, Sie über Ihre Homepage zu kontaktieren. Hierfür empfehlen wir WPForms, das beste WordPress-Formular-Plugin auf dem Markt.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, eine individuelle Homepage in WordPress zu erstellen. Vielleicht interessieren Sie sich auch für unsere bewährten Tipps zur Steigerung Ihres Blog-Traffics und unsere Expertenauswahl der besten Social-Proof-Plugins für WordPress.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.