How To Be Pro In Wp

So erstellen Sie eine benutzerdefinierte Seite in WordPress

Möchten Sie eine benutzerdefinierte Seite in WordPress erstellen?

Auf einer benutzerdefinierten Seite können Sie ein anderes Layout als auf Ihren normalen Seiten in WordPress verwenden. Viele WordPress-Websites verfügen über benutzerdefinierte Seitenlayouts für ihre Verkaufsseiten, Zielseiten, Webinar-Seiten und mehr.

In diesem Artikel zeigen wir Ihnen Schritt für Schritt, wie Sie auf einfache Weise eine benutzerdefinierte Seite in WordPress erstellen.

Grundlegendes zu benutzerdefinierten Seiten in WordPress

Standardmäßig können Sie mit WordPress Beiträge und Seiten erstellen.

Ihr WordPress-Theme steuert das Erscheinungsbild Ihrer Seiten mithilfe einer Vorlagendatei namens page.php.

Diese Vorlagendatei betrifft alle einzelnen Seiten, die Sie in WordPress erstellen.

Wie Sie jedoch bereits wissen, sind nicht alle Seiten gleich. Beispielsweise möchten Sie möglicherweise eine Zielseite erstellen, die ganz anders aussieht als Ihre normalen Webseiten.

In der Vergangenheit bedeutete das Erstellen einer benutzerdefinierten Seite in WordPress das Codieren Ihrer eigenen benutzerdefinierten Vorlage mit HTML, CSS und PHP. Wir werden diese Methode behandeln, aber wir empfehlen sie nicht für Anfänger.

Stattdessen empfehlen wir die Verwendung von SeedProd oder einem anderen Seitenerstellungs-Plugin, um Ihre benutzerdefinierte Seite zu erstellen. Verwenden Sie einfach diese Quicklinks, um direkt zu den verschiedenen Methoden zu springen.

Verwenden von SeedProd zum Erstellen einer benutzerdefinierten Seite in WordPress

SeedProd ist der beste Drag & Drop-Seitenersteller für WordPress. Es enthält über 100 professionell gestaltete Vorlagen, die Sie als Grundlage für Ihre Seite verwenden können.

Alternativ können Sie eine vollständig benutzerdefinierte WordPress-Seite erstellen, ohne mit dem Drag & Drop-Builder Code zu schreiben.

SeedProd ist so konzipiert, dass es auch für Anfänger einfach zu bedienen ist. Es verfügt jedoch auch über erweiterte Optionen, mit denen Sie visuell beeindruckende Seiten erstellen können, um Ihre Besucher zu motivieren und die Conversions zu steigern.

Zuerst müssen Sie das SeedProd-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins.

Hinweis: Es gibt auch eine kostenlose Version des SeedProd-Plugins. In unserem Beispiel verwenden wir jedoch die Pro-Version, da sie viele leistungsstarke Funktionen bietet.

Nach der Aktivierung sollte die Begrüßungsseite angezeigt werden. Sie müssen hier Ihren Lizenzschlüssel eingeben und auf die Schaltfläche “Schlüssel überprüfen” klicken. Sie finden Ihren Lizenzschlüssel in Ihrem Kontobereich auf der SeedProd-Website.

Eingabe Ihres Lizenzschlüssels für SeedProd

Als nächstes gehen Sie zu SeedProd »Seiten in Ihrem WordPress-Administrator. Klicken Sie dann einfach auf die Schaltfläche “Neue Landing Page erstellen”.

Erstellen einer neuen Zielseite in SeedProd

Als Nächstes werden Sie aufgefordert, eine Vorlage auszuwählen. Sie können diese filtern, um Vorlagen für den von Ihnen erstellten Seitentyp zu finden. Wenn Sie lieber bei Null anfangen möchten, verwenden Sie einfach die leere Vorlage.

Auswählen Ihrer Seitenvorlage in SeedProd

Für dieses Tutorial verwenden wir eine Vorlage “Kursverkaufsseite”.

Sie werden aufgefordert, Ihrer Seite einen Namen zu geben und die URL festzulegen. Klicken Sie anschließend auf die Schaltfläche “Speichern und Bearbeiten der Seite”.

