How to Create a Custom Page in WordPress - YouTube

How to Create a Custom Page in WordPress?

If you wish to create a custom WordPress page then this blog is all you need to read to get started right away. Stay tuned till the end to learn some important tips and tricks on how to create your very own custom WordPress page. A custom page allows you to use a different format from regular pages. Most WordPress sites have custom page layouts for their landing pages, sales pages, webinar pages, and more. Let us begin our tutorial;

 

What Is A WordPress Custom Page?

 

By default, WordPress allows you to create pages and posts; you can effectively control how your page looks by using a template file ‘page.php’. You can use manage your single WordPress pages by using this template file in WordPress. However not every page is the same for example, a landing page is very different from a regular site page. In old days, creating a WordPress custom page was done by coding your custom template using CSS, HTML, and PHP. If you are a beginner, you might want to skip this part. We recommend using SeedProd, a page builder plugin to create your very own custom page.

 

How to Create a Custom Page in WordPress Using SeedProd?

 

SeedProd is an efficient drag and drop page builder for WP. It offers 100 plus designer templates that you can use to form your page. You can also create a completely customized WordPress page without writing any code and just by using drag & drop builder. This plugin is specially designed for both professional and beginner-level users. It comes with many advanced features that you can use to create remarkable pages to engage a wider audience and increase your sale conversions. First, you will need to install and log in to the SeedProd plugin. As soon as you activate your plugin, you should land on the welcome page. You are expected to enter your license key by clicking on the ‘Verify key’ red button. You can locate your license key in your account settings area on the SeedProd site.

 

Entering your license key for SeedProd

 

Next, you need to go to SeedProd » Pages in the WP admin. Then press the ‘New Landing Page’ button.

 

Creating a new landing page in SeedProd

 

Next, you will have to select a template. You can filter templates to find the right choice for the type of page you wish to create. If you want to start from the first point then you can use the blank template and move forward.

 

Choosing your page template in SeedProd

 

For the sake of a clear demonstration, we are going to use the ‘Course Sales Page’ template. Then you will have to give your page a suitable name and set the site URL. Afterward, you can save changes by clicking the ‘Save and Start Editing the Page’ red button.

 

Giving your page a name and URL in SeedProd

 

The templates that you select will automatically load up in the SeedProd page builder.

 

The SeedProd page builder interface

 

You can also edit the template and change anything with a simple double click. You can easily change the text in the page builder just like how it is shown in the reference image given below;

 

Editing your page headline in SeedProd

 

You can change the format of your text, add relevant links, shift the alignment of text, and much more. It is also very convenient to edit loads of images using the SeedProd page builder. All you need to do is to right-click on the image that you wish to change. In this example, we are going to replace the default image at the top of the page with a new image.

 

Uploading a new image into SeedProd

 

You can make changes to anything by just clicking on it. One simple click will result in the editing pane on the left side of your page. To insert new blocks (elements) click on the Design tab (top of the page). You can select any Advanced or Standard block and drag it into place on the page.

 

Adding blocks in SeedProd

 

After adding a new block, to edit it, you just have to click to edit it. Here is a demo of how we have added a block to our page.

 

A list block in SeedProd

 

If you have committed typos or any other mistake at the time of editing you can click on the ‘Undo’ button present at the bottom of the page to reverse any changes made to the page.

 

The Undo button in SeedProd

 

You will find other important features at the bottom as well which include, revision history, mobile preview, layout navigation, redo button (which we are going to use here), and global settings for your page. Once you are all satisfied with your page it is time to publish it. To successfully put your page out there you will have to click the dropdown arrow located close to the ‘Save’ button at the top screen. Later on, complete this step by clicking on the ‘Publish’ option.

 

Saving or publishing your page in SeedProd

 

You will receive a screen message to let you know that your page is published successfully. To check out your page you can click on the ‘See Live Page’ button.

 

The SeedProd message letting you know that your page has been published

 

