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

ftpscreen.gifIn 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.

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?

Popularity: 100% [?]

There Are 42 Responses So Far. »

  1. 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.

  2. 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?

  3. 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/

  4. Michael,

    This invisible block changes sides for some reason — I’m lost and don’t know quite what to do. Please help.

    Greg

  5. 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

  6. 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

  7. >>>>>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

  8. How will guests register and upload their own avatars?

  9. >>>>>How will guests register and upload their own avatars?

    Registration and photo upload is done on the Gravatar site.

  10. 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
    http://www.musicproduceronline.com

  11. 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?

  12. 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

  13. 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

  14. Michael is there an easy way to add additional banners to the site?

  15. 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.

  16. 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!

  17. 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.

  18. 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.

  19. 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

  20. 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?

  21. 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!

  22. 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?

  23. 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.

  24. How do I make the RSS nav point to my feed burner instead?

  25. 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

  26. 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.

  27. 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;
        }

  28. 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

  29. 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

  30. 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

  31. 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.

  32. 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.

  33. 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

  34. 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.

  35. How can I create a page template that removes the sidebar and expands the page content width to take up the whole page? I only want to do this to one page so I can add an Amazon store to my site.

  36. Michael:

    I don’t see a response to Winter Ross Charlton above. I may not have enough room on one line for all of my categories. Can you have multiple rows of categories on the navigation bar? If so, what code must be modified?

    Thanks!

    Kurt

  37. >>>>> I don’t see a response to Winter Ross Charlton above. I may not have enough room on one line for all of my categories. Can you have multiple rows of categories on the navigation bar? If so, what code must be modified?

    1. Open the stylesheet and find this code:

    #nav {
     height:30px;
     line-height:30px;
     margin: 0 auto;
     padding:1px;
     border:1px solid #ddd;
     }

    2. Change to this:

    #nav {
     margin: 0 auto;
     padding:1px;
     border:1px solid #ddd;
     }

    3. Scroll down further and find this code:

    #nav li {
     float: left;
     margin: 0;
     padding:0;
     border-right:1px solid #fff;
     }

    4. Change to this:

    #nav li {
     height:30px;
     line-heoght:30px;
     float: left;
     margin: 0;
     padding:0;
     border-right:1px solid #fff;
     }

  38. Regarding overflow of text in the version 5 (I use that one for my homepage) – I use a plugin called Advanced excerpt , which solves most of that problem. Some times though, if I use long words, I put an excerpt in the post. And with Advanced excerpt you need to make sure it doesn’t show photos in the option section.

  39. Hello Michael,
    I wanted to change the content from one of my Category pages side bar. Currently all my pages have the same side bar but I would like to change the video content from my BMX category page, is that possible? pleas say yes. Also I been haveing a big problem trying to change my permalinks so I can get rid of the “Index”. My web host is Ipower and they use IIS. Thanks!

  40. >>>>> I wanted to change the content from one of my Category pages side bar. Currently all my pages have the same side bar but I would like to change the video content from my BMX category page, is that possible? pleas say yes.

    Try this … right now, at the top of your sidebar.php template, you have your video code. You’d just need to change it as follows:

    <li>
            <?php if ( is_category('bmx') ) { ?>
                    PLACE THE CODE FOR YOUR BMX CATEGORY VIDEO HERE
            <?php } else { ?>
                    PLACE THE CODE FOR YOUR NORMAL VIDEO HERE
            <?php } ?>
    </li>

    If you wanted to have multiple different videos, it would work like this:

    For more on using these conditional statements, see here:
    http://codex.wordpress.org/Conditional_Tags#A_Category_Page

    >>>>> Also I been haveing a big problem trying to change my permalinks so I can get rid of the “Index”. My web host is Ipower and they use IIS. Thanks!

    Unfortunately, other than finding a new web host, I don’t know what to tell you on this one.

  41. I have seen this thing asked a few times but can’t figure out the answer. My home page has defaulted to only 3 articles and I can’t figure it out how to increase the number of articles? Can you direct me to the solution. Thanks.

  42. Hi everyone,

    If you are looking for support, please visit our forum at http://www.solostream.com/forum/ for immediate answers to your support questions. Otherwise, there will be a delay in answering your support-related comment if left here.

    If this doesn’t apply to you, feel free to comment!

    Alistair

Post a Response

Please do not post a comment for support here. We provide all support through our forum at www.solostream.com/forum. This is the best and fastest way for you to get the answers to your questions. Plus signup is free.