Geben Sie Ihrer Seite einen Namen und eine URL in SeedProd

Die von Ihnen ausgewählte Vorlage wird jetzt im SeedProd-Seitenersteller geladen.

Die SeedProd Page Builder-Oberfläche

Um etwas in der Vorlage zu ändern, klicken Sie einfach darauf. Es ist einfach, Text direkt im Seitenersteller selbst zu ändern. Zum Beispiel bearbeiten wir hier die Seitenüberschrift.

Bearbeiten Sie Ihre Seitenüberschrift in SeedProd

Sie können Ihren Text formatieren, die Ausrichtung ändern, Links hinzufügen und vieles mehr.

Es ist auch einfach, Bilder mit dem SeedProd-Seitenersteller zu bearbeiten. Klicken Sie einfach auf das Bild, das Sie ändern möchten.

In diesem Beispiel haben wir das Standardbild oben auf der Seite durch unser eigenes Bild ersetzt.

Hochladen eines neuen Bildes in SeedProd

Klicken Sie einfach darauf, um alles zu ändern, was Sie möchten. Dadurch wird der Bearbeitungsbereich auf der linken Seite geöffnet.

Um Ihrer Seite neue Blöcke (Elemente) hinzuzufügen, klicken Sie einfach oben auf der Seite auf die Registerkarte Design. Wählen Sie einfach einen Standard- oder erweiterten Block aus und ziehen Sie ihn einfach per Drag & Drop auf Ihre Seite.

Hinzufügen von Blöcken in SeedProd

Nachdem Sie einen Block hinzugefügt haben, müssen Sie nur darauf klicken, um ihn zu bearbeiten. Hier haben wir unserer Seite einen Listenblock hinzugefügt.

Ein Listenblock in SeedProd

Machen Sie sich keine Sorgen, wenn Sie irgendwann einen Fehler machen oder Ihre Meinung ändern. Klicken Sie einfach auf die Schaltfläche “Rückgängig” unten auf der Seite, um Ihre Arbeit umzukehren.

Die Schaltfläche Rückgängig in SeedProd

Hier finden Sie auch die Schaltfläche “Wiederherstellen”, den Versionsverlauf, die Layoutnavigation, die mobile Vorschau und die globalen Einstellungen für Ihre Seite.

Sobald Sie mit Ihrer benutzerdefinierten Seite zufrieden sind, können Sie sie in der Vorschau anzeigen oder veröffentlichen. Um die Seite zu veröffentlichen, klicken Sie zuerst auf den Dropdown-Pfeil neben der Schaltfläche Speichern oben auf dem Bildschirm. Wählen Sie dann die Option Veröffentlichen.

Speichern oder Veröffentlichen Ihrer Seite in SeedProd

Sie sehen eine Nachricht, die Sie darüber informiert, dass Ihre Seite veröffentlicht wurde. Um es sofort zu überprüfen, klicken Sie einfach auf die Schaltfläche “Live-Seite anzeigen”.

Die SeedProd-Nachricht informiert Sie darüber, dass Ihre Seite veröffentlicht wurde

Um Ihre benutzerdefinierte Seite zu einem späteren Zeitpunkt zu bearbeiten, gehen Sie einfach zu SeedProd »Seiten in Ihrem WordPress-Administrator.

Sie sollten Ihre gespeicherte Seite in der Liste der Zielseiten sehen. Klicken Sie einfach auf den Titel, um ihn zu bearbeiten.

Bearbeiten Ihrer vorhandenen Zielseite in SeedProd

Der Vorteil der Verwendung von SeedProd gegenüber anderen Seitenerstellern in WordPress besteht darin, dass Ihre Website dadurch nicht verlangsamt wird. SeedProd ist der schnellste Seitenersteller und ermöglicht es Ihnen, vollständig benutzerdefinierte Seitenlayouts zu erstellen, die unabhängig von Ihrem Design sind, sodass Sie benutzerdefinierte Kopf- und Fußzeilen usw. haben können.

Verwenden von Beaver Builder zum Erstellen einer benutzerdefinierten Seite in WordPress

Beaver Builder ist ein beliebter und etablierter Drag & Drop-Seitenersteller für WordPress.

