Truemag

  • Categories
    • Tips And Tricks
    • Internet
    • PHP
    • Javascript
    • CSharp
    • SQL Server
    • Linux
  • Lastest Videos
  • Our Demos
  • About
  • Contact
  • Home
  • Write With Us
  • Job Request
Home PHP Create A New Template For WordPress Page

Create A New Template For WordPress Page

Let’s say that you want to create a new WordPress page which its layout does not look like any post/page template and you’re thinking how to create a custom page template for WordPress. This article will help you know how to do that.

As you know, the files defining each Page Template are found in your Themes directory. To create a new Custom Page Template for a Page you must create a file. Go to the directory where you installed WordPress then go to the theme directory. It usually looks like this: “/wp-content/themes/twentyten/” where “twentyten” is your current theme name.

You need to create a new file or duplicate the page.php file there. Let’s call our new Page Template for the custom Page “page-without-sidebar.php”. At the top of the page-without-sidebar.php, put the following:

<?php
/*
Template Name: Page No Sidebar
*/
?>

<?php /* Template Name: Page No Sidebar */ ?>

The above code defines this page-without-sidebar.php file as the “Page No Sidebar” Template and the Template Name: Page No Sidebar is the name that will show up in the Template drop down list when you create/edit a page.

In the custom page, we don’t need the sidebar, so next step you need to include the header and footer and add some HTML as your design.

An example of a new custom Page

<?php
/*
Template Name: Page No Sidebar
*/
?>
<?php
get_header(); ?>
 
		<div id="container">
			<div id="content" role="main">
			  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sapien tellus, viverra vitae sollicitudin sed, tincidunt et elit. Vestibulum volutpat metus ac risus porta eu ultricies tellus pretium. Vestibulum ante nisi, interdum sed varius in, mattis vel nisl. Integer venenatis eros et dolor sollicitudin tincidunt. In hac habitasse platea dictumst. Aliquam venenatis interdum felis, ac placerat leo pharetra sed. Cras ullamcorper feugiat sapien sodales commodo. Fusce nisi libero, hendrerit rhoncus vulputate in, gravida sit amet urna. Vivamus vehicula ullamcorper felis, sit amet varius nunc feugiat non. Ut tristique ligula vel ligula fringilla tempor.</p>
			  <p>Praesent in viverra risus. Suspendisse fringilla tellus vel ante tempus tempor. Aliquam et mi sed velit luctus volutpat non eu augue. Maecenas ut metus lobortis nulla lacinia pellentesque. Vivamus ac enim ut ipsum sodales sagittis quis pellentesque lectus. Fusce et porta mi. Nunc orci purus, varius a tincidunt sit amet, sagittis non justo. Ut posuere lobortis enim vel condimentum. Donec lectus erat, ultrices eu hendrerit a, convallis pretium leo. Vestibulum venenatis, quam eget feugiat scelerisque, nibh nisi cursus nulla, quis sodales augue nisi eu quam. Nullam in lorem diam, id interdum elit. Nunc sit amet dolor ac dolor volutpat viverra non sed magna. Aliquam posuere rutrum bibendum. Duis lobortis bibendum nisi sed ornare. Suspendisse mollis consectetur lectus ac suscipit. Morbi et nisl at erat congue commodo vitae non urna. Mauris vitae eleifend erat. Nunc molestie nibh a magna pellentesque et sollicitudin justo pellentesque. Nunc quis lacus sit amet metus ultricies consectetur ac quis dolor. Nullam sapien purus, tempor accumsan ultricies nec, sollicitudin sit amet turpis.</p>
			</div><!-- #content -->
		</div><!-- #container -->
 
<?php get_footer(); ?>

