Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man eine benutzerdefinierte Seite in WordPress erstellt

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Möchten Sie eine eigene Seite in WordPress erstellen?

Mit einer benutzerdefinierten Seite können Sie ein anderes Layout als für den Rest Ihrer Website verwenden. Viele WordPress-Websites verwenden benutzerdefinierte Seitenlayouts für ihre Verkaufsseiten, Landing Pages, Webinar-Seiten und mehr.

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

How to create a custom page in WordPress

Warum eine benutzerdefinierte Seite in WordPress erstellen?

Jedes Mal, wenn Sie eine neue Seite erstellen, steuert Ihr WordPress-Theme mithilfe einer Vorlagendatei, wie diese Seite aussehen soll.

Diese page.php-Vorlage betrifft alle einzelnen Seiten, die Sie in WordPress erstellen. Vielleicht möchten Sie aber nicht jedes Mal das gleiche Design verwenden.

Landingpages haben oft einen anderen Inhalt als normale Seiten, z. B. ein großes Heldenbild oder einen Aufruf zum Handeln (CTA). Das bedeutet, dass sie oft völlig anders aussehen als der Rest Ihrer Website.

Der Versuch, mit der Standardseitenvorlage einzigartige Designs zu erstellen, kann jedoch sehr viel Zeit in Anspruch nehmen. Außerdem sind Sie durch die page.php-Vorlage eingeschränkt und können möglicherweise nicht genau das Design erstellen, das Sie wünschen. Das kann es schwierig machen, gute Ergebnisse zu erzielen. Wenn Sie zum Beispiel eine Verkaufsseite erstellen, kann es sein, dass Sie aufgrund eines schlechten Seitendesigns nicht viele Konversionen erzielen.

Sehen wir uns also an, wie Sie eine benutzerdefinierte Seite in WordPress erstellen können, mit genau dem Design, Layout und Inhalt, den Sie wünschen. Verwenden Sie einfach die unten stehenden Links, um direkt zur gewünschten Methode zu springen.

Methode 1. So erstellen Sie eine benutzerdefinierte Seite in WordPress mit dem Block-Editor (kein Plugin erforderlich)

Mit dem Block-Editor können Sie ganz einfach Ihre eigenen Vorlagen mit den Ihnen bereits vertrauten Werkzeugen erstellen.

Dies ist eine gute Wahl, wenn Sie dasselbe Design auf mehreren Seiten wiederverwenden wollen, da Sie einfach dieselbe Vorlage verwenden können. Wenn Sie ein völlig einzigartiges Design erstellen möchten, besteht eine weitere Möglichkeit darin, die Seite ganz normal zu erstellen und dann ihr Layout mit dem Full-Site-Editor zu bearbeiten, was wir in Methode 2 behandeln werden.

Beachten Sie jedoch, dass diese Methoden nur mit blockbasierten Themes wie ThemeIsle Hestia Pro oder Twenty Twenty-Three funktionieren. Wenn Sie kein blockbasiertes Theme haben, empfehlen wir, stattdessen einen Page Builder zu verwenden.

Öffnen Sie dazu einfach eine beliebige Seite oder einen Beitrag. Wählen Sie dann die Registerkarte „Seite“ im rechten Menü und klicken Sie auf den Text neben „Vorlage“.

How to create a custom theme using the built-in WordPress template

Die Optionen, die Sie sehen, können je nach WordPress-Theme variieren, aber der Text zeigt normalerweise „Seite“, „Standardvorlage“ oder ähnliches.

Klicken Sie in dem daraufhin erscheinenden Popup auf das Symbol „Vorlage hinzufügen“.

How to create a custom WordPress template

Geben Sie in dem daraufhin erscheinenden Popup einen Namen für Ihre Vorlage ein und klicken Sie dann auf „Erstellen“.

Der Name dient nur als Referenz, Sie können also alles verwenden, was Sie wollen.

Creating a new template in the WordPress block editor

Dadurch wird der Vorlageneditor gestartet, der ähnlich wie der WordPress-Inhaltseditor funktioniert.

Um dem benutzerdefinierten Seitendesign Blöcke hinzuzufügen, klicken Sie einfach auf die blaue Schaltfläche „+“. Sie können dann per Drag & Drop Blöcke hinzufügen.