Sie können damit ganz einfach benutzerdefinierte Seiten auf Ihrer Website oder Ihrem Blog erstellen. Wir empfehlen die Verwendung der Vollversion von Beaver Builder. Es gibt auch eine kostenlose Version von Beaver Builder mit eingeschränkten Funktionen.

Zunächst müssen Sie das Beaver Builder-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins.

Nach der Aktivierung wird der Begrüßungsbildschirm von Beaver Builder angezeigt. Klicken Sie einfach auf die Registerkarte Lizenz, um Ihren Lizenzschlüssel einzugeben. Sie finden dies in Ihrem Kontobereich auf der Beaver Builder-Website.

Vergessen Sie nicht, auf die Schaltfläche “Lizenzschlüssel speichern” zu klicken, um Ihren Lizenzschlüssel zu speichern.

Hinzufügen Ihres Lizenzschlüssels zu Beaver Builder

Um Beaver Builder zu verwenden, gehen Sie einfach zu Seiten »Neu hinzufügen in Ihrem WordPress-Administrator, um eine neue Seite zu erstellen. Klicken Sie dann auf die Schaltfläche “Beaver Builder starten”.

Starten Sie den Beaver Builder-Editor, wenn Sie eine neue Seite erstellen

Der Beaver Builder-Editor wird dann geöffnet. Sie müssen Zeilen und Module hinzufügen, um Ihre Seite zu erstellen. Klicken Sie einfach auf das Element, das Sie verwenden möchten, und ziehen Sie es auf Ihre Seite.

Auswählen von Modulen oder Zeilen zum Ziehen und Ablegen mit Beaver Builder

Alternativ können Sie mit einer Vorlage beginnen. Klicken Sie auf die Registerkarte Vorlagen und wählen Sie eine Vorlage aus.

Auswählen einer Vorlage in Beaver Builder

Sie können dann auf einen beliebigen Teil der Vorlage klicken, um sie zu ändern. Sie können beispielsweise Text, Bilder, Farben und mehr ändern.

Hier bearbeiten wir die Überschrift der Seite. Der Bearbeitungsprozess von Beaver Builder ist nicht ganz so reibungslos wie der von SeedProd, da Sie den Text in ein separates Popup-Feld eingeben müssen.

Bearbeiten einer Überschrift in Beaver Builder

Wenn Sie alle Änderungen an Ihrer Seite vorgenommen haben, klicken Sie einfach oben rechts auf die Schaltfläche Fertig. Sie können dann Ihren Beitrag speichern oder veröffentlichen.

Speichern Sie Ihren Beitrag in Beaver Builder

Manuelles Erstellen einer benutzerdefinierten Seitenvorlage

Wenn Sie kein Plugin verwenden möchten, können Sie eine benutzerdefinierte Seitenvorlage manuell in WordPress erstellen.

Anmerkung der Redaktion: Es ist völlig in Ordnung, wenn viele Plugins auf Ihrer WordPress-Site ausgeführt werden. Schauen Sie sich in unserem Beitrag an, wie viele WordPress-Plugins Sie installieren sollten, wenn Sie sich Sorgen über zu viele Plugins machen.

Zunächst müssen Sie einen Nur-Text-Editor wie Notepad auf Ihrem Computer öffnen. Fügen Sie in der leeren Datei diese Codezeile oben hinzu:

Dieser Code teilt WordPress einfach mit, dass dies eine Vorlagendatei ist und als CustomPageT1 erkannt werden sollte. Sie können Ihre Vorlage beliebig benennen, solange dies für Sie sinnvoll ist.

Nachdem Sie den Code hinzugefügt haben, speichern Sie die Datei auf Ihrem Desktop unter custompaget1.php.

Speichern Sie die Datei unter einem beliebigen Namen. Stellen Sie nur sicher, dass sie mit der Erweiterung .php endet.

Für diesen nächsten Schritt müssen Sie über einen FTP-Client eine Verbindung zu Ihrem WordPress-Hosting-Konto herstellen.

Sobald die Verbindung hergestellt ist, wechseln Sie zu Ihrem aktuellen Themen- oder untergeordneten Themenordner. Sie finden es im Verzeichnis / wp-content / themes /. Laden Sie als Nächstes Ihre benutzerdefinierte Seitenvorlagendatei in Ihr Thema hoch.