<?php /* Template Name: Page No Sidebar */ ?> <?php get_header(); ?> <div id="container"> <div id="content" role="main"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sapien tellus, viverra vitae sollicitudin sed, tincidunt et elit. Vestibulum volutpat metus ac risus porta eu ultricies tellus pretium. Vestibulum ante nisi, interdum sed varius in, mattis vel nisl. Integer venenatis eros et dolor sollicitudin tincidunt. In hac habitasse platea dictumst. Aliquam venenatis interdum felis, ac placerat leo pharetra sed. Cras ullamcorper feugiat sapien sodales commodo. Fusce nisi libero, hendrerit rhoncus vulputate in, gravida sit amet urna. Vivamus vehicula ullamcorper felis, sit amet varius nunc feugiat non. Ut tristique ligula vel ligula fringilla tempor.</p> <p>Praesent in viverra risus. Suspendisse fringilla tellus vel ante tempus tempor. Aliquam et mi sed velit luctus volutpat non eu augue. Maecenas ut metus lobortis nulla lacinia pellentesque. Vivamus ac enim ut ipsum sodales sagittis quis pellentesque lectus. Fusce et porta mi. Nunc orci purus, varius a tincidunt sit amet, sagittis non justo. Ut posuere lobortis enim vel condimentum. Donec lectus erat, ultrices eu hendrerit a, convallis pretium leo. Vestibulum venenatis, quam eget feugiat scelerisque, nibh nisi cursus nulla, quis sodales augue nisi eu quam. Nullam in lorem diam, id interdum elit. Nunc sit amet dolor ac dolor volutpat viverra non sed magna. Aliquam posuere rutrum bibendum. Duis lobortis bibendum nisi sed ornare. Suspendisse mollis consectetur lectus ac suscipit. Morbi et nisl at erat congue commodo vitae non urna. Mauris vitae eleifend erat. Nunc molestie nibh a magna pellentesque et sollicitudin justo pellentesque. Nunc quis lacus sit amet metus ultricies consectetur ac quis dolor. Nullam sapien purus, tempor accumsan ultricies nec, sollicitudin sit amet turpis.</p> </div><!-- #content --> </div><!-- #container --> <?php get_footer(); ?>

Creating a new page based on the new custom page

Now, your new custom page is ready, this step will create a new page from that template. You need to log in to the WordPress admin and add a new page then assign your new template to it.

WordPress Create New Page Template

WordPress Create New Page Template

As you see, in the Page Attributes panel, in the Template drop down list, there is an item called Page No Sidebar. It’s the Template Name we set in the page-without-sidebar.php template page file above.

You shouldn’t add anything in the WordPress editor, let’s leave it blank, content of the page should be controlled in the template file.

May 28, 2011Hoan Huynh
Truncate And Limit Displayed Text With Selected Maximum Length PHP FunctionAdd WordPress Login Form On Sidebar Or Custom Page
You Might Also Like:
  • Show Error Message On WordPress Custom Login Template Page
  • Add WordPress Login Form On Sidebar Or Custom Page
  • How To Change Default Home Page Of WordPress
  • Create Custom Update Profile Page For WordPress Users
  • Create Count Down Download Page With JavaScript
  • How to create new custom menu item in your wordpress back end?
  • WordPress Get All Custom Fields
  • Get WordPress Most Popular Posts By Total Comments
  • WordPress Filter/Exclude Posts Category From Displaying In A Specific Page
  • Add And Get Custom Field In WordPress
Hoan Huynh

Hoan Huynh is the founder and head of 4rapiddev.com. Reach him at [email protected]

9 years ago PHPHow To, Template, Wordpress283
0
GooglePlus
0
Facebook
0
Twitter
0
Digg
0
Delicious
0
Stumbleupon
0
Linkedin
0
Pinterest
Most Viewed
PHP Download Image Or File From URL
22,152 views
Notepad Plus Plus Compare Plugin
How To Install Compare Text Plugin In Notepad Plus Plus
20,033 views
Microsoft SQL Server 2008 Attach Remove Log
Delete, Shrink, Eliminate Transaction Log .LDF File
15,812 views
JQuery Allow only numeric characters or only alphabet characters in textbox
13,291 views
C# Read Json From URL And Parse/Deserialize Json
9,782 views
4 Rapid Development is a central page that is targeted at newbie and professional programmers, database administrators, system admin, web masters and bloggers.
Recent Posts
  • Essay For Sale – How To Write A Superb One That Will Sell
  • Free Online Photo Editor
  • Strategies For Finding Your Research Paper Requires
  • How Fast Should You Write a Written Essay?

  • What To Look For In A Research Paper Writing Service
Categories
  • CSharp (45)
  • Facebook Graph API (19)
  • Google API (7)
  • Internet (87)
  • iPhone XCode (8)
  • Javascript (35)
  • Linux (28)
  • MySQL (16)
  • PHP (84)
  • Problem Issue Error (29)
  • Resources (32)
  • SQL Server (25)
  • Timeline (5)
  • Tips And Tricks (141)
  • Uncategorized (100)
Recommended
  • Custom Software Development Company
  • Online Useful Tools
  • Premium Themes
  • VPS
2014 © 4 Rapid Development