Editing a WordPress template using the block-based editor

Sie können einem Block Inhalte hinzufügen oder seine Formatierung mit den bekannten WordPress-Bearbeitungswerkzeugen ändern. Sie können beispielsweise Text in einen „Überschrift“-Block eingeben, fett formatieren oder Text von H2 in H3 ändern.

Sie können eine benutzerdefinierte Seite auch mithilfe von Mustern erstellen. Muster sind Sammlungen von Blöcken, die häufig zusammen verwendet werden, z. B. eine Liste von Ereignissen, ein Bild mit einer Beschriftung oder eine Preistabelle.

Welche Muster Sie sehen, hängt von Ihrem WordPress-Theme ab, aber Sie können sehen, welche Muster verfügbar sind, indem Sie auf die Registerkarte „Muster“ klicken.

A selection of patterns in the WordPress editor

Sie können ein Blockmuster entweder per Drag & Drop auf Ihr Layout ziehen oder auf das Muster klicken, um es am unteren Rand Ihrer Vorlage hinzuzufügen. Wenn Sie mit dem Aussehen der Vorlage zufrieden sind, klicken Sie auf die Schaltfläche „Veröffentlichen“ und dann auf „Speichern“.

Sie können diese Vorlage nun auf jede beliebige Seite anwenden. Öffnen Sie einfach die Seite im Editor, und klicken Sie dann auf den Text neben „Vorlage“.

Wählen Sie in dem daraufhin angezeigten Popup die Vorlage aus, die Sie gerade erstellt haben.

Changing the WordPress template

Danach können Sie der Seite wie jeder anderen WordPress-Seite Inhalte hinzufügen.

Methode 2. So erstellen Sie eine benutzerdefinierte Seitemit dem Full-Site-Editor (nur bei blockbasierten Themes)

Wenn Sie ein blockbasiertes Thema verwenden, können Sie auch eine benutzerdefinierte Seite mit dem Full-Site-Editor erstellen. Damit können Sie das Layout einer einzelnen Seite ändern, ohne eine benutzerdefinierte Vorlage zu erstellen.

In diesem Sinne ist dies eine gute Wahl, wenn Sie ein völlig einzigartiges Design erstellen möchten, das Sie auf keiner anderen Seite wiederverwenden werden.

Um loszulegen, erstellen Sie die Seite ganz normal, indem Sie auf Seiten Neu hinzufügen gehen. Sie können dann einen Titel eingeben, Kategorien und Tags hinzufügen, ein Bild hochladen und alle anderen gewünschten Änderungen vornehmen.

Wenn Sie mit der Basisseite zufrieden sind, speichern Sie Ihre Änderungen und gehen Sie dann zu Erscheinungsbild Editor.

Opening the WordPress full-site editor (FSE)

Standardmäßig wird im vollständigen Site-Editor die Home-Vorlage Ihres Themas angezeigt.

Klicken Sie im Menü auf der linken Seite auf „Seiten“.

Editing a page layout using the full-site editor (FSE)

Sie sehen nun alle Seiten, die Sie auf Ihrer WordPress-Website erstellt haben.

Suchen Sie einfach die Seite, die Sie umgestalten möchten, und klicken Sie sie an.

Create a custom page design using the full-site editor (FSE)

WordPress zeigt nun eine Vorschau des Designs an.

Um diese Vorlage zu bearbeiten, klicken Sie auf das kleine Bleistiftsymbol.

Create a custom page design using the block-based editor

Sie können nun das Layout der Seite mit den Werkzeugen des Full-Site-Editors bearbeiten. Sie können zum Beispiel auf die blaue „+“-Schaltfläche klicken, um neue Blöcke hinzuzufügen, oder Sie können einen beliebigen Block auswählen, den Sie anpassen möchten.

Wenn Sie mit den vorgenommenen Änderungen zufrieden sind, klicken Sie auf die Schaltfläche „Speichern“.

Create a custom page design using the block-based editor

Wenn Sie nun diese Seite auf Ihrer Website besuchen, sehen Sie das neue Seitendesign in Aktion.

Methode 3. Erstellen einer benutzerdefinierten Seite in WordPress mit SeedProd (empfohlen)

