{"id":48806,"date":"2022-03-21T09:20:29","date_gmt":"2022-03-21T09:20:29","guid":{"rendered":"\/tutorials\/?p=48806"},"modified":"2025-10-31T14:56:18","modified_gmt":"2025-10-31T14:56:18","slug":"wordpress-page-template","status":"publish","type":"post","link":"\/tutorials\/wordpress-page-template","title":{"rendered":"How to create a custom WordPress page template"},"content":{"rendered":"

Designing a website can be time-consuming. Even if you’re using a powerful WordPress theme or page builder, you may still spend hours building and editing your pages. Additionally, you might prefer to create a custom WordPress page template rather than use a generic and premade layout.<\/p>

By creating WordPress templates, you can apply them to any page on your website. Therefore, you can also tweak your overall web design without manually updating every page.<\/p>

In this post, we’ll look at why you might want to use custom page templates. We’ll then show you how to create them in WordPress. Let’s get started!<\/p>

How to Create a Custom WordPress Page Template (2 Methods)<\/h2>

As we’ve seen, creating custom WordPress page templates gives you more freedom over your site’s appearance. This process also helps you save time.<\/p>

Fortunately, there are different ways you can create page templates in WordPress. For instance, you can either make one manually and upload it to your site or use a page-building plugin.<\/p>

Let’s take a closer look at each method!<\/p>

1. Create a Page Template Manually<\/h3>

If you’re already familiar with how to create a WordPress theme<\/a>, you might want to opt for the manual approach. This method requires a bit of coding knowledge and gives you a lot of flexibility over your custom template design.<\/p>

\n\n\n

Important!<\/strong> In this tutorial, we’ll create and upload a template file to your current theme. We recommend creating a child theme first. This way, you won’t lose your new changes when the parent theme gets updated.<\/p><\/div>\n\n\n\n<\/p>

Step 1: Create a Template File<\/strong><\/p>

To get started, open your text editor of choice and add this line of code:<\/p>

<?php \/* Template Name: CustomPage *\/ ?><\/pre>
You can name your template anything you want. However, we recommend using an identifiable name.<\/p>
For example, if you’re creating a page template for a specific type of blog post, such as how-to guides, you can call it “Tutorials”. Likewise, if you’re making a template that excludes your theme’s sidebar, you can call it “PageWithoutSidebar”.<\/p>
Once you’ve added the code, save your file as something like “custompage.php”. You can use any name for your template file, but it must have the .php<\/strong> <\/em>extension.<\/p>
Step 2: Upload the Template File to Your Site<\/strong><\/p>
Next, you’ll need to upload this file to your site. To do this, you can use a File Transfer Protocol (FTP)<\/strong> client like FileZilla.<\/p>
If this is your first time using an FTP, you’ll need to enter your credentials, including your username and server hostname. You can find this information in your WordPress hosting<\/a> account dashboard.<\/p>
Once you’ve connected FileZilla<\/a> to your site, navigate to the wp-content\/themes\/<\/strong> folder and open your child theme folder:<\/p>
\n
\"Child<\/a><\/figure><\/div>
Then, upload the template file you’ve just created to this folder. This template should now be available on your website.<\/p>
To confirm this, navigate to your WordPress admin area and create a new page (or open an existing one). In the Settings<\/strong> panel, locate the Template<\/strong> section and click on it to view your options:<\/p>
\n
\"WordPress<\/a><\/figure><\/div>
You should see your new template in the list. However, if you set this as the template and click on Preview<\/strong>, you’ll get a blank page.<\/p>
This is because we haven’t added anything to the file yet. We’ll show you how to customize it in the next step.<\/p>
Step 3: Customize Your Template File<\/strong><\/p>
First, you’ll need to copy the existing page template of your theme. To do this, connect to your site via FTP and navigate to your current theme folder. Then, look for a file called page.php<\/strong> and open it in a text editor.<\/p>
Next, you’ll need to copy the following code within the page.php<\/strong> file:<\/p>
\n
\"The<\/a><\/figure><\/div>
When you’re done, open your custom page template file and paste that code just below the following line:<\/p>
<?php \/* Template Name: CustomPage *\/ ?><\/pre>
Your template file should now look something like this:<\/p>
\n
\"The<\/a><\/figure><\/div>
You can now edit your custom page template file. For instance, if you want to remove the footer from the template, you can delete the following line:<\/p>
<?php get_footer(); ?><\/pre>
You can also add custom PHP code to customize the template to your liking further. When you’re done, save your changes.<\/p>
Now, if you return to the post or page where you’ve applied the template and click to preview it, you should be able to see your new changes.<\/p>
\"\"<\/a><\/figure>
2. Create a Page Template With a Page Builder Plugin<\/h3>
Don’t worry if you lack knowledge in coding. There is an easier way to create your own templates, and it involves using a page-building tool.<\/p>
Fortunately, several WordPress page builders<\/a> enable you to build custom designs. This section will be looking at two popular options – Elementor vs Beaver Builder<\/a>.<\/p>
Building a Custom WordPress Page With Elementor<\/strong><\/p>
Elementor comes with a drag-and-drop editor that makes it easy to build and customize pages in WordPress. You can create custom templates with widgets and use them across your website. You can also choose from premade Elementor templates and adjust them to your liking.<\/p>
Learn more about the differences between using a page builder and native templates in our Elementor vs WordPress guide<\/a>.<\/p>
In this tutorial, we’ll show you how to build a basic WordPress page template with Elementor. You can use the free version<\/a> of the builder to create a WordPress custom design and apply it across selected pages. However, Elementor Pro<\/a> has more customization options and features.<\/p>
Step 1: Design Your Template<\/strong><\/p>
Once you’ve installed and activated Elementor on your website, navigate to Templates<\/strong> and click on Add New<\/strong>:<\/p>
\n
\"The<\/a><\/figure><\/div>
Elementor will then ask you to select what type of template you want to create and give it a name:<\/p>
\n
\"Choose<\/a><\/figure><\/div>
If you’re using the free version, you can choose from Page<\/strong>, Section<\/strong>, or Landing<\/strong> <\/em>Page<\/strong>. To create WordPress custom post<\/a> templates, you’ll need to upgrade to Elementor Pro.<\/p>
When you’re ready, click on Create<\/strong> <\/em>Template<\/strong>. This will launch the Elementor editor:<\/p>
\n
\"Elementor's<\/a><\/figure><\/div>
You’ll find a selection of elements that you can drag and drop onto your page on the left-hand side. However, before you start, you might want to change the page layout of your template.<\/p>
Click on the Settings<\/strong> icon in the bottom left-hand corner:<\/p>
\n
\"The<\/a><\/figure><\/div>
You can then choose your page layout from the provided list. For instance, if you select Elementor<\/strong> <\/em>Canvas<\/strong>, you’ll get a completely blank page:<\/p>
\n
\"The<\/a><\/figure><\/div>
Once you choose your page layout, you can start adding elements to your page. Alternatively, you could use an existing template as your base.<\/p>
To access these Elementor templates, you just need to click on the folder icon:<\/p>
\n
\"Elementor's<\/a><\/figure><\/div>
You can then select a block or a complete page:<\/p>
\n
\"Elementor's<\/a><\/figure><\/div>
You can then select any element on your page to configure its settings:<\/p>
\n
\"Elementor's<\/a><\/figure><\/div>
When you’re ready, click on the arrow next to the Publish<\/strong> button, and select Save<\/strong> <\/em>as<\/strong> <\/em>Template<\/strong>:<\/p>
\n
\"The<\/a><\/figure><\/div>
Elementor will then ask you to enter a name for your template. This layout will then be saved to your template library.<\/p>
Step 2: Apply the Template to Your Pages<\/strong><\/p>
Once you’ve created and saved your template, you can use it on any page designed in Elementor.<\/p>
To start, click on Pages<\/strong> → Add New<\/strong>, then select the Edit<\/strong> <\/em>with<\/strong> <\/em>Elementor<\/strong> button:<\/p>
\n
\"WordPress<\/a><\/figure><\/div>
This will open your new page in the Elementor editor:<\/p>
\n
\"Elementor<\/a><\/figure><\/div>
You can then click on the folder icon to open the template library (as shown earlier) and look for your template under My<\/strong> <\/em>Templates<\/strong>. Then, simply insert your template into the page, and customize it as you see fit.<\/p>
Note that if you use Elementor Pro, you’ll also get access to the Theme Builder:<\/p>
\n
\"Elementor<\/a><\/figure><\/div>
This feature lets you design custom elements, including headers, footers, and single post templates, then configure their display conditions.<\/p>
For instance, if you create a WordPress post template<\/a> with the Theme Builder, you can choose to apply it to all of your posts.<\/p>
Building a Custom WordPress Page With Beaver Builder<\/strong><\/p>
Beaver Builder is another tool that can help you create WordPress custom page templates. Similar to Elementor, this page builder plugin comes with a drag-and-drop editor and a wide selection of elements called “modules”.<\/p>
Beaver Builder also lets you save your designs as templates. However, this feature is only available with the premium version<\/a> of the plugin.<\/p>
In this tutorial, we’ll use the premium plugin to show you how to create a WordPress page template.<\/p>
Step 1: Design Your Template<\/strong><\/p>
After you’ve installed and activated the plugin in your WordPress dashboard, navigate to Beaver<\/strong> <\/em>Builder<\/strong> → Templates<\/strong> and select Add<\/strong> <\/em>New<\/strong>:<\/p>
\n
\"Templates<\/a><\/figure><\/div>
You’ll then be asked to choose a name for your design and select a template type:<\/p>
\n
\"Add<\/a><\/figure><\/div>
Then, click on Add<\/strong> <\/em>Saved<\/strong> <\/em>Template<\/strong> and select Launch<\/strong> <\/em>Beaver<\/strong> <\/em>Builder<\/strong>. This will take you to the builder:<\/p>
\n
\"Beaver<\/a><\/figure><\/div>
You can then start creating your template. You can drag and drop elements from the Modules<\/strong> <\/em>tab, then click on them to configure their settings.<\/p>
Alternatively, you can use a Beaver Builder template:<\/p>
\n
\"Beaver<\/a><\/figure><\/div>
When you’re happy with your changes, click on the Done<\/strong> button in the top right corner. Then, select Publish<\/strong>.<\/p>
Step 2: Apply the Template to Your Pages<\/strong><\/p>
Once you’ve created your template, you can apply it to any page on your website. Start by opening your page for editing (or creating a new one), then click on Launch<\/strong> <\/em>Beaver<\/strong> <\/em>Builder<\/strong>:<\/p>
\n
\"Beaver<\/a><\/figure><\/div>
From the Templates<\/strong> tab, select Saved<\/strong> <\/em>Templates<\/strong> and choose your design:<\/p>
\n
\"Template<\/a><\/figure><\/div>
Beaver Builder will now add the template to your page. You can then make any changes you want to it. When you’re ready, click on Done<\/strong>, then select Save<\/strong> <\/em>Draft<\/strong> or Publish<\/strong>.<\/p>
Conclusion<\/h2>
Learning how to create a WordPress page template can help you save time and effort. This process also enables you to easily adjust your site design to suit your needs better. You can make a variety of layouts, including WordPress single post templates.<\/p>
In this post, we looked at two main ways to build WordPress custom page templates:<\/p>
    \n
  1. Create a template file and upload it to your theme folder using a tool like FileZilla.<\/li>\n\n\n\n
  2. Use a page builder plugin like Elementor or Beaver Builder.<\/li>\n<\/ol>
    Both of these methods give you a lot of customization freedom, so you can choose the one you feel most comfortable with.<\/p>
    Do you have any questions about creating a custom WordPress page template or creating a website? Let us know in the comments section below!<\/p>
    \n\n\n
    \n                    
    Learn More WordPress Expert Techniques<\/h4>\n                    
    How to Become a WordPress Developer<\/a>
    \n    Complete WordPress Guide<\/a>
    \n    How to Create WordPress Custom Widgets: What They Are and How They Work?<\/a>
    \n    Understanding the WordPress Template Hierarchy: A Complete Guide<\/a>
    \n    How to Set Up and Manage a WordPress Cron Job<\/a><\/p>\n                <\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"
    Designing a website can be time-consuming. Even if you’re using a powerful WordPress theme or page builder, you may still […]<\/p>\n
    Read More…<\/a><\/p>\n","protected":false},"author":76,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Beginner's Guide to WordPress Page Templates (2 Methods)","rank_math_description":"Page template files simplify the custom page creation process. Learn two methods on how to create a custom WordPress page template.","rank_math_focus_keyword":"wordpress page template","footnotes":""},"categories":[22642,22637],"tags":[],"class_list":["post-48806","post","type-post","status-publish","format-standard","hentry","category-content-creation","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-page-template","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/como-criar-uma-pagina-template-no-wordpress","default":0},{"locale":"pl-PL","link":"https:\/\/www.hostinger.com\/pl\/tutoriale\/szablon-strony-wordpress\/","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/wordpress-page-template-2\/","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-page-template","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/wordpress-page-template","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/wordpress-page-template","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/como-criar-uma-pagina-template-no-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-page-template","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-page-template","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-page-template","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-page-template","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/posts\/48806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/users\/76"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/comments?post=48806"}],"version-history":[{"count":18,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/posts\/48806\/revisions"}],"predecessor-version":[{"id":135994,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/posts\/48806\/revisions\/135994"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/media?parent=48806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/categories?post=48806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/tutorials\/wp-json\/wp\/v2\/tags?post=48806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}