To make any changes due to a change of mind in the future, you will simply have to go to SeedProd » Pages in your WordPress admin. Your saved page will be on the list of landing pages. Just click on the title to make quick changes.

 

Editing your existing landing page in SeedProd

 

How to Create a Custom Page in WordPress Using Beaver Builder?

 

Beaver Builder is another commonly utilized drag and drop page builder for WordPress sites. You can use it to create a custom page on your blog or site. It is notified to use the complete version of Beaver Builder for attaining the best results. There is also a free version available for beginner-level users that provide access to a limited range of features. Let us begin with the most essential initial step i.e, to install and activate the Beaver Builder plugin. Upon completion of the very first step, you will encounter a welcome screen. Enter your license key and click on ‘Save License Key’ to save changes.

 

Adding your license key to Beaver Builder

 

To be able to create your very own WordPress custom page go to Pages » Add New in WP Admin and click on the ‘Launch Beaver Builder’ button.

 

Launch the Beaver Builder editor when creating a new page

 

To add rows and modules to create your page, simply click on the block you wish to use and drag it into your page.

 

Selecting modules or rows to drag and drop using Beaver Builder

 

You begin creating your page with a template. To do this, go to the Templates tab and select a template of your interest.

 

Choosing a template in Beaver Builder

 

You can start by clicking on any section of the template to make changes. For instance, you can add more colours, images, or text to your template to enhance its design even more. Here we are editing the header page. Beaver Builder’s editing process is not as simple as SeedProd’s as you will have to type text in another popup box.

 

Editing a heading in Beaver Builder

 

Once you have completed making alterations to your page, you will need to click on the ‘Done’ button present on the top right of your page. You can then save changes and publish your post.

 

Saving your post in Beaver Builder

 

How To Create a Custom Page Template Manually?

 

You can also create a custom page template manually in WordPress without using any plugin. Begin by opening a plain text editor like a Notepad on your PC.

 

In the blank file, add this line of code at the top:

 

1 <?Php /* Template Name: CustomPageT1 */ ?>

 

This code informs WordPress that this is a template file and it is read as CustomPageT1. You can simply name your template anything as long as it makes sense to you. After adding your code, proceed to save the file to your PC as, custompaget1.php. You can save your file with any name that is relatable to your just make sure that the name ends with the .php extension. For this very next step you will have to link to your WP hosting account using an FTP client. As soon as you are connected go to the child theme folder, you can find it in the /wp-content/themes/ directory. Now you will need to upload your custom page template file to your theme. To complete the action login to your WordPress admin to edit your existing page or create a new one. To select the template you have created just now click on the Template dropdown menu box in the ‘Page Attributes section.

 

Selecting your custom page template

 

You can even add a new template; you can visit the page on your WordPress site right this instance. You will see a blank page this is due to the reason that your template is currently empty and does not inform WordPress what to present on the screen.

 

Learn To Your Custom Page Template

 

Your custom page template is like any other theme file present in WordPress. You can add template tags, HTML, or PHP code to this file. The fastest method to get started with your custom page is by copying the existing page template provided by the theme. To do this open your FTP client and go to the theme file, there you will find a file named page.php. You can download this file to your PC.

 

Downloading the page php file for your site

 

Click to open the page.php file in an editor like Notepad to copy content without the header part.

 

Template header of a typical page php file in WordPress

 

The header part is located at the very top of the file we are not required to copy it because the custom page template already has a specially designed one. You will need to open your custom page template file and paste the code you have copied at the end. It would look something like this:

 

<?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(); ?>

 

You can save your custom page template file and upload it to your theme folder via FTP. Your custom template file will look exactly like your other WordPress pages. You can edit your custom page template file and customize it in any manner you want. For instance, you can remove the sidebar by removing the line <?Php get_sidebar. You can include a custom PHP code or HTML if you want to. To add new content to your page just edit it like a normal WordPress page. If you are interested in our SEO and PPC service, you may ask for a free quote!

 

No Comments

Post a Comment

Comment
Name
Email
Website