In der Vergangenheit haben Sie eine benutzerdefinierte Seite durch das Schreiben von Code erstellt, was nicht sehr anfängerfreundlich war. Wenn Sie einen Fehler in Ihrem HTML-, CSS- oder PHP-Code gemacht haben, kann dies zu häufigen WordPress-Fehlern führen oder sogar Ihre Website komplett zerstören.

Aus diesem Grund empfehlen wir, stattdessen einen Page Builder zu verwenden.

SeedProd ist der beste Drag-and-Drop Page Builder für WordPress. Es wird mit mehr als 350 Vorlagen geliefert, mit denen Sie benutzerdefinierte Seiten erstellen können, ohne Code zu schreiben.

Wenn Sie eine benutzerdefinierte Seite verwenden, um mehr Konversionen zu erzielen, dann arbeitet SeedProd mit vielen beliebten Tools von Drittanbietern zusammen, die Sie möglicherweise bereits verwenden, um Konversionen zu erzielen. Dazu gehören führende E-Mail-Marketingdienste, WooCommerce, Google Analytics und mehr.

Zunächst müssen Sie SeedProd installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Hinweis: Es gibt auch eine kostenlose Version von SeedProd, mit der Sie unabhängig von Ihrem Budget individuelle Seiten erstellen können. Für diesen Leitfaden werden wir jedoch SeedProd Pro verwenden, da es viel mehr Vorlagen bietet und mit den besten E-Mail-Marketingdiensten integriert werden kann.

Nach der Aktivierung des Plugins wird SeedProd Sie nach Ihrem Lizenzschlüssel fragen.

SeedProd license key

Sie finden diese Informationen unter Ihrem Konto auf der SeedProd-Website. Nachdem Sie den Schlüssel eingegeben haben, klicken Sie auf die Schaltfläche „Schlüssel überprüfen“.

Wählen Sie eine benutzerdefinierte Seitenvorlage

Wenn Sie das getan haben, gehen Sie zu SeedProd “ Landing Pages und klicken Sie auf die Schaltfläche „Add New Landing Page“.

SeedProd's page design templates

Sie können nun eine Vorlage für Ihre benutzerdefinierte Seite auswählen.

Die Templates von SeedProd sind in verschiedene Kampagnentypen wie „Lead“,„Squeeze“ und„Coming Soon“ unterteilt. Sie können auf die Tabs am oberen Rand der Ansicht klicken, um Templates nach Kampagnentyp zu filtern.

The SeedProd template library

Wenn Sie bei Null anfangen wollen, bietet SeedProd auch eine leere Vorlage, die Sie verwenden können.

Um einen Entwurf genauer zu betrachten, fahren Sie einfach mit der Maus über die Vorlage und klicken Sie auf das Lupensymbol.

Previewing a ready-made template

Wenn Sie ein Design gefunden haben, das Ihnen gefällt, klicken Sie auf „Diese Vorlage auswählen“. Wir verwenden die Vorlage „Kurs-Verkaufsseite“ für alle unsere Bilder, aber Sie können jede Vorlage verwenden, die Sie möchten.

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

Eine beschreibende URL hilft auch den Suchmaschinen zu verstehen, worum es auf der Seite geht, so dass sie sie den richtigen Nutzern anzeigen können, was Ihre WordPress-SEO verbessern wird.

Damit Ihre benutzerdefinierte Seite die besten Chancen hat, in relevanten Suchergebnissen zu erscheinen, sollten Sie alle Schlüsselwörter hinzufügen, die in der URL fehlen. Weitere Einzelheiten finden Sie in unserem Leitfaden für die Keyword-Recherche.

Creating a custom page for your WordPress website

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

Gestalten Sie Ihre eigene Seite

SeedProd öffnet nun die von Ihnen gewählte Vorlage in seinem benutzerfreundlichen Drag-and-Drop-Editor. Auf der rechten Seite sehen Sie eine Live-Vorschau Ihrer Seite und auf der linken Seite einige Blockeinstellungen.

The SeedProd courses template

Um einen Block anzupassen, wählen Sie ihn einfach im Seiteneditor aus. In der linken Symbolleiste werden dann alle Einstellungen für diesen Block angezeigt.

