How to Use a Different Home Page, Archive Page or Single Post Page Layout for Your Site
If you look at this site’s home page, it uses the default home page layout. You, however, may not like that layout for your own site. So, I gave you 4 other options:
- Home page option 2 - This was my original 2-column layout that uses image thumbnails for each post.
- Home page option 3 - This is a 3-column layout without image thumbnails. It looks more like a traditional blog
- Home page option 4 - Another 2-column layout that looks more like a traditional blog.
- Home page option 5 - And last but not least, a 2-column layout that uses image thumbnails and places posts side-by-side.
To change your home page layout is a breeze.
Step 1 - Login to Your Wordpress Site Via FTP, and Find Your Index Page Templates
In your theme folder, you will find 5 different index page templates. There are named index.php, index2.php, index3.php, index4.php and index5.php. Click the image to the right to enlarge.
Step 2 - Change the File Names to Reflect Your Chosen Home Page Layout
To select a new home page layout, first, change the index.php file to index1.php. Then, change the filename of your chosen home page layout to index.php. Refresh your browser, and you should see the new home page layout.
To Change Your Archive Page Layout, Follow the Same Steps Above
There are 4 different archive page layouts.
- Archive page option 1 - This is the one currently active on the site.
- Archive page option 2 - Click the link to see a screenshot.
- Archive page option 3 - Click the link to see a screenshot.
- Archive page option 4 - Click the link to see a screenshot.
The filename for your archive page templates are archive.php, archive2.php, archive3.php and archive4.php. To use a different archive page layout, just change archive.php to archive1.php, and change your chosen archive page layout to archive.php.
To Change Your Single Post Page Layout, Follow the Same Steps Above
There is the standard 2-column single post page with the filename single.php. Then you also have a 3-column version of the single post page which has a filename single2.php.
To use the 3-column version, simply rename single.php to single1.php. Then rename single2.php to single.php.
How simple is that?

