Letzte SeedProd Nachrichten

WordPress-Tutorials, -Tipps und -Ressourcen für das Wachstum Ihres Unternehmens

Wie man eine benutzerdefinierte Seite in WordPress erstellt (Schritt für Schritt)

Wie man eine benutzerdefinierte Seite in WordPress erstellt (Schritt für Schritt) 

Geschrieben von: Autorenbild Stacey Corrin
Autorenbild Stacey Corrin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.
     Bewertet von: John Turner
Kritikerbild John Turner
John Turner ist der Mitbegründer von SeedProd. Er verfügt über mehr als 20 Jahre Geschäfts- und Entwicklungserfahrung und seine Plugins wurden über 25 Millionen Mal heruntergeladen.

Möchten Sie eine benutzerdefinierte Seite auf Ihrer WordPress-Website erstellen?

Benutzerdefinierte Seiten verleihen Ihrer Website eine einzigartige Note. Sie können ihnen ein anderes Layout als dem Rest Ihrer Website geben und sie so von Ihren Mitbewerbern abheben.

In diesem Leitfaden zeigen wir Ihnen, wie Sie Schritt für Schritt Seiten in WordPress hinzufügen und diese ohne Code anpassen können.

Warum eine benutzerdefinierte Seite in WordPress erstellen?

Wenn Sie eine neue Seite in WordPress erstellen, steuert Ihr WordPress-Theme deren Layout und Design mit der Vorlagendatei page.php. Es ist zwar praktisch, dass Ihre Seiten einheitlich aussehen, aber Sie möchten vielleicht nicht jedes Mal dasselbe Design verwenden.

Sie können zum Beispiel eine Seite so gestalten, dass sie:

  • Präsentieren Sie Ihre neuesten Kunstwerke
  • Heben Sie Ihre wichtigsten Teammitglieder hervor
  • Förderung der Einführung eines neuen Produkts
  • Danken Sie den Besuchern für ihr Abonnement

Hier kann eine benutzerdefinierte Seitenvorlage helfen. Anstatt das Standard-Seitendesign Ihres Themes zu verwenden, können Sie es für jeden beliebigen Zweck anpassen, den Sie wünschen.

Aber jetzt kommt der Knackpunkt.

Die Erstellung einer benutzerdefinierten Seite mit Ihrer Standardvorlage kann viel Zeit in Anspruch nehmen. Außerdem müssen Sie mit einer page.php-Datei arbeiten, die möglicherweise nicht das gewünschte Layout hat. Das kann es schwierig machen, ein gutes Design zu finden, vor allem, wenn Sie keine Programmierkenntnisse haben.

In den folgenden Anleitungen zeigen wir Ihnen jedoch, wie Sie eine benutzerdefinierte Seite mit Ihrem gewünschten Layout und Design erstellen können. Und das Beste daran? Sie müssen nicht eine einzige Zeile Code schreiben.

Klicken Sie auf einen der unten stehenden Links, um den gewünschten Leitfaden zu finden:

Wie man eine benutzerdefinierte Seite in WordPress mit SeedProd erstellt

Um eine benutzerdefinierte Seite zu erstellen und zu bearbeiten, mussten früher benutzerdefinierte CSS-, HTML- und PHP-Dateien zu Ihrem Thema hinzugefügt werden. Das war nicht gerade anfängerfreundlich, und wenn Sie einen Fehler machten, konnte das Ihre WordPress-Website zerstören.

Deshalb ist unsere bevorzugte Methode zur Erstellung benutzerdefinierter Seiten ein WordPress Page Builder wie SeedProd. Anstatt Ihre Theme-Dateien direkt zu bearbeiten, können Sie jeden Teil Ihrer Website per Drag-and-Drop anpassen.

SeedProd Drag and Drop WordPress Website-Baukasten

Mit Hunderten von vorgefertigten Vorlagen können Sie benutzerdefinierte Seiten erstellen, ohne irgendeinen Code zu schreiben. Dies umfasst alles von Informations- und Kontaktseiten bis hin zu hochkonvertierenden Landing Pages und Blog-Seiten.

Sie können SeedProd sogar verwenden, um ein WordPress-Theme mit benutzerdefinierten Kopf- und Fußzeilen, Seitenleisten und mehr zu erstellen.

Darüber hinaus arbeitet SeedProd mit gängigen Tools von Drittanbietern zusammen, darunter E-Mail-Marketingdienste, WooCoomerce, Easy Digital Downloads und Google Analytics. So können Sie mit einem einzigen WordPress-Plugin eine voll funktionsfähige Website erstellen und Leads und Verkäufe fördern.

