Would you like to make a custom WordPress page?
In WordPress, a custom page allows you to use a different layout than your regular pages. Custom page layouts for sales pages, landing pages, webinar pages, and other WordPress pages are common.
In this article, we’ll walk you through the process of creating a custom page in WordPress.
Understanding WordPress Custom Pages
WordPress allows you to create posts and pages by default.
The appearance of your pages is controlled by a template file called page.php in your WordPress theme.
This template file has an impact on all single pages created in WordPress.
However, as you may be aware, not all pages are created equal. For example, you might want to create a landing page that differs from the rest of your website.
Creating a custom page in WordPress used to entail hand-coding your own HTML, CSS, and PHP template. That method will be covered, but it is not recommended for beginners.
Creating a Custom Page in WordPress with SeedProd
SeedProd is the best WordPress drag-and-drop page builder. It includes over 100 professionally designed templates to use as the foundation for your page.
Alternatively, you can use their drag-and-drop builder to create a completely custom WordPress page without writing any code.
SeedProd is designed to be user-friendly, even for complete novices. Advanced options, on the other hand, allow you to create visually stunning pages that will engage your visitors and increase conversions.
The SeedProd plugin must first be installed and activated. See our step-by-step guide to installing a WordPress plugin for more information.
Note that the SeedProd plugin is also available in a free version. However, we’ll use the Pro version for our example because it has a lot of useful features.
You should see the welcome page after activation. To verify your license key, enter it here and click the ‘Verify key’ button. Your license key can be found on the SeedProd website in your account area.
Then, in your WordPress admin, go to SeedProd » Pages. Then simply select ‘Create New Landing Page’ from the drop-down menu.
Creating a new landing page in SeedProd The next step is to select a template. You can use the filters to find templates for the specific type of page you’re making. Use the blank template if you prefer to start from the beginning.
We’ll use a ‘Course Sales Page’ template for the purposes of this tutorial.
You’ll be asked to name your page and specify the URL. Following that, click the ‘Save and Continue Editing the Page’ button.
The page builder in SeedProd will now display the template you selected.
Simply click on any part of the template to change it. It’s simple to edit text directly in the page builder. For example, we’re currently working on the page’s headline.
You can change the alignment of your text, add links, and more.
The SeedProd page builder also makes it simple to edit images. Simply select the image you want to change and click on it.
We’ve replaced the default image at the top of the page with our own in this example.
Simply click on the item you want to change and make the changes you want. This will bring up the editing pane on the page’s left side.
Simply click the Design tab at the top of the page to add new blocks (elements) to your page. Simply select any Standard or Advanced block and drag and drop it onto your page.
To edit a block, simply click on it after it has been added. On this page, we’ve included a list block.
Don’t be concerned if you make a mistake or change your mind. To undo your actions, simply click the ‘Undo’ button at the bottom of the page.
In this section, you’ll also find the redo button, revision history, layout navigation, mobile preview, and global page settings.
It’s time to preview or publish your custom page once you’re satisfied with it. To publish the page, go to the top of the screen and click the dropdown arrow next to the Save button. Then choose Publish from the drop-down menu.
A message will appear informing you that your page has been published. Simply click the ‘See Live Page’ button to see it right away.
Simply go to SeedProd » Pages in your WordPress admin to edit your custom page at any time in the future.
In the list of landing pages, you should see your saved page. To change the title, simply click on it.
The advantage of SeedProd over any other WordPress page builder is that it will not slow down your site. SeedProd is the fastest page builder, and it allows you to create completely custom page layouts that are completely independent of your theme design, allowing you to have custom headers, footers, and other elements.
Creating a Custom Page in WordPress with Beaver Builder
Beaver Builder is a well-known and well-liked drag-and-drop WordPress page builder.
It allows you to quickly create customized pages for your website or blog. The full version of Beaver Builder is recommended. Beaver Builder is also available in a free version with limited features.
The Beaver Builder plugin must first be installed and activated. See our step-by-step guide to installing a WordPress plugin for more information.
The Beaver Builder welcome screen will appear after activation. To enter your license key, simply click the License tab. This information can be found in your Beaver Builder account area.
Don’t forget to save your license key by clicking the ‘Save License Key’ button.
To use Beaver Builder, simply create a new page in your WordPress admin by going to Pages » Add New. Then select ‘Launch Beaver Builder’ from the drop-down menu.
After that, the Beaver Builder editor will appear. To make your page, you’ll need to add rows and modules. Simply select the element you want to use and drag it to your desired location on your page.
You can also use a template to get started. To use a template, go to the Templates tab and select one.
Then you can change any part of the template by clicking on it. You can, for example, alter the text, images, colors, and more.
We’re currently working on the page’s heading. Beaver Builder’s editing process isn’t as smooth as SeedProd’s because you have to type the text into a popup box.
Simply click the Done button on the top right after you’ve finished making changes to your page. You’ll be able to save or publish your post after that.
You can manually create a custom page
Template in WordPress if you don’t want to use a plugin.
Note from the editor: Having a lot of plugins running on your WordPress site is perfectly fine. If you’re concerned about having too many plugins, check out our post on how many WordPress plugins you should install.
To begin, open a plain text editor on your computer, such as Notepad. Add this line of code to the top of the blank file:
|
1
|
<?php /* Template Name: CustomPageT1 */ ?> |
This code simply informs WordPress that this is a template file named CustomPageT1 and that it should be recognized as such. Your template can be named whatever you want as long as it makes sense to you.
Save the file as custompaget1.php once you’ve finished adding the code.
Save the file under any name you want, as long as it ends with the.php extension.
You’ll need to use an FTP client to connect to your WordPress hosting account for the next step.
Go to your current theme or child theme folder once you’ve connected. It’s located in the /wp-content/themes/ folder. Then, in your theme, upload your custom page template file.
To create a new page or edit an existing one, you must first log into your WordPress admin area.
Scroll down to the ‘Page Attributes’ section on the page editing screen. A Template dropdown menu will appear. You can select the template you just created by clicking on it.
You will see a blank page if you select your new template and visit this page on your site right now. That’s because your template is blank, and WordPress has no idea what to display.
Don’t worry, we’ll show you how to change your custom page template quickly and easily.
Making Changes to Your Custom Page Template
In WordPress, your custom page template is just like any other theme file. This file can contain any HTML, template tags, or PHP code.
Copying the existing page template provided by your theme is the simplest way to get started with your custom page.
Go to your theme folder in your FTP client. A file called page.php can be found there. This file must be downloaded to your computer.
Copy all of the contents of the page.php file except the header part into a plain text editor like Notepad
The header part is the commented-out part at the top of the file in a typical page php file in WordPress. We’re not copying it because we already have one in our custom page template.
Now open your custom page template file and paste all of the code you copied at the end into it.
This is how your custom page file should now look:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
<?php /* Template Name: CustomPageT1 */ ?><?php get_header(); ?><div id="primary" class="content-area"> <main id="main" class="site-main" role="main"> <?php // Start the loop. while ( have_posts() ) : the_post(); // Include the page content template. get_template_part( 'template-parts/content', 'page' ); // If comments are open or we have at least one comment, load up the comment template. if ( comments_open() || get_comments_number() ) { comments_template(); } // End of the loop. endwhile; ?> </main><!-- .site-main --> <?php get_sidebar( 'content-bottom' ); ?></div><!-- .content-area --><?php get_sidebar(); ?><?php get_footer(); ?> |
Simply save your custom page template file to your theme folder and FTP it back in.
You can now go to the page that you made with the custom page template. It should look exactly like the rest of your WordPress pages.
Continue to edit your custom page template file after that. You can make it your own in any way you want. You can, for example, remove the sidebar by removing the line beginning with?php get sidebar.
You can also include any HTML you want, as well as custom PHP code.
Simply edit the page as usual in WordPress to add the actual content for your page.
You could also leave the page editor’s content area blank and add custom content to your page template directly. The content you add will appear on all pages that use the custom template in this way.
We hope that this article was useful in assisting you in creating a custom page in WordPress.
Comments are closed.