Comment by Blaine Moore on 14 January 2008:
I was going to ask how to get that middle sidebar to work, and even had to look at the code to figure it out. This is probably pretty obvious to anyone that has used widgets, but since my main blog’s website is still using a theme that I first customized in WP 1.5, I hadn’t gotten around to using widgets yet.
Go to Presentation->Widgets and set up your middle content if you actually want anything to show up.
Comment by Darrin Keller on 30 January 2008:
I’ve looked all over and I can’t find out how to change the banner ad on the right side….. can anyone help?
Also, can that be replaced with a YouTube video?
Comment by Greg Sicotte on 30 January 2008:
Hi Michael,
I need your help to adjust the text layout so that the text in my single page posts flows all the way to the right border of the posting text box. Currently there is a block-like file sitting in the way and all text flows around it. Please instruct me how I can remove the block and allow the text to flow clean across. Thank you!!!
Please reference the following page on my developing site: http://allstaragents.com/about-allstaragents/link-partners/
Comment by Greg Sicotte on 30 January 2008:
Michael,
This invisible block changes sides for some reason — I’m lost and don’t know quite what to do. Please help.
Greg
Comment by Greg Sicotte on 30 January 2008:
Michael,
Solved my own problem — it was an invisible Adsense ad block enabled by another WP plugin. Disabled the plugin and solved the problem.
Greg
Comment by Greg Sicotte on 30 January 2008:
Michael,
Here is another example of a web site using your WP-Magazine theme: http://www.allstaragents.com. It is another big project I will look forward to sharing with you when it is finished. We are experimenting with many new web controls that your site design integrates well. Thanks again!
Greg
Comment by Michael Pollock on 31 January 2008:
>>>>>I’ve looked all over and I can’t find out how to change the banner ad on the right side….. can anyone help? Also, can that be replaced with a YouTube video?
Darrin:
1. On your WP control panel, click Presentation, then Theme Editor.
2. On the right side of the page, click on the link that reads: Banner Ad 300×250.
3. On the next page, you’ll see aline that reads:
<div class="banner300"><a href="http://www.solostream.com" rel="nofollow"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/banner300.gif" alt="300x250 banner" /></a></div>4. You can change it as follows:
<div class="banner300">PLACE YOUR AD CODE HERE</div>You could also place the code for a YouTube video in there, but you’d just have to be sure the size does not exceed 300px wide or it will break the layout.
Best - Michael
Comment by Oluwarotimi Kehinde on 31 January 2008:
How will guests register and upload their own avatars?
Comment by Michael Pollock on 31 January 2008:
>>>>>How will guests register and upload their own avatars?
Registration and photo upload is done on the Gravatar site.
Comment by Winter Ross Charlton on 31 January 2008:
Michael…I’m playing around with the wp-magazine theme, (lovin it!)and im running into a small issue with the top grey horizontal box that seems to house the categories. the box seems to hold 5 or 6 categories just fine, but how do i add 30 or 40 categories to the site without the layout getting messed up? Is there a way i can have lots of categories, but choose 4 or 5 to go in the top grey box? I’m building a complex music production training site with this theme and i have loooooots of categories.. thanks…
winter- wrossc@sbcglobla.net
www.musicproduceronline.com
Comment by richard on 1 February 2008:
i’m trying to eliminate that prominent about this site box in the three column magazine head. i figured out how to get rid of the banner ad, but i’m now lost, concerned that my delete button will kill the whole site.
can you help?
Comment by Michael Pollock on 1 February 2008:
hey richard, to that, follow these steps:
1. On your wp control panel, click Presentation, then Theme Editor.
2. On the right side of the page, click on “Feature Articles on Home Page”
3. Scroll down and find this line of code, and delete it:
<li class="feat-about"><a href="#about" rel="nofollow">About this Site</a></li>4. Then go up a bit and find this block of code, and delete it:
<div class="section" id="about"><div class="feature-entry">
<h2>About this Site</h2>
<?php $my_query = new WP_Query('pagename=about'); while ($my_query->have_posts()) : $my_query->the_post(); ?>
<?php the_excerpt(); ?>
<div><a class="more-link" href="<?php the_permalink() ? rel="nofollow">" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">Read More</a></div>
<div style="clear:both;"></div>
<?php endwhile; ?>
</div>
</div>
5. Update File
Comment by Sean Hill on 2 February 2008:
OK, I switched my homepage layout and archive layout both to option two, however there seems to be a slight problem with the “About the author” box at the top of the list.
I have ut a screenshot here http://www.shorn.co.uk/screen.jpg to show you what I mean. I assume its just a css tweak somewhere but i cannot find where! any help appreciated. Thanks
Comment by Will Davidson on 2 February 2008:
Michael is there an easy way to add additional banners to the site?
Comment by Michael G Cohen on 4 February 2008:
Hi wondering if Michael or Frank (the Heroes site) could help me out with a couple of questions.
1. Frank how did you get the big Get the Feed image at the top of the site?
2. Michael if I wanted to use Home Page Option #5, how could I insert a banner ad above the articles and what would be the proper size to use?
3. Finally, for ALL, what services have you used for your advertising space beyond Google? I am not trying to start a debate on the value of which service is better than which, I am just looking for some other options that suit the ad supported sizes.
Thanks so much, your answers are much appreciated.
Comment by Mauro on 8 February 2008:
Hi,
how can i control the posts listed in the homepage (for ex. only posts from a category)? how can i limit the number of posts listed in homepage?
Thank you!
Comment by cb on 4 March 2008:
Just a quick question, I know how to change the index template, but when I do, my optional excerpt doesn’t show up, the entire article shows up. Any thoughts? Thanks for your help.
Comment by Ginger on 4 March 2008:
Blane you just saved me from a long night! Thanks! I too hadnt gotten around to the widgets because I’d been inserting code into my other sidebars to have them displayed.
Comment by Ginger on 4 March 2008:
Can anyone tell me if the changing home page option worked for them? I followed the directions and while I have the 3 column layout the Other Recent Articles arent showing up hence the large space.
I also increased the amount of posts being showed on the page and all that did was increase the featured articles. If you have a solution to this please email me at gingerlatte at gmail dot com
Comment by Chris on 6 March 2008:
Hi everyone!
Just a quick query… I’m running this theme but am finding that I often get a blank page come up when loading the site. It’s very much 50/50 whether the pages load or not. A ‘refresh’ often fixes things.
I’ve Googled about this and although I had the WP-Cache plug in installed, I’ve since deactivated and deleted it, so it can’t be that any more…
Anyone got any ideas?
Comment by Jared Tracy on 8 March 2008:
I must admit that I am very pleased with this template so far. I just installed it on my Gadget Panel blog last week and my page views per visit went up by 40%! My site is so much more organized and just looks and feels better than what I had before. I’m getting a hang of all the features. Thanks for making such an awesome template!
Comment by Ginger on 8 March 2008:
Question for CB and Michael,
My articles are showing up but I want them to show up as excerpts and not full articles on the home page. How do I get them to show up as excerpts and not articles?
Comment by Gary Cheeseman on 19 March 2008:
I would to be able to not have the side bar in certain pages so that I can use the full width of the site to display an online store for example. Is this possible?
http://getsetpet.co.uk/blog/store/
Thanks.
Comment by Gary Cheeseman on 19 March 2008:
How do I make the RSS nav point to my feed burner instead?
Comment by Alan on 24 March 2008:
Good morning,
I`m using “home page option 5″ - after changing the Style.css the articles in “Other Recent Articles” are not showed in 2 columns anymore. If you just check the url “leinwandrauschen.com” you see it`s just one row of articles instead if two and I really want to have 2 rows of them again.
Would be great to get some help for this!
Thanks,
Alan
Comment by NickD on 25 March 2008:
When importing RSS Feeds or custom widgets it seems to breakaway from the template. Meaning the actual text in the widget is not the same as if it were placed in a recent comments box. I was wondering how I’m able to make the RSS Feed or custom Widgets part of the template.
Comment by Michael Pollock on 25 March 2008:
Nick:
Try adding this to the bottom of your stylesheet:
#sidebar li, #midcontent li {border:1px solid #ddd;
background:#fff;
padding:1px 1px 0;
}
#sidebar li h2, #midcontent li h2 {border:0;
font-size:9pt;
letter-spacing:0px;
border-bottom:1px solid #fff;
padding:5px 10px;
margin:0;
color:#000;
background:#ccc;
}
#sidebar li li, #midcontent li li {margin:0;
background:#eee;
padding:5px 10px;
border-bottom:1px solid #fff;
}
Comment by Lisa on 5 April 2008:
Hi Michael,
I’m enjoying your software immensely. I have tried to switch the pages to option 2 as instructed, but nothing seems to change. Any thoughts?
Thanks,
Lisa
Comment by Danny Graham on 16 April 2008:
Hi Michael.
I know ive seen the answer to this before but i just cant find it anywhere!!!
I would like to add more post summarys to the home page, could you tell me how.
Many Thanks
Danny
Comment by Brian LeBow on 18 April 2008:
How do you get the home page to display 10 or more ‘recent articles’ it keeps cutting them off at five.
Also I’ve removed the ‘featured section’ from the top bar, but how do I remove it from the Sidebar??
Thanks very much,
BL
Comment by Jason on 29 May 2008:
I followed the steps ‘change the index.php file to index1.php. Then, change the filename of your chosen home page layout to index.php’. But I still have the same layout. Is there something I’m over looking?
Hope someone can help. The post thumbnails are eating up lots of room.
Comment by Chris Baskind on 5 June 2008:
I like WP-Magazine so much, I decided to adapt it for the relaunch of my personal blog:
http://ChrisBaskind.com
The big change here is the substitution of the feature glider for a section displaying a full text article entry. I decided the easiest way to do this was from within features.php. The HTML and CSS was adjusted accordingly.
I’ve also converted all my sites to the Disqus commenting system. That’s the Disqus all-in-one widget in the upper sidebar (below a Lijit search box). It’s a very clean substitution for the original code.
At the time I’m writing this, I haven’t officially relaunched the site yet. But you can see how nicely Disqus integrates with this template at EcoTech Daily:
http://EcoTechDaily.com
Thanks again, Michael, for a fun template.
Comment by Henry on 7 July 2008:
Hi Michael,
I tried switching the home page to option 5, but the summary text is overflowing the box area. Any ideas on how to fix this? Site is located at thingsaboutphones.com
Many thanks
Comment by Michael Pollock on 7 July 2008:
I tried switching the home page to option 5, but the summary text is overflowing the box area. Any ideas on how to fix this?
Henry:
There are 2 options here:
1. Use the Excerpt field on your Write Post page, and make your excerpts shorter.
2. Increase the height of the boxes where the excerpts appear.
To do that, open your Stylesheet template and find this block of code:
.home-post-list-5 .entry {height: 140px;
padding:10px;
}
Then simply adjust the height till you’re happy with it.