Create a Different WordPress Layout For a Single Page in Artisteer

These instructions are for WordPress themes created with Artisteer.  They will work for other themes, too, but the code snippets found below use Artisteer syntax.

Let’s say you have a WordPress theme that was made with Artisteer and the theme has a sidebar, but you want to create a special post or a page that is only one column wide without any sidebar.  Oh, and you need to do it without jacking up the rest of the theme.

Here’s how to do it…

In your theme’s files ( in ../wp-content/themes/yourthemefolder/ ), are five master page templates.

1. index.php – The home page of your blog.
2. page.php – The template page for pages.
3. single.php – The template page for posts.
4. search.php – The template page for search results.
5. archive.php – The template page for archived posts.

Let’s say we are going to make a no-column template for both pages and posts.

1. DO NOT alter the original files.  Make a copy of both the page.php and single.php and call them:
   1. page-nosidebar.php
   2. single-nosidebar.php
2. Open those two new files in a text editor and search for the word:  sidebar  It should look something like this:  <?php include (TEMPLATEPATH . '/sidebar1.php'); ?>
   When you find the sidebar reference, remove it.
3. That will prevent the sidebar from displaying, but now you’ll have a blank column where the sidebar used to be.  So to fix that without jacking up the CSS code, look for the main div right before the loop that wraps the post content.  It will be right after the header section.  It should like something like this:  <div class="art-postcontent">
4. What we’re going to do is just add a width CSS style to that to extend the content section into the now blank sidebar.  You’ll have to play around a little to get the proper width as it will be dependent upon the width of the sidebar and the article’s margins and padding.  Start by making it about 50px less than the width of your header and adjust from there.  So the modification you’ll make could look like this:
    <div class="art-postcontent" style="width:850px;">
5. Now we need to include a snippet of PHP into the top of the file to register this new file as a template.  At the very top of the file, insert the following code:
   <?php
/*
Template Name: No Sidebar
*/
?>
6. Now save the files and upload them to your server.
7. Now magically when you create a new post or page, something wonderful will suddenly display in the widgets on the editor page.  A new Template list box that looks like this:
   
8. If your don’t see that little Template widget, exit the editor and go back in or try refreshing the editor page. 
9. So any time you need to create a special page or post in your WordPress blog with no sidebars, just select your “no sidebar” template instead of the default one.  Pretty slick, huh.

And when you need that famous Lorem Ipsum jibber-jabber text for fill when testing out a layout, you can get it here:  Lorem Ipsum text.

Reliable, affordable SuperGreen Hosting offers unlimited disk space & data transfer for only pennies a month. Free instant setup. Free domain name. World class carbon-neutral data center.

WebHostingHub - Best WordPress Hosting Lightning fast WordPress optimized servers running cPanel control panel. Host unlimited blogs on one account. Fast & easy 1-click WordPress installation. Outstanding WordPress customer support. Yes, we do WordPress! A+ Better Business Bureau rating. 90-day money back guarantee. Click here to get your WebHostingHub account now.