In der folgenden Abbildung ändern wir den Text innerhalb eines „Headline“-Blocks.

Editing the headline for your custom page

Über die Einstellungen im linken Menü können Sie den Text formatieren, seine Ausrichtung ändern, Links hinzufügen und vieles mehr.

Es ist auch einfach, Bilder mit dem SeedProd-Seitenerstellungsprogramm zu bearbeiten. Klicken Sie einfach auf einen „Bild“-Block und verwenden Sie die Einstellungen, um Alt-Text hinzuzufügen, ein neues Bild hochzuladen oder andere Änderungen vorzunehmen.

Editing images in a custom page design

Wenn Sie einen Block aus der benutzerdefinierten Seite entfernen möchten, klicken Sie einfach auf diesen Block, um ihn auszuwählen.

Klicken Sie dann auf das Mülleimersymbol in der Minisymbolleiste.

Removing a block from a SeedProd custom page

Um neue Blöcke zu Ihrem Entwurf hinzuzufügen, suchen Sie einfach einen Block im linken Menü und ziehen ihn in den Editor.

Sie können dann den Block durch Anklicken auswählen und im linken Menü Änderungen vornehmen.

Adding a social sharing block to WordPress

SeedProd verfügt auch über „Sektionen“, d. h. Zeilen und Blockvorlagen, mit denen Sie schnell eine benutzerdefinierte Seite erstellen können. Wenn Sie beispielsweise eine Google-Anzeigen-Landingpage entwerfen, könnten Sie die vorgefertigten Sektionen „Held“, „Aufruf zum Handeln“ oder „Merkmale“ von SeedProd verwenden.

Um alle verfügbaren Abschnitte zu sehen, klicken Sie einfach auf die Registerkarte „Abschnitte“.

SeedProd's ready-made sections

Wenn Sie sich einen Abschnitt genauer ansehen möchten, fahren Sie mit der Maus darüber und klicken Sie dann auf das Lupensymbol.

Wenn Sie einen Abschnitt gefunden haben, den Sie Ihrem Entwurf hinzufügen möchten, bewegen Sie einfach die Maus darüber und klicken dann auf das kleine „+“-Symbol.

Adding a section to a custom page

Dadurch wird der Abschnitt am unteren Rand Ihrer Seite hinzugefügt. Sie können sowohl Abschnitte als auch Blöcke per Drag & Drop in Ihrem Entwurf verschieben.

Wenn Sie einen Fehler machen oder Ihre Meinung ändern, ist das kein Problem. Sie können Ihre letzte Änderung rückgängig machen, indem Sie auf die Schaltfläche „Rückgängig“ am unteren Rand der linken Symbolleiste klicken.

Hier finden Sie auch eine Schaltfläche „Wiederholen“, einen Änderungsverlauf, eine Layout-Navigation und globale Einstellungen.

The SeedProd global settings bar

Mit diesen zusätzlichen Schaltflächen können Sie ganz einfach eine benutzerdefinierte Seite in WordPress erstellen.

Unten in der Symbolleiste finden Sie auch eine Schaltfläche für die mobile Vorschau, mit der Sie die mobile Version der benutzerdefinierten Seite anzeigen können.

Previewing a custom page on mobile

So können Sie eine benutzerdefinierte Seite entwerfen, die auf mobilen Geräten genauso gut aussieht wie auf Ihrem Computer.

Wenn Sie mit der benutzerdefinierten Seite zufrieden sind, können Sie sie veröffentlichen, indem Sie auf den Dropdown-Pfeil neben „Speichern“ klicken und dann die Option „Veröffentlichen“ auswählen.

Publishing a custom page

Ihre benutzerdefinierte Seite wird nun in Ihrem WordPress-Blog live geschaltet.

Wenn Sie die benutzerdefinierte Seite zu einem beliebigen Zeitpunkt bearbeiten möchten, gehen Sie einfach zu SeedProd “ Landing Pages in Ihrem WordPress-Dashboard. Sie können dann die Seite finden, die Sie ändern möchten, und auf den Link „Bearbeiten“ klicken.

Fine-tuning a custom page in WordPress

Dadurch wird das Muster im SeedProd-Editor geöffnet, so dass Sie Ihre Änderungen vornehmen können.

