How Do You Create A Template Part In Wordpress 2021

wordpress page template

1 of the nearly important selling points of WordPress is the thought of themes. A unmarried theme adds great value to the design and functionality of the website. Even so, there are websites that have dissimilar designs on different pages.

Unfortunately, several WordPress themes restrict users from altering layouts and functionality for a different page in the hierarchy. WordPress custom page template allows users to integrate custom requirements such as right/left sidebar on a particular page, an boosted call-to-action functionality, or maybe a unique header for a particular landing folio. Permit's dive in further to meet how WordPress custom page template display different type of content.

A custom WordPress folio template could exist used for a number of purposes. Some ideas include:

Show contempo posts of each category
Embed Google Map or any script
List of all authors.
Recently uploaded images
Custom design page for the portfolio
Contact page

The appearance of all the pages and posts that are created on a WordPress website is handled by a template file named page.php. Creating or editing a custom folio template in WordPress requires basic knowledge of HTML, CSS, and PHP.

Managed WordPress Hosting Starting From $10/Month

Experience Faster WordPress Themes' Performance & Constant Availability on Cloudways.

But open whatever text editor and paste the following code in it.

<?php /* Template Proper name: PageWithoutSidebar */ ?>

The above line of lawmaking tells WordPress that it is a template file chosen PageWithoutSidebar. You can utilise any proper name you desire. At present save this file as PageWithoutSidebar.php. Again y'all tin use whatever other proper name for the file. Merely don't forget to go on the extension as .php

Now, we're going to test our newly created template file.

Login to your hosting console. In this instance, I am using Cloudways – A fastest managed WordPress hosting. Cloudways supports WordPress applications with the provider options for AWS, DigitalOcean, GCP, Linode and Vultr. Navigate to /wp-content/themes binder. Open your electric current theme folder and upload PageWithoutSidebar.php file at that place.

Navigate to Theme Folder

Become to WordPress Admin Panel > Pages > Add New. You lot can see the new custom page template listed on the right side.

Add new Page

Create a new folio and set its template to PageWithoutSidebar. Once washed, Publish it.

Page Without Sidebar

Open up the newly created page. As there are no design elements in the template nevertheless, a blank page like the image below is displayed.

Blank Page

This shows that the custom page template in WordPress is successfully implemented, hence you can create a custom responsive WordPress theme

It is now fourth dimension to add a few lines of code to brandish the content of the page.

For this demo, I will hash out how you could customize the default Twenty Sixteen page template.

The default appearance of the pages is generated past folio.php file located in /wp-contents/themes/YOUR THEME/ folder. Open up page.php and re-create this code.

<?php get_header(); ?>  <div id="chief" grade="content-area">                 <principal id="main" class="site-principal" role="principal">                                 <?php                                 // Showtime the loop.                                 while ( have_posts() ) : the_post();                                                  // Include the page content template.                                                 get_template_part( 'template-parts/content', 'folio' );                                                  // If comments are open up or we have at to the lowest degree one comment, load upward the comment template.                                                 if ( comments_open() || get_comments_number() ) {                                                                 comments_template();                                                 }                                                  // Cease of the loop.                                 endwhile;                                 ?>                  </chief><!-- .site-main -->                  <?php get_sidebar( 'content-bottom' ); ?>  </div><!-- .content-area -->  <?php get_sidebar(); ?> <?php get_footer(); ?>

Paste this code into PageWithoutSidebar.php just beneath this line of code.

<?php /* Template Name: PageWithoutSidebar */ ?>

Save information technology!

Your consummate PageWithoutSidebar.php file will look like below.

<?php /* Template Proper noun: PageWithoutSidebar */ ?>  <?php get_header(); ?>  <div id="chief" course="content-area">                  <main id="chief" form="site-master" role="main">                                  <?php                                  // First the loop.                                 while ( have_posts() ) : the_post();                                                  // Include the folio content template.                                                 get_template_part( 'template-parts/content', 'page' );                                                  // If comments are open or we take at least one comment, load up the comment template.                                                 if ( comments_open() || get_comments_number() ) {                                                                  comments_template();                                                  }                                                  // Cease of the loop.                                 endwhile;                                  ?>                  </principal><!-- .site-main -->                  <?php get_sidebar( 'content-bottom' ); ?>  </div><!-- .content-expanse -->  <?php get_sidebar(); ?>  <?php get_footer(); ?>

Go dorsum to your folio and refresh it. You lot'll observe everything is working in the way it does on the default WordPress Twenty Sixteen theme.

WordPress Default Theme

Now permit us customize it. As you can see at that place is a sidebar on the right side. I will remove it from this page only. All other pages will have the default appearance of the 20 Sixteen theme.

Open up the file PageWithoutSidebar.php file. Gyre down till the end of the file and remove:

<?php get_sidebar(); ?>

This is the line of code that gets the sidebar on the page. After removing the line, save it. Open up the page'due south URL and the sidebar is no more!

Sidebar Removed

As yous can see, the sidebar has been successfully removed from this page. However, the text alignment is not good. There is a blank infinite on the right side. The fix is to justify and extend the text to fill the screen.

Get back to PageWithoutSidebar.php and find:

<div id="primary" class="content-expanse">

Just alter "content-expanse " to "site-content-fullwidth" and you're done. Refresh the page and the content is full width.

WordPress Themes Perform Faster on Cloudways

300x Faster WordPress Websites – Check it out yourself

Wide Content Area

Still curious virtually why I have created a custom page template when I could take easily edited the page.php file? It's quite obvious that if page.php file is edited, all the pages across the website would show the changes. In order to apply customized appearance on specific pages, the custom page template in WordPress comes in handy. You can also define a custom user role in WordPress in lodge to assign different privileges to users.

If you've any queries, feel free to ask by posting in the annotate department below.

Share your stance in the annotate department. Comment Now

Share This Commodity

Customer Review at

"Beautifully optimized hosting for WordPress and Magento"

Arda Burak [Agency Owner]

Mustaasam Saleem

Mustaasam is the WordPress Customs Manager at Cloudways - A Managed WordPress Hosting Platform, where he actively works and loves sharing his knowledge with the WordPress Community. When he is non working, you lot can notice him playing squash with his friends, or defending in Football, and listening to music. Yous can electronic mail him at [email protected]