Artisteer fluid width
#Artisteer fluid width how to#
How to Actually Create a Full Width Page? That’s it, upload fullwidth.php and style.css to the theme folder. Open up fullwidth.php again and change the id content to contentwide in the code. Why? The page still uses the style in the content ID. If you try making a full width page after step 3, you will get a page with no sidebar, but the sidebar area is blank. The value 850 px was found by trial and error. The only change being the width in line three as 850px. Copy paste all the above said code and define a new ID #contentwide as: You can see that in line three the width of the content area is defined as 575 px. In our example theme, the style is defined as: Open up style.css and find where the style of the content area is defined. In most themes it should be towards the end of the code.
Sidebars are included in the page template using this :ĭelete it from fullwidth.php. Save and lo! we just defined a custom page template. Now add the following to the start of the code in fullwidth.php : It doesn’t matter what you name it, it can be yourname.php instead. Make a copy of page.php and rename it as fullwidth.php. Pages in WordPress are defined by page.php in the theme. It’s a simple and elegant Free Theme and comes with an image gallery just below the header. A full width page can make way for the ads.Īs an example, I will use this Theme – This Just In!. Search Result Pages for Google Custom Search Engine – If you choose to display results of Google CSE on your own pages the script they give you can insert ads on the right of the searches just as we see on Google. Making a Sales Page – Traditional sales pages don’t have sidebars (haven’t you seen those pages with lots of customer feedback and that pages where you have to scroll miles and miles to see the end?). Well, lets see some better applications of Full-Width Pages. You might not wish to show sidebars on your contact page for instance. A Full Width Page is one that has no sidebars and all the width of the page is just content.