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.
Im Laufe der Jahre haben wir auf WPBeginner viele benutzerdefinierte Seiten für verschiedene Zwecke erstellt. Wir haben sie verwendet, um verschiedene Angebote für Plugins und Hosting-Services zu zeigen, Pro-Services anzubieten, um Nutzern mit WordPress zu helfen, verschiedene Produkte anzuzeigen und mehr.
Unserer Erfahrung nach gibt es mehrere Möglichkeiten, benutzerdefinierte Seiten zu erstellen. Für einige unserer Projekte haben wir Seitenerstellungsprogramme wie SeedProd verwendet. Darüber hinaus können Sie auch den Block-Editor oder vollständige Site-Editoren verwenden, um Ihrer Website benutzerdefinierte Seiten hinzuzufügen.
In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach eine benutzerdefinierte Seite in WordPress erstellen können.
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.
- Method 1. How to Create a Custom Page in WordPress Using the Block Editor (No Plugin Required)
- Method 2. How to Create a Custom Page Using the Full-Site Editor (Block-Based Themes Only)
- Method 3. Create a Custom Page in WordPress using SeedProd (Recommended)
- Method 4. Using Thrive Architect to Create a Custom Page in WordPress
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“.
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“.
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.
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.
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.
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.
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.
Standardmäßig wird im vollständigen Site-Editor die Home-Vorlage Ihres Themas angezeigt.
Klicken Sie im Menü auf der linken Seite auf „Seiten“.
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.
WordPress zeigt nun eine Vorschau des Designs an.
Um diese Vorlage zu bearbeiten, klicken Sie auf das kleine Bleistiftsymbol.
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“.
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 die besten 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.
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“.
Sie können nun eine Vorlage für Ihre benutzerdefinierte Seite auswählen.
Die Vorlagen von SeedProd sind in verschiedene Kampagnentypen wie „Lead“,„Squeeze“ und„Coming Soon“ unterteilt. Sie können auf die Registerkarten am oberen Rand des Bildschirms klicken, um Vorlagen nach Kampagnentyp zu filtern.
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.
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.
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.
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.
Ü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.
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.
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.
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“.
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.
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.
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.
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.
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.
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.
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“.
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.
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“.
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.
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.
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.
Ä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.
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.
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“.
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.
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 zum Erstellen einer Landing Page mit WordPress und zum Teilen von Beitrags- oder Seitentiteln in 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.
NG SHAIKH
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
NG SHAIKH
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
Ajay
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!
The Last One
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.
Rob
Thanks – once again – how to remove header/footer/sidebar?
Thanks
Editorial Staff
Remove get_sidebar(), get_footer(), and get_header().
This will break all the styling because your stylesheet won’t load. So you need to make sure that wp_head() and wp_footer() are added in your template.
Fore more customization help, you may want to look here:
https://codex.wordpress.org/Theme_Development
Admin
Jeff
thanks great help
Deepan
Thanks for this tutorial,this tutorial help me to understand the concept easily.Good Work keep continuing like this.
-Deepan
tony kh tan
Thank you for this tutorial. I use cPanel to add the customPage.php onto wp-content/.. and it works. Without using FTP.
Njoroge Mathu
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.
Amit Prasad
Great Article. Exactly what I was looking for. Keep up the good work pal!
Osvaldo
This article, pure and simple, works like charm to me!!!
Jean-Charles de Geekarts
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
Ronny
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…
Chadly
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…
irfan
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
karlonc
Does this tutorial still apply to the newest wordpress?
Also will it keep any of the attributes of the theme you are using?
WPBeginner Support
Yes, it applies on latest WordPress and will keep all attributes of the theme you are using.
Admin
Musarrof
Please give details more and write it easily with screenshot. new word-press user cant understand your reading tutorial.
WPBeginner Support
Thanks for your feedback. Please let us know which part you did not understand and we will try to explain it.
Admin
Carol H.
I didn’t understand this part…
Once you have completed editing this file save it and upload it in your theme directory (/wp-content/themes/yourthemedirectory/) where files like single.php and index.php are located.
How does one upload to one’s theme directory? (I have a wordpress.com site; does this have anything to do with this?)
WPBeginner Support
Yes, you cannot upload files on WordPress.com sites. Please take a look at our guide on the difference between WordPress.com and Self hosted WordPress.org sites.
vinay
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
terance perera
go to appearance -> editor -> then you can see page templete or page.php
Joanna Gasdogas
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.
kuldeep
how to create a simple template in wordpress
Joanna Gasdogas
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.
Samsher
Hey plz upload snap shot..
Marow95
How can I change the url ?
I mean instead of „blog/?page_id=2“ , I want it to be „blog/about“ .
Thanks in advance
WPBeginner Staff
Check out our guide on how to create SEO friendly URL Structure in WordPress.
Asim
Checkout Permalinks at the very beginning of the page.
Kikky
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
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
Pol Alvarez
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
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
Ansar
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
ReNet
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
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
Sean
Thanks for this – who knew it could be so simple!
Troy
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!
WPBeginner Support
It seems like you are trying to design a page in Dreamweaver and trying to import it in WordPress. This will not work. Because your page already has a structure and style defined by your WordPress theme.
Admin
Troy
thanks for the reply. Can I just take the html body from dreamweaver and paste it into the theme?
WPBeginner Support
No it will still have the similar effect.
Surya
You can do that but try pasting the code in notepad first and then copying it again to Wordpress. This usually eliminates some unwanted things like DOM.
niharika
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
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
Andrea
Thanks for the post – this was exactly what I was looking for, and so helpful!
Stuart Alsop
Thank you sooooo much for this tutorial. solved a big headache for me! Keep up the good work!
Darren
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!
Tim Reeves
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 !!!! : )
lucas
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
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
thaaaaannnksssssssss im a front end developer and i consider myself a wp beginner i found this article really helpful
Markus Freeman
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
Editorial Staff
That means that there is something wrong with the code in your template.
Admin
James
I tried this too and like above only the sidebar shows. What could be wrong with the code in my template?
Joe
Try copying the WordPress hook ( if statement) from the page.php file. Then paste it into the new file.
Karla Porter Archer
Thanks for this tutorial.
I’m trying to do this in order to create the author page (https://www.wpbeginner.com/wp-tutorials/how-to-display-an-author-list-with-avatars-in-wordpress-contributors-page/).
I’m using a child theme. Does this file get added to the main theme file directory or the child theme?
Karla Porter Archer
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
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
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!
Max Garcia Jr
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!
Editorial Staff
We didn’t reply because they also commented right after that they figured it out. You have to use FTP to login and upload a new theme file.
Admin
LJSkool
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!
Editorial Staff
Hey Jackie,
Yes this article does require prior HTML/CSS knowledge. Text Editor can be Notepad, Dreamweaver, Notepad++ etc.
Admin
Ruth
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!
Taika
„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
withloveash31
Oh never mind. I figured it out
withloveash31
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
nola
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!
saro.verhees
Really awesome, exactly what i was looking for. Thanks
scarab
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
Nina
Brilliant!
Alex Batista
How to create a custom page in WordPress and put it how default?
Editorial Staff
https://www.wpbeginner.com/wp-themes/how-to-create-a-custom-homepage-in-wordpress/
Use the page link above.
Admin
Frank
freakin phantastic blog! This may be the best project site on the web…
Marc Shaw
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
Missy
Hi,
I’m on here now trying to do this. Let me see if I can pull it off.
MOMO
Excellent tutorial. cheers guys.
Momo