How To Create A Custom WordPress Page Template

Neglecting the site for some time and running out of ambition to post new content, here is another more popular post from the past. Originally posted on July 9, 2007, this post is getting the most views on the site and should still be relevant today. Sorry but I will probably not answer your theme-specific questions so I suggest you read the comments section.

There may be times when you want to create a blog page or that looks different than a normal page. Or Perhaps you want to use WordPress to run your entire website but want the main page of your domain to look completely different than a typical blog. This is an easy way to customize WordPress that can be very easily accomplished by creating a custom WordPress page Template.

The first step is to create your desired page in HTML, I use an HTML editor since I am somewhat geek impaired and can’t actually write any code. In this case we are not going to add content to this page from within the dashboard so add all your meta tags for SEO. It will need a title, description, keywords, basically everything a regular static HTML page would need. After you create your new page you need to create a new WordPress page template. This can be done either in a text editor and FTP uploaded to your site or, since it is a small simple file you can create it directly in your hosting account’s control panel.

To create the new page template paste your HTML code into a text editor like Notepad, then paste the following PHP code directly above it like this:

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

<html>
Your HTML Code Here

Copy just the 2 lines of code above the <html> tag and paste it into your new template and change New Template Name to a name of your choosing. Save the new page template as a .php file. Something like front.php, and upload it to your hosting account in the template folder of your current WordPress theme. Don’t call your new template page.php! There is already one called that. In fact look in the themes directory to see what files exist to not create a duplicate.

You can look at your current page.php template to get clues as to what you may want to include in your custom page template like the header and footer or possibly the sidebar.  But if you include everything in the custom page template as the regular page template why bother?

The directory to place the new page template in is blog/wp-content/themes/default. Where default is the currently active theme.

Since you are placing this new WordPress page template into a specific themes folder it will only be available when that specific theme is active. If you change themes you will need to place a copy of it into the currently active theme.

To create a new page template within your hosting accounts control panel. Browse to your blogs main directory, wp-content, themes, then click on your currently active theme. Create a new PHP file, call it whatever you wish, like above front.php, paste your HTML code and then the PHP code directly above it and save.

Creating Your New Custom Page

Login to your WordPress Dashboard, click Write then Write Page. Since we didn’t specify in the custom page template to get the content, or any other information for that matter, all we need to do here is create a new page and specify the page template to use.

Type a title in the title box, then look over to the right and click the Page Template drop down box, choose your new WordPress page template and click publish.

Using A Custom Static Front Page

If you want to use a your new custom page for a static front page you will first need to create another regular page as a URL as your blogs Posts Page . Create a new page and give it the title blog, or anything you want. Again don’t bother writing any content, on the right side type the same name as the title in the Post Slug box and click publish.

To specify using a static front page, click Options then the Reading subpanel. Choose the Static Page option, specify your new custom page as the front page and the newly created blog page as the Posts Page and click Update Options.

Note! You do not need a custom page template for a static front page. You can create a page with all the content on it you want for the front page, and then a blank page for the post page. Then choose the static front page option as above.

Now your blog will show your new custom page as the front page. But what about your blog? Where did it go? If you followed my directions and used blog as the the Posts Page AND if you have  the postname in your permalink structure the URL should be YourBlogsURL.com/blog  , so if your blog is in a directory called blog then the URL will be YourBlogsURL.com/blog/blog. Having a blog/blog URL isn’t all that cool huh? Well this is intended for use on a website ran entirely on WordPress without a static HTML front page. But you can use a different name in the title and Post Slug when you create the new Posts Page.

Now that your have read the entire post here is a short video to explain it.

For more technical information about this subject.

WordPress Pages

Another post on my other blog about Using A Static Front Page For WordPress

If you are using a static front page and your theme has a navigation bar you may want to tweak the navigation bar from showing the Home link and then the static front page link. Here is another guide to Customize WordPress Header Navigation Bar.

Similar Posts:



Tags: , ,

If you liked this post, feel free to leave a comment that is relevant to the post or subscribe to the feed and get future articles delivered to your feed reader.

Sorry but due to the spamming of a few all comments are moderated and will appear when approved and all drive-by comments will be deleted!

Comments

How To Create A Custom WordPress Page Template…

There may be times when you want to create a blog page or that looks different than a normal page. Or Perhaps you want to use wordpress to run your entire website but want the main page of your domain to look completely different than a typical blog. T…

Jeff demonstrates how to give your lead page options – display options, content options, format options, html options. Your web page or blog can stand apart from those of the masses.

Carl Hendricks,
http://www.cehmagic.com/blog

Reply

Hey Houdy,

Nice job!, You certainly are giving your visitors a lot of precious info. This blog will be a hit!

