WordPress Full Width Page Template twentysixteen-child

If you’ve read my previous blogs, you’d know I am using a child theme. I noticed that the theme didn’t come with a full width page template, so here are the simple steps to create one within your child theme.

Referencehttps://itsmetommy.com/2015/12/20/wordpress-child-themes/

Step 1

Copy page.php from the twentysixteen folder into your twentysixteen-child theme folder as a new file named page-wide.php.

cp /var/www/itsmetommy.com/public_html/wp-content/themes/twentysixteen/page.php /var/www/itsmetommy.com/public_html/wp-content/themes/twentysixteen-child/page-wide.php

Step 2

Edit page-wide.php within your child theme folder.

Add the following at the top of the page – remove all other lines between /** and */.

/**
Template Name: Wide Template
*/

Delete the following line.

<?php get_sidebar(); ?>

Change the class from content-area to content-area-wide.

<div id="primary" class="content-area-wide">

and

</div><!-- .content-area-wide -->

Step 3

Add the following to style.css within your child theme folder.

.content-area-wide {
 float: left;
 margin-right: -100%;
 width: 100%;
 }

You will now have the option to choose Wide Template within WordPress Pages.

wordpress-wide-template