What we’re going to cover here is setting a static homepage and moving the blog page to a directory like /blog/.

This task isn’t too difficult, although, depending on how you set it up, it can be confusing as hell, so I’ll walk you through the simple way of getting it done. So let’s git ‘er done…Yeeehaw!

Setting up the Static Homepage

*All file references are to your theme files

1. First, back up your theme directory so you can roll back any changes if something goes awry.
2. Next, create a new file in your theme directory called homepage.php
3. Then open page.php and copy everything in it and paste it in the newly created homepage.php
4. At the very top of the newly created homepage.php file, add the following code:

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

   

   WordPress Static Homepage Template

5. Save homepage.php
6. Next, log in to WordPress and create a new page. Name it whatever you want…I named mine Homepage.
   

   Creating the static front page

7. While creating the page, change it’s Page Templateto “Homepage.”
   

   Selecting the home page template

8. Finish creating the page just like you would any other and then publish it.
9. Next, navigate to Settings > Reading in the WordPress admin.
10. Now, under the Front Page Displayssection, mark “A static page”, and select “Homepage” from the first dropdown. Leave the second dropdown alone for now.
    

    Setting the static front page settings

11. Click save changes and visit your blog homepage. You should see the newly created page as the homepage instead of the standard post loop.

So now we’ve got a static homepage, but our blog page is gone…that’s ok, we’re going to turn that back on and place it at the url, http://www.yourdomain.com/blog/.

Before we get started, make sure you have the pretty permalinks enabled, otherwise, your blog page won’t be at /blog/, but /?p=43 or something like that.

Setting up the New Blog Page

1. This is pretty simple. First, in the WordPress admin, create a new page and name it “Blog.” Don’t add any content or anything…all you really need is a title and to make sure that the page slug is “blog.”
   

   Creating the blog page

2. Publish that new page.
3. Go back to Settings > Reading in the WordPress admin and under the Front Page Displays section, in the second dropdown labeled “Posts page,” select “Blog.”
   

   Setting the blog page settings

4. Save changes.
5. Delete cache if you’re using a caching plugin.
6. Visit your homepage and make sure it’s still there.
7. Now visit http://www.yourdomain.com/blog/ and check out the blog page.

Some Things to Remember

When you go into Settings > Reading and set the “Blog page” to a particular page on your blog, WordPress automatically pulls the index.php file and uses that to display the content on that page, which is why we didn’t have to create a new template or anything for the blog page like we had to for the homepage.

Also, you can name those templates and page files whatever you want (I’d avoid home.php for the homepage file though as this will interfere with WP v2.1 and earlier). Just remember the name of the page template that you added to the top of the homepage.php file so you can select that as the page template when creating the homepage in the WordPress admin.

Also remember the actual titles you gave the home and blog pages when creating them in the WordPress admin so you can select the proper pages in the Settings > Reading section.

And finally, whatever page slug you give your blog page when creating it in the WordPress admin is the URL by which you’ll access it (assuming you’re using pretty permalinks). So, if you end up giving your blog page a page slug of “blog-home”, you’ll have to access your blog page at the url: http://www.yourdomain.com/blog-home/.

That should do it. Happy blogging!

Two Blog Homepages

There’s a small problem with having what essentially amounts to two blog homepages…one for the tutorials section and another for the blog section. The problem is that I have to tell WordPress to use one as the actual blog homepage, which, in my case, I’ve already set up to be the tutorials page. By default, WordPress won’t let you use the “more” tag to clip posts on any pages other than the specified homepage. So, I did a little searching and found a really simple fix for this problem over at Weblog Tools Collection.

The Solution

The solution is incredibly simple, although, if you didn’t do the exact same Google search I did you may have trouble finding it, so here it is.

All you have to do is add the following line just before the code to display your post content:

<?php global $more; $more = FALSE; ?>

So you end up with something like this on the page where you want your posts to be cut off (the “Blog” page in my case):

<?php global $more; $more = FALSE; ?>
<?php the_content('Read more &rarr;'); ?>

Why It Works

I haven’t looked into the specific details on why this works, but it appears that WordPress uses the global variable “$more” as a flag to tell it whether or not the “more” tag should function on a given page. By default it’s probably set for whatever page you specify as your blog’s homepage, but not the rest. The code above sets the global variable “$more” equal to FALSE before displaying the post content so that WordPress respects the “more” tag on that page.

Ignoring the “More” Tag Once Again

Incidentally, you can set $more = TRUE immediately after displaying your content and WordPress will ignore the “more” tag in any posts following that one…like so:

<?php global $more; $more = FALSE; ?>
<?php the_content('Read more &rarr;'); ?>
<?php $more = TRUE; ?>