By the way, you got a nice voice :D

Gamy

Reply

Jeff,

Your websites are a great inspriration. Thank you for all of the great ideas and tips you share with everyone.

It is a pleasure to be associated with such a knowledgable and generious person.

Morris

Reply

Hi Jeff,

You provide me what I was looking for. Good work.

Wolney

Reply

Nice work Jeff

I have done a few videos myself. I need some more practice though:-)

Mal

Reply

Hi Jeff,

Great video and very useful.

I need to get some videos going myself!

Cheers
Suzanne

Reply

Great Job Jeff, that is what i was looking for

Thanks, Elsa

Reply

thanks, this was helpful

Reply

[...] for the benefit of others reading this, I have instructions about this with video on my blog here: How To Create A Custom WordPress Page Template __________________ Jeff Houdyschell WordPress [...]

thanks bro!

Reply

[...] you want to customize your static front page, a related post with a video can be found here: How To Create A Custom WordPress Page Template WordPress Guide Share This Gregarious FeedFlare Sphere: Related ContentIf you’re new [...]

Your tuts was very helpful and i really love it! I have a favor can you create a tuts that i can post my static page with a post of blog in single template?

Reply

“Your tuts was very helpful and i really love it! I have a favor can you create a tuts that i can post my static page with a post of blog in single template?

Jonathan, not sure what you mean please explain in more detail.

Jeff

Reply

Check this out man click

i use your tuts in my front page the first part is a post page of welcome that was written in write page and the second layer i wanted to display a single recent blog post.

Reply

Jonathan, It looks as if you accomplished that already. Or I still don’t understand your question.

Do you want the static front page to have the top area of text that is always the same and the lower area one particular blog post or the most recent blog post, or all the recent blog posts?

Reply

Oh man you are so nice! add me on your Im hehe thanks man for your help you have a BIG HEART, Continue your good stuff! have you visit my site? have you notice the 1st layer and the 2nd layer? its the same but i wanted to in the 2nd layer i want to display my single post of my blog. But on the first layer that was the post from write>page.

Reply

Jonathan , you can do what you want the other way around. instead of having a static front page, use a plugin called sticky post that shows one post on the top of the main page and the rest under that.

Sorry but I don’t know how to code a WordPress blog to it the way you want but I bet it can be done. Head over to the WordPress.org forum and serach or ask there.

Jeff

Reply

Hi Jeff,

Great tutorial. I am planning to use a static front page and you gave me th ehelp I needed.

One question though, is there a way I can get a part of the recent posts to appear on the static page? By using the optional exerptc.

Reply

Herb, I have never done that but I am sure it is possible. I have this site setup to show the first post and then excerpts. But if you take just the excerpt code and place it in the page template it should work.

here is a post that may help a bit to get you started: http://www.wordpressmax.com/customize-wordpress/full-excerpts

Reply

I like to think i’m learning, but when i learn one thing another comes along, 24hours in the day is just never enough, cheers for your insight

Reply

[...] To start you need to create a custom page template and I have already posted instructions about that here: How To Create A Custom WordPress Page Template. [...]

Great tutorial! Applying this to my theme right now – can finally finish and get it published. Thank you!!!

Reply

Great article!
Just used this to implement a custom page on one of my site. May I add that there is some plugins that would allow to easily put a page as a static homepage.

Now saying that, I still had a problem since my menu was showing all the pages. So I used the King Page widget that would allow you to choose which pages to include and which to exlude.

Thanks again,

http://www.workathomechannel.com/blog

Reply

I like your blog theme. I want to use it on my blog.
Can you please tell me from where I can download these theme?

Many thanks

——————————————————————————–
Dan owner of the future gadgets blog future gadgets and inventions

Reply

Dan, most themes have a link to the designer in the footer and so does mine. The theme is called Networker but mine has been heavily modified. You can find it here:
http://antbag.com/themes/

Reply

New to this blog and looking forward to posting some useful info. Also enjoyed what is posted so far. Thanks to everyone.

Reply

Thanks, this was very useful – esp the video

Reply

hello,

I was wondering, can I have a page with a blog structure? Well my homepage has a blog structure, but I want to have another page in the same site to have a blog structure too.

I tried to make a template like the ‘index.php’ file, but It didn’t work.

Can you help me?

Reply

Twitter I am not sure what you mean. You can create another page in the WordPress dashboard that will look like your blog. But to create a static html page that matched your blog, if that is what you want, can be done, I guess, but that is well beyond what I can explain in a comment or probably in a post. There are just too many variables involved.

Reply

well let me see if I can explain what I mean in a better way.