Um Ihre erste benutzerdefinierte WordPress-Seite mit SeedProd zu erstellen, folgen Sie den einfachen Schritten unten.

Schritt 1. Installieren und Aktivieren von SeedProd

Installieren und aktivieren Sie zunächst das SeedProd-Plugin.

Es gibt mehrere Versionen von SeedProd, darunter eine begrenzte kostenlose Version. In diesem Leitfaden verwenden wir SeedProd Pro, da es mehr Vorlagen, Blöcke und Integrationen bietet.

Hilfe zu diesem Schritt finden Sie in unserer Dokumentation zur Installation von SeedProd. Dort erfahren Sie auch, wie Sie Ihren Lizenzschlüssel aktivieren können.

Schritt 2. Erstellen Sie eine neue Seite in WordPress

Mit SeedProd können Sie eine neue Seite auf 2 verschiedene Arten erstellen.

Sie können zu SeedProd " Landing Pages navigieren und eine eigenständige Landing Page erstellen.

Hinzufügen einer benutzerdefinierten Seite in WordPress mit dem SeedProd Landing Page Builder

Oder Sie können in Ihrem WordPress-Admin auf Seiten " Neue Seite hinzufügen gehen und auf die Schaltfläche "Mit SeedProd bearbeiten" klicken.

Bearbeiten einer WordPress-Seite mit SeedProd

Die von Ihnen gewählte Methode hat keinen Einfluss auf die endgültige Seite, wählen Sie also die bequemste Option.

Nachdem Sie eine neue Seite erstellt haben, können Sie eine Vorlage auswählen, die Sie als Ausgangspunkt verwenden möchten. Die Vorlagenbibliothek ist nach Kampagnentyp geordnet, z. B. "Vertrieb", "Webinar" und "Demnächst".

Benutzerdefinierte Seitenvorlagen für WordPress in SeedProd

Klicken Sie auf eine der Registerkarten am oberen Rand, um die Vorlagen zu filtern. Es ist auch möglich, mit der "Leeren Vorlage" von vorne anzufangen.

Blättern Sie durch die Entwürfe, bis Sie einen finden, der Ihrem gewünschten Layout entspricht. Klicken Sie dann auf das Häkchensymbol, um es auszuwählen.

Wählen Sie eine benutzerdefinierte Seitenvorlage

Geben Sie nun einen Namen für Ihre benutzerdefinierte Seite ein. SeedProd generiert die URL der Seite automatisch auf der Grundlage des Titels, aber Sie können sie bei Bedarf ändern.

Geben Sie einen Namen für Ihre benutzerdefinierte Seite ein

Klicken Sie dann auf die Schaltfläche Speichern und mit der Bearbeitung der Seite beginnen.

Schritt 3. Anpassen Ihrer WordPress-Seite

SeedProd öffnet nun Ihre Vorlage in seinem visuellen Seiteneditor. Sie sehen eine Live-Vorschau auf der rechten Seite und verschiedene Blockeinstellungen auf der linken Seite.

SeedProd visueller Seiteneditor

Die von Ihnen gewählte Vorlage umfasst diese Blöcke, Spalten und Abschnitte. Um sie anzupassen, wählen Sie einen Block im Editor aus. Die Blockeinstellungen werden dann in der linken Seitenleiste geöffnet.

Anpassen von Seitenüberschriften mit SeedProd

In diesem Beispiel bearbeiten wir den Text innerhalb des Blocks "Überschrift". Sie können auch die Ausrichtung der Überschrift, die Schriftgröße, die Überschriftsebene und die Verknüpfung im selben Bedienfeld anpassen.

Das Ändern und Hinzufügen neuer Bilder zu Ihrer benutzerdefinierten Seite ist ebenso einfach. Klicken Sie einfach auf ein beliebiges Bild und fügen Sie dann ein neues Bild von Ihrem Computer oder aus der WordPress-Mediathek hinzu.

Bild auf Ihrer benutzerdefinierten Seite in WordPress ändern

Sie können weitere Elemente in die Vorlage einfügen, indem Sie einen Block aus der linken Seitenleiste auf Ihre Seite ziehen und dort ablegen.

Ziehen Sie den WordPress-Bildblock per Drag & Drop auf Ihre benutzerdefinierte Seite

Zu diesen Gestaltungselementen können gehören:

Eine vollständige Liste finden Sie auf der Seite WordPress-Blöcke.