Methode 4. Verwendung von Thrive Architect zur Erstellung einer benutzerdefinierten Seite in WordPress

Sie können auch eine benutzerdefinierte Seite mit Thrive Architect erstellen. Thrive Architect ist ein weiterer beliebter Drag-and-Drop-Seitenersteller für WordPress.

Es enthält über 300 professionell gestaltete Vorlagen, die Ihnen helfen sollen, mehr Konversionen zu erzielen.

Custom page example built with Thrive Architect

Zunächst müssen Sie das Thrive Architect-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung gehen Sie in Ihrem WordPress-Admin-Dashboard auf Seiten “ Neu hinzufügen, um eine benutzerdefinierte Seite zu erstellen. Klicken Sie dann auf die Schaltfläche „Thrive Architect starten“.

Launch Thrive Architect

Anschließend können Sie wählen, ob Sie eine normale Seite oder eine vorgefertigte Landing Page erstellen möchten.

Wir empfehlen, auf „Vorgefertigte Landing Page“ zu klicken, da Sie dann Zugriff auf alle Thrive-Landing Page-Vorlagen haben. Diese Vorlagen sind vollständig anpassbar, sodass Sie sie auf Ihre WordPress-Website abstimmen können.

Choose the Pre-built Landing Page option in Thrive Architect

Wenn Sie ein Set finden, das Ihnen gefällt, klicken Sie einfach darauf, um es auszuwählen.

In der folgenden Abbildung wählen wir „Intelligente Landing Page Sets“.

Pick a template for your custom page in Thrive Architect

Auf dem nächsten Bildschirm müssen Sie eine bestimmte Vorlage aus dem Set auswählen.

Wählen Sie eine Vorlage aus, indem Sie sie anklicken und dann auf die Schaltfläche „Vorlage anwenden“ klicken.

Apply Thrive Architect template

Dadurch wird die Vorlage im Thrive Architect Editor geöffnet. Von hier aus können Sie die Seitenvorlage ganz einfach an Ihren Blog, Ihre Website oder Ihren Online-Shop anpassen.

Sie können z. B. die Überschrift ändern, indem Sie darauf klicken und dann Ihre eigene Nachricht eingeben.

Customize page elements in Thrive Architect

Im linken Menü sehen Sie nun alle Anpassungsoptionen. Hier können Sie die Typografie, Schriftgröße, Farbe, Formatierung und mehr ändern.

Im linken Bedienfeld können Sie auch andere Einstellungen für Ihre benutzerdefinierte Seite vornehmen, z. B. das Layout, den Hintergrundstil, die Rahmen, die Animationen und das Bildlaufverhalten, um nur einige zu nennen.

Customize page settings in Thrive Architect

Ähnlich wie die Blöcke von SeedProd enthält Thrive Architect viele vorgefertigte Elemente, die Sie zu Ihrer benutzerdefinierten Seite hinzufügen können.

Um der Seite ein neues Element hinzuzufügen, klicken Sie auf die Schaltfläche „Element hinzufügen (+)“ auf der rechten Seite des Bildschirms.

Click the Add Element button

Sie können jetzt aus Elementen wie Bildern, Schaltflächen, Formularen zur Lead-Generierung, Preistabellen, Countdown-Timern und mehr wählen.

Um ein Element hinzuzufügen, ziehen Sie es einfach aus dem rechten Menü und legen es auf Ihrer Seite ab.

Drag and drop elements onto your page

Auch hier können Sie jedes der neuen Elemente, die Sie Ihrer Seite hinzufügen, bearbeiten, indem Sie darauf klicken.

Wenn Sie mit dem Aussehen der Seite zufrieden sind, klicken Sie auf die Pfeilschaltfläche (^) neben der Schaltfläche „Arbeit speichern“. Klicken Sie dann auf die Option „Speichern und zurück zum Beitragseditor“.

Save custom page in Thrive Architect

Sie können die Seite dann als Entwurf speichern oder sie veröffentlichen, damit sie auf Ihrer WordPress-Website erscheint.

Sobald Ihre benutzerdefinierte Seite veröffentlicht ist, können Sie Ihre Website besuchen, um sie in Aktion zu sehen.