I want to have a dynamic page where I can post several posts, something like your home page ‘http://www.wordpressmax.com/'.

Reply

Twitter, You can use a feed from your blog to supply content to a static html page if that is what you mean.

Reply

You a genious, thank you!!!!!

Reply

Great post – very helpful. Thanks a lot!

Reply

Hey just wanted to let you know how helpful this post has been for me…been looking to see how to do this for AGES but your post was just so easy to follow and it had really clear instructions. Now I just need to update all my themes!

Reply

I watched the video you made on “How to create a custom wordpress template” I loved it made a rather difficult task seem very very easy! I knew it was easy Just that everyone made it sound difficult. My question is I am using wordpress 2.6 I followed everything you said in the video but still my squeeze page does not show. What could I be doing wrong?

Reply

Luis, not sure what “it doesn’t show” means. If you followed the steps you should have seen the new custom page template to choose from when creating a new, or editing an existing page (not post). You might have missed a step or something.

Nothing will show until you create a page with the custom template, even if everything you want to show is in the custom template, to show it create a blank page with at least a title.

Remember the video I made is old and references a very different version of WordPress. The steps should still be the same but some of the menu choices have changed or are renamed but are still there in the dashboard.

Reply

[...] site can be found online and I suggest starting at wordpress.org. One of the steps is covered here: How To Create A Custom WordPress Page Template WordPress WordPress Guide Share This Gregarious FeedFlareIf you’re new here, you may [...]

First comprehensive tutorial I have seen about building custom page in WordPress.

I searched some on Youtube, but none of them are as exhaustive as this one. You are really serving the WP community by giving such valuable content for bloggers and developers.

Reply

Thanks for this article and video. I have been looking under every darn rock on the internet for 3 days trying to find exactly what you shared.

FLY NAVY!

Cheers!
Mike

Reply

Brilliant. This simple tutorial has saved me hours of anguish!

Reply

This is a very informative post. Thank you very much.

I have successfully created a static home page and custom templates for my site.

I, however, have a question. I wish to add a menu item to the top menu which links to a page which is not from my blog, but exisits on my domain. How can I achieve it? Thanks for your help.

Reply

I already have a post to customize a navigation bar that includes how to hard-code a link in it.

Customize WordPress Header Navigation Bar

Reply

I have always wanted to do this but found it to hard. HTML isnt my thing.
Although your post was great and made it seem less complicated

Reply

First, you can’t imaging how much work this post saved me! I know zero about any of this and you walked me through it.

I created a new page, which has a frame in it for homes for sale. When I created the new page, I copied most of another page, but left out the get sidebar (the whole reason for this exercise was to have the search results without the sidebar)

Now there is no sidebar, but the navigation for the new page is gone now as well! Any help would be appreciated.

Here is a link to the page with the code…..

http://album.headforhome.fastmail.us/public/public/Homes for Sale Full Page.php

Reply

George, you must have left out some critical code from the page template. I don’t “look at code” on themes unless compensated for it. I suggest trying again with all code in it and then deleting as little as possible in increments, checking as you go. I can do it for you for a fee; sorry I am a Capitalist pig.

Reply

Great tutorial thank you
I really want the traditional, dynamic homepage to appear in on a Page (a formal wordpress page that is). I’ve created a static homepage but now I want that dynamic homepage to appear at http://www.site.com/news

Any insight on how to do this? All my attempts to futz with the page template are failing.

Reply

Paul read the last part of the post again it explains how to use a page called blog for the posts. In your case call the new page “News”.

Reply

Thanks Jeff, unless I’m doing it wrong though, that adds /News/ to the URL string for every other page.

I get site.com/News/News as the home page
Yes I can change the slugs
But I also get:
site.com/News/post_1 (a post)
site.com/News/Contact_us (a page)
site.com/News/About_us (a page)

Am I missing something? That’s less than ideal

Reply

Paul, it sounds like you changed the Permalink structure. Did you?

Create 2 pages, one for the static home page with the content on it you want to show. The other page can be called Blog or in your case News, do not put any content on that page. Go to Settings, Reading and choose the pages for the static front page and the blog loop/post page.

Then yes the regular posts will be on the URL:
site.com/News/post_1 (a post)

But the pages should not have the /News directory in the URL just the posts.

Reply

I have:
/%category%/%postname%/

Is that the problem? I’ve so royally screwed things up that I’m hoping you can confirm before I change something again.

Reply

No Paul that is a good permalink structure. The pages should not have the /news directory in them unless you are making posts instead of pages.

Also this is going beyond comments and it’s hard to fix what I can’t see.

Reply

Screwed it up :)
So now I have the home page, which is static, and which I’ve set at http://www.site.com, at
http://www.site.com/News (not site.com)