Jetzt müssen Sie sich in Ihrem WordPress-Administrationsbereich anmelden, um eine neue Seite zu erstellen oder eine vorhandene zu bearbeiten.

Scrollen Sie auf dem Seitenbearbeitungsbildschirm nach unten zum Abschnitt “Seitenattribute”. Sie sehen ein Vorlagen-Dropdown-Menü. Wenn Sie darauf klicken, können Sie die gerade erstellte Vorlage auswählen.

Auswahl Ihrer benutzerdefinierten Seitenvorlage

Wenn Sie Ihre neue Vorlage auswählen und diese Seite auf Ihrer Website jetzt besuchen, wird eine leere Seite angezeigt. Das liegt daran, dass Ihre Vorlage leer ist und WordPress nicht sagt, was angezeigt werden soll.

Keine Sorge, wir zeigen Ihnen, wie Sie Ihre benutzerdefinierte Seitenvorlage einfach bearbeiten können.

Bearbeiten Ihrer benutzerdefinierten Seitenvorlage

Ihre benutzerdefinierte Seitenvorlage ist wie jede andere Themendatei in WordPress. Sie können dieser Datei beliebigen HTML-, Vorlagen-Tags oder PHP-Code hinzufügen.

Der einfachste Weg, um mit Ihrer benutzerdefinierten Seite zu beginnen, besteht darin, die vorhandene Seitenvorlage zu kopieren, die von Ihrem Thema bereitgestellt wird.

Öffnen Sie Ihren FTP-Client und wechseln Sie in Ihren Themenordner. Dort finden Sie eine Datei namens page.php. Sie müssen diese Datei auf Ihren Computer herunterladen.

Herunterladen der Seiten-PHP-Datei für Ihre Site

Öffnen Sie die Datei page.php in einem Nur-Text-Editor wie Notepad und kopieren Sie den gesamten Inhalt mit Ausnahme des Header-Teils.

Vorlagenkopf einer typischen Seiten-PHP-Datei in WordPress

Der Header-Teil ist der auskommentierte Teil oben in der Datei. Wir kopieren es nicht, da unsere benutzerdefinierte Seitenvorlage bereits eine enthält.

Jetzt müssen Sie Ihre benutzerdefinierte Seitenvorlagendatei öffnen und den gesamten Code einfügen, den Sie am Ende kopiert haben.

Ihre benutzerdefinierte Auslagerungsdatei würde nun ungefähr so ​​aussehen:



Speichern Sie einfach Ihre benutzerdefinierte Seitenvorlagendatei und laden Sie sie per FTP zurück in Ihren Themenordner.

Sie können jetzt die Seite besuchen, die Sie mit der benutzerdefinierten Seitenvorlage erstellt haben. Es sollte genauso aussehen wie Ihre anderen Seiten in WordPress.

Bearbeiten Sie anschließend Ihre benutzerdefinierte Seitenvorlagendatei. Sie können es beliebig anpassen. Sie können beispielsweise die Seitenleiste entfernen, indem Sie die beginnende Linie entfernen

Sie können auch benutzerdefinierten PHP-Code oder anderen gewünschten HTML-Code hinzufügen.

Um den eigentlichen Inhalt Ihrer Seite hinzuzufügen, bearbeiten Sie die Seite einfach wie gewohnt in WordPress.

Sie können den Inhaltsbereich im Seiteneditor auch vollständig leer lassen und benutzerdefinierten Inhalt direkt zu Ihrer Seitenvorlage hinzufügen. Auf diese Weise wird der von Ihnen hinzugefügte Inhalt auf allen Seiten mithilfe der benutzerdefinierten Vorlage angezeigt.

Wir hoffen, dieser Artikel hat Ihnen geholfen, eine benutzerdefinierte Seite in WordPress hinzuzufügen. Vielleicht möchten Sie auch unseren Leitfaden zu den wichtigsten Arten von WordPress-Seiten sehen, die jede Website haben sollte, und unsere Liste der WordPress-Plugins, die für alle Websites erforderlich sind.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Related Articles