Wenn Ihnen das Farbschema der Vorlage nicht zusagt, können Sie es mit wenigen Klicks ändern. Wählen Sie einen Block, eine Spalte oder einen Abschnitt aus und klicken Sie auf die Farboptionen im Einstellungsfenster.

Wählen Sie Farben für Ihre benutzerdefinierte Seite

Alternativ können Sie auch auf das Zahnradsymbol in der unteren linken Ecke klicken und dort Ihre benutzerdefinierten Farben einstellen. Bei dieser Methode werden die Farben automatisch für jeden Block auf der Seite geändert, sodass Sie nicht jeden Block einzeln anpassen müssen.

Globale benutzerdefinierte Farbpalette für Seiten

SeedProd wird auch mit vorgefertigten Abschnitten geliefert. Diese Sammlungen von Blöcken, Zeilen und Spalten erleichtern die Erstellung einer benutzerdefinierten Seite. 

Wenn Sie z. B. eine Verkaufsseite erstellen, können Sie die vorgefertigten Hero-Abschnitte verwenden, um sie auffällig und ansprechend zu gestalten.

Um sie zu finden, klicken Sie auf der linken Seite auf die Registerkarte Abschnitte und blättern Sie dann durch die Vorlagen, bis Sie eine gefunden haben, die Ihnen gefällt. Bewegen Sie dann den Mauszeiger über einen Abschnitt und klicken Sie auf das Plus-Symbol, um ihn zu Ihrer Seite hinzuzufügen.

Benutzerdefinierte Seitenabschnitte in WordPress

Am unteren Rand des Seiteneditors sehen Sie außerdem eine Symbolleiste mit verschiedenen Symbolen, darunter Layout-Navigation, Änderungsverlauf sowie Rückgängig und Wiederholen. Diese Optionen erleichtern das Auffinden verschiedener Elemente auf Ihrer Seite und das Rückgängigmachen von Änderungen, die Sie versehentlich vorgenommen haben.

Benutzerdefinierte Einstellungen für die Seitennavigation

Sie können auch auf das Handy-Symbol klicken, um eine Live-Vorschau Ihrer Seite auf mobilen Geräten zu sehen. Auf diese Weise können Sie sicherstellen, dass Ihre Seite für mobile Geräte geeignet ist und auf Smartphones und Tablets leicht zu navigieren ist.

Vorschau Ihrer benutzerdefinierten WordPress-Seite auf dem Handy

Wenn Sie mit Ihrer benutzerdefinierten Seite zufrieden sind, klicken Sie auf die Schaltfläche Speichern in der oberen rechten Ecke.

Schritt 4. Veröffentlichen Sie Ihre benutzerdefinierte Seite in WordPress

Um Ihre benutzerdefinierte WordPress-Seite mit SeedProd zu veröffentlichen, klicken Sie auf das Dropdown-Menü neben der Schaltfläche "Speichern" und wählen Sie Veröffentlichen.

Veröffentlichen Sie Ihre benutzerdefinierte Seite in WordPress mit SeedProd

Jetzt können Sie Ihre benutzerdefinierte Seite besuchen, um zu sehen, wie sie live auf Ihrer Website aussieht.

Neue benutzerdefinierte Seite in WordPress

Alternative Wege zur Erstellung eigener WordPress-Seiten

Wenn Sie ein blockbasiertes WordPress-Theme wie Twenty Twenty-Four verwenden, können Sie den WordPress-Block-Editor verwenden, um benutzerdefinierte Seiten zu erstellen. Dies ist nützlich, wenn Sie dasselbe Design auf mehreren Seiten wiederverwenden möchten, da Sie dieselbe Vorlage verwenden können.

Sie können auch den WordPress-Site-Editor verwenden, um ein einzigartiges Seitenlayout zu erstellen, ohne zusätzliche Plugins zu installieren.

Bitte beachten Sie jedoch, dass die folgenden 2 Methoden blockbasierte WordPress-Themes erfordern. Wenn Sie kein Block-Theme verwenden, empfehlen wir stattdessen die Verwendung eines Page Builders.

Erstellen einer benutzerdefinierten WordPress-Seitenvorlage mit dem Block-Editor

Für diese Methode öffnen Sie zunächst eine Seite und klicken im rechten Menü neben der Überschrift "Vorlage" auf Seiten.

Klicken Sie in dem daraufhin angezeigten Popup auf das Symbol "Vorlage hinzufügen".

Hinzufügen einer neuen Seitenvorlage in WordPress

Geben Sie dort einen Vorlagennamen ein und klicken Sie auf die Schaltfläche Erstellen.