While http://www.site.com/News (which is set as the blog page) pulls up thethe home Page.

Reply

Let me just say ‘Thank You’!

I’ve been trying to figure out how to go to an all wordpress format for my site and could not find one single resource for creating a page ‘template’ to move my static html pages to.

Everyone else seems to confuse template with theme.

This is a godsent and saved me a long day of heartache.

Thanks a ton,
-Steve

Reply

Any clues as to what I could be doing wrong if i follow all your advice – put it in the right folder – and it doesn’t show up in the appearance editor or in the template dropdown box? i’ve tried refreshing and clearing the cache and waiting – to no avail…

Reply

Jeff  Replied:

Sorry TR but all themes are coded differently, hard for me to tell what is causing your issues.

The code I provided may not work now because it isn’t in plain text now after I changed themes, try this site for more:
http://www.binarymoon.co.uk/2007/06/wordpress-tips-and-tricks-custom-templates/

Reply

This is a classic post. Applicable before and still applicable now!

I love the video! Videos have visuals helping readers understand better and follow instructions more precisely.

Reply

I’m relatively new to using WordPress as CMS and have found the custom page aspect confusing to get my head around…it’s nice to see a clear post like this which talks you through it in plain English! Will be trying it out on a new design in the coming weeks.

Cheers!
J

Reply

Nice work, but if to make a static post on the frontpage, Why did you create a custom page? maybe with a sticky post that can be made easily.

Reply

Jeff  Replied:

This post was made way back before sticky post was around.

Reply

Thanks! I’ve been learning on how to add a custom page template but good thing I found this.

Reply

Thanks a lot for this piece, Jeff. I’m working on a site for a client and have been researching how to do this very thing in WordPress. The video in particular was quite helpful.

When I get paid from this project I’ll see if I can throw a few bucks your way. :)

Reply

Thanks for re-posting this blog; I have been working with WordPress for awhile now and always seem to need a little extra help with customization.

Reply

Thanks for the post, I was just with a question of how to add a custom page for my film blog tips, will help a lot, big hug. even more.

Reply

Love the Post, makes me feel to create my own WordPress page template… Thanks again..

Reply

What can be easier than creating a custom page template? To use an existing one. You will safe plenty of time and energy. Just find what you need and customize it for yourself.
I gave up this idea (didn’t have enough time) and just used an existing template for my website.

Reply

Thanks for this – I’ll pass it on to our web designer. He’s spent the last few days tied up in knots trying to work out how best to design a WP template.

If he still doesn’t get it, I’ll put him in touch!

Reply

thanks for the info. i use php in the page (via a plugin) template and then call a remote text file to get it just right. keeps it simple and tight!

Reply

Although I am definitely not at this level for web design and coding this post may come in handy in the future for what I want to do with some of my websites. Thanks!

Reply

I can’t tell you how nice it is was to read your post. I just started a blog for our company and with no background in WordPress, you’ve made it much easier to understand. Thank you for your efforts.

Reply

Are there any downsides to doing a custom page like this though? In terms of load times etc?

Reply

Jeff  Replied:

Not unless you load it up with a bunch of images, scripts and other junk.

Reply

As someone that uses custom page templates often, I recommend using them.

They save time, and they are very slick.

Reply

I stumbled on your site and had a quick read of some of your posts. While, I am a geek, I think you’ve done a marvelous job of writing things in a way that “normal” people can understand. Although, I do think it’s a good idea to be able to write basic HTML :)

Reply

I have created a blog by myself, but there are still many problems, I still need to learn, thank you for the tutorial.

Reply

I stumbled on your site and had a quick read of some of your posts. While, I am a geek, I think you’ve done a marvelous job of writing things in a way that “normal” people can understand. Although, I do think it’s a good idea to be able to write basic HTML

Reply

Thanks a lot for this tutorial, sometimes i download some WordPress themes and there are problems with templates…

Reply

Thats great we set up a wordpress blog some time ago and been wondering how to customize it, this will be a great help thanks.

Reply

This post of yours will never get outdated. Though the process of creating custom page template is so simple, we will get stuck without that small piece of code. Thank you for the timely help.

Reply

Some great advice here!!! but I have a question about it..is that possible to do a custom page with different CSS? (by example, If I want a different background or header in my custom page)

Could you please explain me how can I get this done?

Thanks in advance..

Amy

Reply

Jeff  Replied:

As the post says you can make the whole page in HTML including a header and footer. That is the whole point of the guide… To make the custom page look completely different than the rest of the blogs theme.

While there is a way to add different header and footer images and or styles to a theme in the stylesheet, it is not something easily explained. But basically you would have to add the new/different css code in the themes stylesheet and then call for it in the custom page template instead of the original.