Publish custom page

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man eine benutzerdefinierte Seite in WordPress erstellt. Vielleicht interessieren Sie sich auch für unseren Leitfaden zur Steigerung der Besucherzahlen in Ihrem Blog und unsere Expertenauswahl der besten Kontaktformular-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.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

233 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. NG SHAIKH says

    Dear WPB Team,

    I created the template named MyTemplate.php and copied it into /wp-content/themes/ directory. The template is not reflected in drop down menu of Page Attribute -> Templets. Please guide.

    Is it necessary to use FTP server for this? Please guide.

    Thanks.
    NG SHAIKH

  3. NG SHAIKH says

    Kudos to WPBeginner Team. This is an excellent article which can give guidance to a beginner from the scratch. What a help!

    However, if there is further guidance as to how to remove sidebar, create and add custom sidebar and where to put PHP code or HTML.

    With lot of regards and love,
    NG SHAIKH

  4. Ajay says

    Hi great tutorial!

    One question… I am adding new HTML template files that use css and js files etc. How can I link these files in my template file? I added the files to the same directory as the other stylesheets and assets but no luck. They do not render on the new template page. Any ideas?

    Thanks!

  5. The Last One says

    Im confused.. i hink this site has written years ago, but if i do understand it, you cannot do custom pages anymore in wordpress unless you have some sort of subscription?

    i was trying to „edit“ my wordpress site but all feature was missing.

  6. Deepan says

    Thanks for this tutorial,this tutorial help me to understand the concept easily.Good Work keep continuing like this.

    -Deepan

  7. tony kh tan says

    Thank you for this tutorial. I use cPanel to add the customPage.php onto wp-content/.. and it works. Without using FTP.

  8. Njoroge Mathu says

    Thanks for the great article. Tried the steps and it works perfect. Seems like the file ‚CustomPageT1.php‘ has to always be uploaded into the active theme folder or if working offline with wamp save it in wamp/www/wordpress/wp-content/themes/active theme.

  9. Jean-Charles de Geekarts says

    So it works perfectly bur when I put the file in a plugin file (because it make more sense) it doesn’t work. Do you have anyidea on what to do to make it work.

    Thanks anyway for all your great tutorial

  10. Ronny says

    Great work, guys. Thank you very much. But one question please… How do i make this custom template pull posts from one particular category or categories? I’ve been building websites with wordpress for a while now but, this one seems knotty to me. I know there’s a plugin that does this, but I’ll rather go with the custom template method. Thanks, again…

  11. Chadly says

    hey guys, is their a plugin you recommend for WP that creates great looking pages like this:

    You know, the pages that have the arrows pointing to things and almost a hand drawn look about the page.
    Thanks…

  12. irfan says

    Sir my websites homepage is in the form of custom link in wordpress menu and is not present in all pages also.I am a totaly newbie in website development so kindly help to convet this custom link into a page.
    2:kindly also help to remove read more from posts.

    Thanks
    Irfan
    website Address:www.fishysms.com

  13. karlonc says

    Does this tutorial still apply to the newest wordpress?
    Also will it keep any of the attributes of the theme you are using?

  14. Musarrof says

    Please give details more and write it easily with screenshot. new word-press user cant understand your reading tutorial.

  15. vinay says

    Hi,
    where do we find the pages that were created with the add-new page link in wordpress.could someone help me out to figure out the pages.Thanks in advance

  16. Joanna Gasdogas says

    oops. please ignore previous note.

    Thank you for these instructions.

    I have followed all your instructions, I believe correctly. However when I go to my WP editor to add content to this new template, nothing shows up on the page. It remains as a completely blank page.

  17. Joanna Gasdogas says

    Thank you for this. I followed all the instructions. I have a blank template now. But when I go to my wp editor to add content, the content doesn’t appear in the new page.

  18. Marow95 says

    How can I change the url ?
    I mean instead of „blog/?page_id=2“ , I want it to be „blog/about“ .
    Thanks in advance :)

  19. Kikky says

    hallo, thanks for the post on creating a custom template, its helped greatly. But i have some issues i need answers to, this is my first time at wordpress and on the site i’m creating, i already have a custom template as the home page and then i have another page (with the theme’s initial homepage look, which is a custom page). the challenge i’m having now is : i want the custom template page i designed to load first but the theme’s custom page keeps coming up instead. i figured there’s some sort of conflict going on since they both have thesame url …so, preeeetyyy please, how do i get through this huge problem…thanks

    • WPBeginner Support says

      Seems like you resolved your problem. In this case, you could have specifically told WordPress to use a template for a specific page. For example if you wanted to create a custom template for http://www.example.com/home-2 then you name your template file to be page-home-2.php. You can also use a page’s id in the template, like page-33.php will only work on page with 33 as the unique id.

      Admin

  20. Pol Alvarez says

    Hi! I have always coded my webpages from scratch but now I need to add one to a wordpress website. I mean I have good html/css and this kind of stuff but little of wordpress.

    I have followed the instructions and succesfully uploaded the file. The problem is that it is not listed on the template dropdown. I am not sure whether this happens because the file I created is not valid or any other problem. My file is composed of your header

    and then following it a normal webpage (opening with etc…) without any styles now external files (just to check it out).

    What am I doing wrong? any help would be appreciated.

    Thanks you are my last resort!

    • WPBeginner Support says

      Pol, we can provide you some tips to troubleshoot.

      Please study the file page.php in your theme’s directory. Your custom page template should follow the same structure as page.php except the header part where you need to insert your own template name so that it can distinguished.

      Make sure that you have uploaded your template to the right directory. It should be in /wp-content/themes/your-theme-name/ folder.

      Let us know if this helped.

      Admin

  21. Ansar says

    I have a problem with this.when i add new page there is no option of template in page attributes. I’m using wordpress 3.8.1
    And also what is the name given to the page we are newly creating

  22. ReNet says

    This is Great! BUT HELP!
    I created a template that pulls in a form, I currently have it with a Captcha but want to remove the captcha and use WordPress‘ password protect functionality for this page so I can speedup multiple form entries.

    The issue is that WordPress displays the template’s content before entering the password.

    Your help would be greatly appreciated.

    • WPBeginner Support says

      ReNet, thats because the password protect functionality implements password on the contents of the post/page that is protected not on your template. So the form you want to hide should be executed inside the post. You can create a shortcode for that and add it to your post/page.

      Admin

  23. Troy says

    Ok so I think Im missing a step or two…
    1) I opened up a blank text document, copied this „1“ into the first line of the notepad

    2) Saved it to my desktop and loaded it into the proper wp-admin//themes/mythemedirectory/

    3) Got it to show up on wordpress. Then I copied and pasted my html code for my splash page that I created in dreamweaver into the text(html) portion on wordpress.

    4) Saved it as a draft and when I previewed it I get a bunch of strange text.

    Can you explain to me what steps am I forgetting or missing. I think its something with the other php markups? or maybe where I post my html code. Im looking to have splash page without any menus or anything else besides my splash page coding. Any help or assistance would be greatly appreciated. The information you provided has gotten me farther then any of the other blogs Ive looked at so thank you very much!

  24. niharika says

    I have one question please……………. help me. I want to store marks of student in Mysql database and once user go to the result page he has to enter his roll no and class, then he see his result. I have done this project but I really don’t know how to go through it in wordpress i.e where to write html and php coding in wordpress.
    I am using WordPress.org on my localhost.

    • WPBeginner Support says

      For that you will have to create your own custom solution using Custom Post Types, Custom Fields, and User Meta Data. If you look around you might find some WordPress plugin that already does all that.

      Admin

  25. Darren says

    This page is fantastic! Thank you! I was messing around a little (a lot) with plugins when I did a search, came across this page, and figured this is way better than the other methods I was looking at to do something.

    One thing is that in the article, it isn’t immediately obvious that the code should be put on the page before being uploaded. I mistook it as inputting the code on the ‚add a new page‘ text box. Second time I tried it, I stuck the code in the text file (also, it isn’t obvious that they should choose all files, and change the text file extension to .php), and it worked like a charm. You can even add blog1 / blog2 / etc… to get multiple themes up there if you so need.

    Thank you!

  26. Tim Reeves says

    THANK YOU SO MUCH!!!!!!!!!!!!!!!!!!!!!!!!!! I have been trying to figure this out for 3 months now, came across your tutorial up and running with my new page template in 5 minutes.. I completely
    understand some of the comments above, as when you are first starting out everything is so confusing. But when you get a grasp of things it is so easy. AGAIN YOU ARE A LIFE SAVER,SCHOLAR,AND A GENTLEMAN !!!! : )

  27. lucas says

    This is suppose to be for beginners? I can’t even pass the first step „You can start out by calling WordPress header and footer“
    what does it mean? whoever wrote this article has forgotten that is writing for beginners who tend to be clueless.
    I tried to call header and footer but nobody answer, maybe i got the wrong number.
    A screen shot will be quite useful.

    • Editorial Staff says

      I think you misunderstood the site. WPBeginner caters for beginners of all level. This article is in the Themes category, and this is for beginner theme designers. The article clearly says that you need to have HTML / CSS knowledge before you can do this.

      We do have a beginners guide category – https://www.wpbeginner.com/category/beginners-guide/

      Instead of being really sarcastic, sending 2 separate emails and leaving a comment, you should consider being more polite. We do not get paid to write these tutorials. It is a kind gesture for the community, and many folks have learned from our site. It would be one thing to be pissed off, if you paid for something, and you didn’t receive it. This site is entirely FREE. We try to help as many folks as we can without charging a dime.

      -Syed
      Founder of WPBeginner

      Admin

      • eduardo says

        thaaaaannnksssssssss im a front end developer and i consider myself a wp beginner i found this article really helpful

  28. Markus Freeman says

    I’ve tried this and it worked like a charm, but the there’s one problem. The Posts didnt show, only the sidebar. what could be the problem?

    Thanks,
    Markus

    • Karla Porter Archer says

      I just tried it in the main theme and it finally showed. So I’m assuming the answer is ‚main theme‘ and that I haven’t broken it :)

      • Editorial Staff says

        No this file has to be added in the child theme directory. While it would work in the main genesis folder, it is best practice to never modify anything in the parent theme.

        Admin

        • Karla Porter Archer says

          ah – thanks — that was my original presumption, but it didn’t show the template as an option for the page, so I second-guessed myself. I obviously didn’t add it correctly then, so off to try again!

  29. Max Garcia Jr says

    WITHLOVEASH31 posted a question on 10/24/2011. Could one of the Editor’s please respond. I’d really like to know. I could really use this feature. Thanks in advance!

  30. LJSkool says

    Completely newbie here. I was fine right up until you got to „begin creating a custom page by opening a blank file in your text editor“. Um, yeah…. Would that be the „editor“ link under „Appearances“ within my site? How do I „open“ this? My purpose to have a page with all my blog posts on one page. My theme does not do this. Thanks!

  31. Ruth says

    this is the first help page that’s helped me without creating another set of problems.
    It worked! I never built a php page before and I pasted everything in exactly
    Thank you!

  32. Taika says

    „Since you have already written down all the text and settings in the php file, simply name the page and leave the content area blank“

    How to do that ? My WP does not allow me to leave the content blank, it requires to type something on title before it lets create/edit page name, then if I type something, name the page and remove the text leaving it blank and publish it publishes whatever I typed on title before I removed the text…any advice ? Thanks,

    Taika

  33. withloveash31 says

    I was following your guide and everything went well until this- „upload it in your theme directory (/wp-content/themes/yourthemedirectory/) where files like single.phpand index.php are located.“ This might stupid but how do i upload the file to my theme directory? I did find a page under the name „Editor“ where single.php, index.php etc are located, i just don’t know how to upload the file i created. Please help :S

  34. nola says

    Excellent! I thought this would be a hard process. You explained it simply. I still need to work out a few things with how my theme displays the custom template, but now I’ve learned something new. Thank you!

  35. scarab says

    great post. This information was just what I was looking for. It took me about 40 minutes but I built a ’squeeze‘ page just like I wanted.

    I still need to do some of the header work but is minor in my opinion.

    Thanks

  36. Marc Shaw says

    Hey, I read a lot of blogs on a daily basis and for the most part, people lack substance but, I just wanted to make a quick comment to say GREAT blog!…..I“ll be checking in on a regularly now….Keep up the good work! :)

    – Marc Shaw

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.