How to Create a Custom WordPress Home Page Template
October 26th, 2009 by Mike Locke  |  6 Comments »    

In this tutorial, I show you how to create a custom WordPress home page template while displaying your blog posts on a separate page. Basically, this allows you to have a normal looking homepage while still having your site run on WordPress.

Additional notes from the video:

To create the template, add this script to your html page:

<?php /* Template Name: Home Page
*/ ?>

Where the word “Home Page” is displayed, you can name this page whatever you wish. This is the name of the template that you will select once you create your page within the WordPress admin section. Also, after you create your custom home page template, watch my other tutorial on “How to Add Recent Posts to Your Home Page“.

If you have any questions, don’t hesitate to shoot me an email at mlocke@mlwebco.com.

~ Mike

6 Comments

    How to Add Recent Posts to your Home Page – Wordpress Plugin « Web Design & Development | Internet Marketing | Brand Development    
    October 29th, 2009 at 2:24 pm

    […] I’ve wondered how to add recent blog posts to my home page. It wasn’t until I figured out how to create a wordpress home page template that I figured out how to accomplish this. Below is a five minute video walking you through how to […]

    OlympiaLogger    
    March 6th, 2011 at 3:05 pm

    Mike,

    After all this time I finally found a nice landing page template in HTML I’d like to use as a static page.

    Everything you laid out works great but I’ve got my images sub directories, JS directory and .css file in my working theme directory under “themes” and it’s not connecting to the .css or image files.

    The right way to do this is escaping me. Can you point me in the right direction!?!!

    OlympiaLogger    
    March 6th, 2011 at 3:22 pm

    Okay, I figured out the .css has to be IN-LINE between tags that are between the tags.

    However, the images show in the proper locations, but they’re still not loading.

    OlympiaLogger    
    March 6th, 2011 at 3:45 pm

    Well it seems I had to place the images in the media library and absolute link to them from there.

    In post 3 the server dropped the tag references, but it was “in-line between style-tags that are nested between the head-tags.”

    Still not sure what’s going on with the js file.

    OlympiaLogger    
    March 6th, 2011 at 3:47 pm

    Now that I think about it, that doesn’t seem like a very elegant solution!

    Is there a better way to do this, Mike?

    Shaun    
    November 16th, 2011 at 12:13 am

    Hi mike, first of all thank u 4 ur videos, they hav been a great help !! I am trying to set my index.php as my front page and my blog.php to posts page I have followed ur video. when i try and view my front page it is my index page, but the problem is if i view my blog page it displays index.php also I am using WAMP locally, any advice please?

Leave a Comment