Reply

This was the easiest and simple way I came across after almost giving up trying to create a squeeze page.
Thanks a lot.

Reply

Thanks for the WordPress custom page tips. While it is a very user friendly blog, some of us are still pretty “geek impaired”.

Reply

Good information although I still get a lot of help with technical stuff like this.

Some of the basic customization upgrades etc… I can handle.

Reply

The wordpress custom template is very good to create a sales page. You can give a different look to this page from your other pages and the template is also very customizable.

Reply

Its really a very informative post indeed. Specially the video tutorial is very helpful for me. Thanks for sharing such a valuable info bro.

Reply

Thanks! I’ve been learning on how to add a custom page template but good thing I found this. You a genious, thank you!!!!!)))

Reply

Great idea. My web designer was having trouble with this. He’s in the process of creating a WP template for the business. Thanks

Reply

Simple and great tutorials . Its just sort out my problem with in few minutes but i have another question can we do it through dreamweaver?

Reply

Jeff  Replied:

Copy the HTML code from Dreamweaver and paste it into the custom page template.

Reply

Thank you very much for this. You cant imagine how much time you saved me!! I always thought it was possible to customize wordpress but Im not very good at computers. You made it very easy. Thanks again!

Reply

This is awesome, I’ve been looking to customize wordpress for a while now. you post was very helpful

Reply

Awesome advice, Jeff. Thanks for sharing these tips on wordpress customization :)

Reply

This is what I need, Thanks Jeff!!

Reply

This is a good post from you Jeff. I did it before and I failed, so I hope your article could help me.

Thank You so much.

Reply

Hey jeff, thanks for sharing this. I’m new to wp platform and I just want to ask if you can offer some tips in using adobe photoshop in making a custom template then converting it to css. Is this possible in any way? Thanks!

Reply

Jeff  Replied:

Sorry never tried it.

Reply

Brilliant post jeff i spend many year on blog and i find how create custom page for many month but can solve my problem.
again thanks.

Reply

Ive always made both a HTML and a wordpress version of my templates. And that video was a nice add to the post :) !

Reply

The article was indeed very helpful and useful for me because it gave me the possibility to learn on how to add a custom page template. So I’ deeply grateful for sharing this post.

Reply

Jeff,

Great work! Awesome site and a real wealth of information that should come in handy. I read in your post that you don’t have the energy to post, C’mon dude, this stuff is great!

Reply

If you can get away with an HTML editor (and I think you said I could), I should be able to figure it out. I have a few blogs, but normally just use one of WP’s standard themes.

Reply

I started creating custom graphic themes for word press and now I am kind of hooked. Its not the easiest thing to customize at times but I feel I am getting the hang of it. CSS really pulls it all together. There are some custom frameworks also that I have used that seem to speed things along.

Reply

hey jeff, nice work. always looking for some good advice to customize my wordpress blog.

Reply

My visitors tell me that they like the custom design on my wp blog, i really appreciate the help on this. It showed an easy way to make it.

Reply

Very general query on wordpress blogs – does anyone know how google views links from these back to the parent company website? i.e. would it be better to have a separate wordpress blog linking back to main site or just have the blog on the main site for SEO purposes?

Reply

Hey there.
Great tutorial – very clear and very useful, in theory – but I have one problem I hope you can clear up for me. I suspect it’s something really obvious, but in my dashboard, when I create a new page there’s no option to use a template for it. Is this something I need to enable or will it show up once I have a template file in the directory? Any ideas or tips would be extremely helpful.

Many thanks.

Reply

Jeff  Replied:

If you put it in the themes directory and name it correctly it should show up like the post explains.

Reply

Tim Anderton  Replied:

Ahhh – yes, of course. Sorry. Works like a charm. Thanks!

Reply

I have searched for over an hour after such a solution, it is now finally has an end. So thank you from too!

Reply

Hi Jeff,

I really appreciate this article because it’s a great tutorial for me as a newbie. I always wanted to use a static front page, but never knew how to create it. This article, however, provided great help and tips for me – especially the ones I needed.

Thanks a lot,
Phil

Reply

Wow your Post is really great, now I can create a own LP for my SEM-Campaigns. If that works, I will Donate something!

Reply

Really interesting, well presented! One of the most difficult things of putting up a WordPress blog is finding the right theme. You sure have made things easy for us. Thanks a lot for this video tutorial.

Reply

I appreciate this article, because it is a tutorial for the novice I am a great people. I always wanted to use a static front page, but never knew how to create it.

Reply

Gemma  Replied:

