How To Make A Basic Custom Page Template

There’s no need to code a page template from scratch if you need one.

You can simply modify an existing themes template and easily modify it to your own needs.

In this tutorial, we’ll use the default landing page template included in most Genesis child themes.

Copy Landing Page Template File

Copy page_landing.php file and rename it to page_custom.php

page landing template

Remove Landing Default Template Code

Open up the file using a code editor like Notepad++ and remove any of the remove actions.

Default Landing Page Template Code

Landing Page Template

Here’s the default code from the landing page template you can modify, remove or add to in your template:

Custom Page Template Code

Custom Template Functions

Rename Template & Body Class

Next step is to change the name of the body class to something unique. In this example i renamed it to metro-custom. This is the new class you can use for styling your custom page template.

On top of this, you can also use the page template name, page i.d and/or add a custom body class in the layout settings to style this page template.

You can also add PHP code to this template file.

Once you’re done, upload your new custom page template to the root directory of your child theme.

Custom Page Template

Select Custom Page Template Under Page Attributes

Now you can a dd a new page and use the custom page template or use it with an existing page.

Select the custom page from the Page Attributes for use.

Custom Page Attributes

Front End Custom Page Template

Here’s an example of what your new template will look like after you select and preview it before publishing.

Custom Template Front End Example

Pretty basic but a great starting point for customization.

Page Layout

You can use the Layout settings to change to full width or a different sidebar setup.

Custom Template layout

Page Template Code

This code is for the AgentPress theme however you can modify it for use with any Genesis child theme.

Conclusion

There’s a lot more you can do with this simple page template to make it into anything you like.

Here’s another post about how to create a custom home page template with widgets which might give you some good idea’s.

I’ll be writing more about this subject in the near future.

Related Tutorials


Comments

2 responses to “How To Make A Basic Custom Page Template”

  1. Twumasi Avatar

    Hello Brad,Thank you very much for your in-depth tutorials but my only problem is how to implement this on my twenty eleven theme to be able to control the full padding to the LEFT,TOP,BOTTOM and RIGHT. Any help will be gladly welcome because am very much confuse after spending 8 months learning about this theme customizing and at the end of it all i cant control it padding.

    1. The default themes for WordPress are excellent free themes however they are significantly harder to customize and don’t offer premium support.

      I highly recommend you use a premium design framework like Genesis which is developed for web designers and way easier to customize.

      I would need to know exactly what you want to do to help you however you will find the best support for any of the default themes comes from the WordPress.org forums.

Leave a Reply

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.