Geben Sie Ihrer benutzerdefinierten Vorlage einen Namen

Nun sehen Sie den Vorlageneditor, der genauso funktioniert wie der Inhaltseditor. Hier können Sie Ihre neue Vorlage gestalten, indem Sie Blöcke wie Überschriften, Bilder und Inhalte hinzufügen und den Textstil formatieren.

Gestalten Sie Ihre eigene Seite mit dem WordPress-Site-Editor

Sie können auch Muster verwenden, d. h. Sammlungen von Blöcken, die häufig zusammen verwendet werden, wie z. B. Preistabellen und Aufrufe zum Handeln.

Sie finden diese, indem Sie auf das Plus-Symbol klicken und die Registerkarte "Muster" auswählen. Klicken Sie dann einfach auf eines, um es zu Ihrer Seitenvorlage hinzuzufügen.

WordPress-Site-Editor-Muster

Wenn Sie mit Ihrer Vorlage zufrieden sind, klicken Sie auf die Schaltfläche Speichern.

Nun können Sie diese Vorlage auf eine beliebige bestehende Seite anwenden. Dazu müssen Sie nur eine Seite öffnen, auf den Text neben "Vorlage" klicken und die soeben erstellte Vorlage auswählen.

Anwenden der neuen benutzerdefinierten Seitenvorlage auf eine beliebige Seite

Nachdem Sie die Vorlage angewendet haben, können Sie wie bei jeder anderen WordPress-Seite Inhalte hinzufügen.

Erstellen einer benutzerdefinierten Seite mit dem WordPress-Site-Editor

Wenn Ihnen die Erstellung einer benutzerdefinierten Vorlage zu viel Arbeit macht, können Sie den WordPress-Site-Editor verwenden, um eine benutzerdefinierte Seite zu erstellen. So können Sie das gesamte Design der Seite ändern und sie völlig einzigartig gestalten.

Erstellen Sie zunächst wie gewohnt eine neue WordPress-Seite, indem Sie in Ihrem WordPress-Dashboard auf Seiten " Neu hinzufügen gehen. Fügen Sie hier Ihre einzelnen Seitenattribute hinzu, z. B. Tags, Kategorien und hervorgehobene Bilder.

Wenn Sie Ihre Änderungen gespeichert haben, navigieren Sie zu Erscheinungsbild " Editor und klicken Sie auf den Menüpunkt Seiten auf der linken Seite.

Seiten-Menü im WordPress-Site-Editor

Sie sehen nun eine Liste der Seiten, die Sie auf Ihrer Website erstellt haben. Suchen Sie also die Seite, die Sie gerade erstellt haben, und klicken Sie sie an.

Wählen Sie Ihre neue WordPress-Seite im Menü des Website-Editors aus

WordPress zeigt nun eine Vorschau Ihrer Seite an. Um das Design zu ändern, klicken Sie auf das Stiftsymbol neben dem Seitentitel.

Bearbeiten Sie Ihre benutzerdefinierte Seite mit dem WordPress-Site-Editor

Nun können Sie das Layout der Seite mit den Editor-Tools bearbeiten. Wenn Sie beispielsweise auf das blaue Plus-Symbol klicken, können Sie neue Blöcke hinzufügen, oder Sie können auf klicken, um einen beliebigen Block oder Seiteninhalt anzupassen.

Passen Sie Ihr Seitendesign mit dem WordPress-Site-Editor und dem Block-Editor an

Wenn Sie mit den Änderungen zufrieden sind, klicken Sie auf die Schaltfläche Speichern und besuchen Sie dann die Seite, um Ihr neues Design zu sehen.

Und da haben Sie es!

Sie haben nun gelernt, wie Sie eine benutzerdefinierte Seite in WordPress erstellen können. Alle Methoden, die wir behandelt haben, sind einfach und erfordern keine Hilfe von einem Entwickler.

Also, machen Sie sich auf und erstellen Sie die perfekte WordPress-Seite für Ihr nächstes Projekt.

Vielleicht finden Sie auch die folgenden WordPress-Anleitungen hilfreich:

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.

Autorenavatar
Stacey Corrin Autorin
Stacey schreibt seit über 10 Jahren über WordPress und digitales Marketing und noch viel länger über andere Themen. Darüber hinaus ist sie fasziniert von Webdesign, Benutzererfahrung und SEO.

Offenlegung: Unser Inhalt wird von den Lesern unterstützt. Das heißt, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Wir empfehlen nur Produkte, von denen wir glauben, dass sie einen Mehrwert für unsere Leser darstellen.