Thanks a lot Jeff, I did this with my squeeze page and privacy page last year, but had since totally forgotten how to do it. I also couldn’t understand my own instructions!

If you find it such a chore to update your blog, why not outsource the bulk of it for SEO and do the rest when you get the urge? If you hire someone fulltime, they can’t do a bad job and disappear. You’ll soon get your ambition back when your outsource workers are doing all the work and you just count the profits ;) And we can just look for your posts!

Reply

Thank you, this is very helpful to me as a noob. I’m new to wordpress bloging & cetainly this blog is great.

Reply

Thanks for the walk through if i know that there was a video then i would have gone straight for that

Reply

Thank you Jeff, you spend me a lot of time whith this post!

Reply

You wouldn’t believe it, but until a few weeks ago, I was unaware that you could create custom page templates for your template.

This is a thorough article, and has many great pointers that I will be taking advantage of! :)

Reply

Thank you for this post, I am now underway with creating a simple wordpress blog from my own code i am extremely proud of myself, once you get the hang of it, it gets more simple however I am only at basic level. I can’t wait for another post like this to enhance my skills. Thank you!
Excellent blog :)

Reply

That’s a very good tutorial, thank you so much… Those ideas are being applied in my blog and their great… I can’t wait and very excited to the next post… Keep it up… Nice post…

Reply

Thanks for posting such a great tips. I have a wordpress theme and tried on that. working awesome. Cheers dude!

Reply

Hey the video tutorial is highly informative. Well explained and easy to execute. You’re my muse, m going to try this on my own wordpress website. let’s see how it works!

Reply

Some great advice. So, I have a question. That’s possible to do a custom page with different CSS?

Reply

Jeff  Replied:

Yes it is possible but please don’t ask me to explain how.

Reply

Thanks Jeff for the useful information. Your blog has precious information for visitors.

Reply

I always wondered if it was possible to create a custom page with a completely different them than the original blog’s theme

Reply

Nice post. Trying to make this work on some of my sites now, with custom CSS.
Very helpful video.

Reply

Thanks for this tut on custom wordpress :) not much but enogh for me to enlighten my mind to do the rest. Thanks again!

Reply

Great advice for a novice like me, but I must admit I’ve still had to read it a few times. I am definitely ‘geek impaired’ and anything code related terrifies me!

Reply

Good work Jeff

I have done a few videos myself. I need some more practice though:-)

Reply

Thanks mate! Your blog is a great resource on wordpress info… Seems I would need a whole lot of time put into learning from here myself :)

Reply

Jeff, you are awesome man, brilliant..
I am doing one site for my company (a corporate), this have helped me to overcome critical issue.

Reply

Thank you for a clear and easy-to-follow explanation!
Keep your good job.

Reply

Thanks great post. Just found out about wordpress page templates. Goin to use it for my home page and maybe some other pages to.

Can you add all the main content to this PHP file without any other markup required?

Thanks again great post

Reply

We’re just getting a new wordpress blog started. We’re still learning the basics, but this tutorial has some great info and we’ll certainly be using it in the coming weeks. Thanks!

Reply

Thank you very much, Jeff for presenting this helpful tutorial. Everybody knows that one of the most difficult things of putting up a WordPress Blog is finding a suitable design / theme. You have definitely made things very easy for me.

Thanks a lot.

Greets,
Edith

Reply

Hi Jeff,

Thank you for sharing this video tutorial, it was really helpful!

Kind regards,

Karin

Reply

Excellent video, It is complete resources on WordPress information..

Reply

Thanks mate! Your blog is a great resource on wordpress info… Seems I would need a whole lot of time put into learning from here myself :)

Reply

Good work Jeff

I have done a few videos myself. I need some more practice though:-)

Reply

Thank you for a clear and easy-to-follow explanation!
Keep your good job.

Reply

You know, even though the post is really old I happy to find one, it gives designer even ore power in making WP platform a full CMS. Love that WP thing more and more.

Reply

Jeff, I use wordpress for a work blog and this info has been tremendously useful.

Reply

Thanks for this work and your easy to follow explanation!

Reply

Great Work Jeff, I am new to word press and i found this to be very helpful, thanks a lot.

Reply

nice post man…very usefull especially for full time bloggers like myself..cheers mate

Reply

Jeff,

first of all thanks for a great tut!
But it didnt work for me.. What am I doing wrong?

I pasted an html-file like you said. The file contains JAVA, link to an external CSS-fil and images. I can see the text, but no images and no CSS. (The JAVA works fine)

Why cant I make it work? I included the images and the css-file to the template-folder..

Reply

Jeff  Replied:

All I can think of is how you coded it to reference the CSS file. Without looking at it, and I will not sorry, how could I tell.

Reply

i also created a template by this method !

Reply

I’ve tried my hand at customizing WP themes by hand and now I’m trying out the most popular WP theme generator on the market who happens to be an advertiser on this site. So far so good.

Reply

Jeff, although me having a number of WP blogs I didn’t know how to make a template till reading your great instructions.

Reply

Pretty astute post. Never thought that it was this easy after all. I have spent a good deal of my time looking for someone to clarify this subject clearly and you’re the only person that ever did that. I really appreciate it! I look forward to reading more from you!

Reply

Hi Jeff,

Thanks for taking the time to create this Great post – very helpful.

Cheers,
James

Reply

I can’t create HTML, How I use an HTML editor since I am somewhat geek impaired and can’t actually write any code. ;)

Reply

Just started learning the ropes of WordPress and loved your explanation from the video. Hopefully now I can start remembering each little nuance of code, php’s and so forth.

Reply

Artisteer was a pretty cool way to instantly create website templates and blog themes. It was fast and easy.

Reply

Learning WordPress can be a full time job. Thank you for the tips! The more help I get helps me spend more time on my clients.

Reply

Your blog is so very helpful for wordpress users like me.I simply love your blog.

Reply

Even though you feel like you’re neglecting the site by reposting this information, the fact is that useful content is useful content. It’s good that people are still finding some use and relevance out of it. I think a lot of people try to concentrate on adding more and more without realizing that their information just duplicates everyone else. This page must have been popular for a reason.

Reply

Jeff – Thanks so much for creating this page! I thought creating a custom page template was going to be mind boggling, but you saved the day! Many thanks!

Reply

I have a question maybe someone can help. i have 5 pages that I’m going to be running for my customized blog – so thats 5 templates. once they are loaded into wordpress how do i access them to be able to change copy in the desired places?

Reply

Jeff  Replied:

If you create and upload them properly under Appearance, Editor. But you can also edit them before you add them to the theme’s folder.

Reply

Very useful and worthy tutorial to create custom page in wordpress plus video makes its easier to understand.

Regards,

Sophie

Reply

i’ve been trying to figure this out for literally days. i knew it had to be simple and in fact it is! thank you so much!

Reply

Hey, making a wordpress themed page has always been “Greek” to me, but this is very helpful. I’m going to have to go over it more closely, but thanks. I really just need a few design changes for a clients site, but I’m not too familiar with wordpress customizing.

Thanks!

Reply

Thanks Jeff! Creating a theme from scratch definitely beats modifying an existing theme.

Reply

From an SEO perspective is it better to have a blog on the same website to build up content or have it separate and benefit from the links back?

Reply

Jeff  Replied:

Why maintain two sites if they are about the same thing?

Reply

I was struggling to create a wordpress custom template for my blog. This tutorial helped to solve the problem. Thanks for the video.

Reply

Thank you for this great tutorial. Your posts are always very informative and will certainly make life easier for many WP users.

Keep up your great work.

Reply

I never knew that creating a custom WordPress Page template is possible and it is so easy in nature.That is a good step by step explanation.

Reply

wOW ! Great work …

i like to create custom splash page can you give me instructions or any other tutorial

Reply

I agree with jeff instead of having a static front page, use the sticky post plugin

Reply

Why i’m i just seeing this for the first time. I’ve been looking for a tutorial on how to create a wordpress theme that will take the look and feel of my website. This helps. Thanks.

Reply

My visitors tell me that they like the custom design on my wp blog, i really appreciate the help on this. It showed an easy way to make it.

Reply

I was struggling to create a wordpress custom template for my blog. This tutorial helped to solve the problem. Thanks for the video.

Reply

Jeff demonstrates how to give your lead page options – display options, content options, format options, html options. Your web page or blog can stand apart from those of the masses.

Reply

Awesome post buddy ! Now i can create a custom WordPress page template

Reply

After hours of searching I found the right answer here, well done. Thank you so much!

Reply

I got my text for my custom page template from Twenty Ten and added it to my current template folder, following the instructions here. It worked! Thanks.

Reply

Thank you so much! I have been in the process of starting a wordpress blog and hope to make money doing it someday. However, due to the complexity of creating your own template, I was a bit discouraged. Still a little baffled but I’ll get it eventually I’m sure! Thanks again for the information

Reply

I acquired the unique content for the wordpress custom page template and tried your method by adding it to the template folder, after following the instructions here. It worked perfectly. Thanks. I was searching for this for a long time.

Reply

Great tutorial. WordPress is a great blogging CMS, but sometimes options are limited when you want a customised HTML homepage so this is great!

Reply

After days of trying to figure this out a friend sent me a link to your article. It’s cool that something you wrote about so long ago is still 100% relevant and helpful.

As for my use, I created a form and used your technique to create a template and add the contact form. Now I’m using an iframe method to add the form to 100+ of my websites.

Thank you SO much for explaining the steps needed to create the template, etc.

Reply

Thank you so much for this. I’m trying to install WP in my site and use it as a content manager. This post along with other posts on the site has really helped me to get my own template setup.

Reply

I got my text for my custom page template from Twenty Ten and added it to my current template folder, following the instructions here. It worked! Thanks

Reply

I know a very useful tool for creating custom templates – Artisteer. It can create templates not only for WordPress, but for Joomla or Drupal. It’s very flexible and easy to understand. The main disadvantage – it costs about 30 dollars.

Reply

Hi Jeff,

You provide me what I was looking for. Good work.

Reply

This just goes to show how powerful and flexible WordPress is, as a blogging platform. One might even have an idea of modifying existing themes and giving them away…super post I say!

Reply

Jeff demonstrates how to give your lead page options – display options, content options, format options, html options. Your web page or blog can stand apart from those of the masses.

Reply

Thank you for the tutorial! I still think it’s hard to scratch a wordpress theme from the very beginning. Why not just modify an existing free one

Reply

Thanks for re-posting this article (never would have found the 2007 version). I am currently trying to catalog useful web resources for building sites through WordPress for a class I’m teaching on the subject. Will definitely add yours as a resource. Thanks again.

Reply

currently I am blogging on the blogspot platform and planning to sift to wordpress very soon. I always wanted to customize my home page to make it look like a website rather than the series of posts arranged in one after another. WordPress always provide flexibility for webmasters to customize their blogs but the main problem is lack of knowledge and expertise needed to implement the techniques. Bloggers like you, who who are always eager to help others are assets for our blogging community.
Thank for your helpful guidance.

Reply

awesome article, that i need.
thanks a lot jeff.

keep it up

cheers ;)

Reply

i still believe that customizing a wordpress theme is hard, at leas for me, tried it with no success, better leave it to pros

Reply

It needs to be uploaded. A new page can be created in the dashboard just like a post but the page.php file cannot.

Reply

This is amazing stuff…I just saved some heavy money to be spent on web-designers

Reply

it’s easier to design a blog from an already existing template than from scratch, unless u have lots of programming skills

Reply

Hi,

Thanks for another great tutorial. I have a question: if I want to display custom post types within a page, then what additional code do I need to add in the page template?

Reply

Everything worked perfectly! I really have love the article very much!

Reply

trying to create a custom wordpress template, this training has helped to solve the problem. Thank you for the video and article

Reply

I am using wordpress and need some help. Could you please tell me how to navigate away from within my website and open up info in another window/page. Basically, i want my visitors on my site to, for example, click here to continue reading. Once the person clicks on the link the additional information will open up in a diffent window or on a different page.

Reply

Awesome work by you.i still believe that customizing a wordpress theme is hard, at leas for me, tried it with no success, better leave it to pros

Reply

I watched the video you made on “How to create a custom wordpress template” I loved it made a rather difficult task seem very very easy! I knew it was easy Just that everyone made it sound difficult. My question is I am using wordpress 2.6 I followed everything you said in the video but still my squeeze page does not show. What could I be doing wrong?

Reply

Now that I have gone through it, I have more questions: how do you attach CSS? Would you link to the main styles sheet through ?

Reply

hey jeff,

first of all, thx for this tutorial. helped a lot. I managed to create a static site the way you explained. only now I have the problem, that some jpegs, that I embedded with dreamweaver aren’t displayed, just these small blue squares with an interrogation mark. I already uploaded the required jpegs in the same folder as the new theme.php. or should I put them somewhere else?
any idea?
thx, helena.

Reply

Information without a doubt fantastic for me that I have a WordPress blog and I have some trouble customizing it.. Thank´s a lot

Reply

Is this different for the newer versions of WordPress?

Reply

Jeff  Replied:

I haven’t done much with WP in over a year but this guide is probably still relevant. All you can do is try.

Reply

Nice and clear tutorial, love the video too, thanks.

Reply

Leave a comment
Drive-By comments will be deleted! Like "Thanks for sharing", "Nice post", or any other text that doesn't contribute to the discussion. If you ask a very specific question about your particular WordPress theme, it will probably be deleted. I can fix your WordPress site but for a price. If you ask a question like "Why don't my blog work right", it will be deleted. If you ask a question about your WordPress site without a leaving a link to it, it will be deleted. The point is to ask questions and or comment on the the actual content of the post, and to please use some common sense. All comments are moderated and will appear when approved. Thank you.

(required)

(required)