Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

Moving sidebars left/right without changing source code ordering


 
Prev Previous Post   Next Post Next
  #1  
Old Aug 10, 2015, 08:13 PM
flyboy's Avatar
flyboy
 
115 posts · Sep 2010
Moving sidebars left/right without changing source code ordering

Montezuma documentation is presently a little sketchy on source ordering how-to's. Users who want SEO benefits of content loading before any sidebars, but prefer sidebars on the left side have little info to go on.

But having spent an hour or so figuring this out (and having just tested it with good results), I think I'm on a good track, so I figured I'd share this for anyone new to this topic. If anyone on this forum who has some experience with source ordering can chime in and add anything I may have missed, please do so and I'll include that in this post for anyone looking for this info.

The Math
Let's say you have a default layout that has a content area on the left and a sidebar on the right. And let's also say, for the argument sake, that you changed your content area to take up 9 columns, and your sidebar to 3 (for a total of 12):

That means that you have to push the 9-collumn-wide content area by 3 columns, and pull the 3-column-wide sidebar by 9 columns.

In short, content = push3 and sidebar=pull9 (notice you're specifying the amount of pushing and pulling, as opposed to specifying the width of an element)

The code
In Montezuma Options > Main Templates locate the template you wish to modify (or create a copy and assign it to a testing page before you commit) and hunt down the opening <div> tags for each of these two elements. They will look something like this:
Code:
<div id="content" class="col9">
and
<div id="widgetarea-one" class="col3">
All you have to do is add push3 class to the first one and pull9 to the second so they look like this:
Code:
<div id="content" class="col9 push3">
<div id="widgetarea-one" class="col3 pull9">
The resulting page will look like this:

But most importantly, as far as search engines are concerned, the content will continue to load before the sidebar.

Last edited by flyboy; Aug 10, 2015 at 08:16 PM. Reason: Headline typo
 

Bookmarks

Tags
code ordering, moving sidebars, push/pull, sidebars, source ordering



Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Moving left sidebar - CSS styling for td#left Wimbledon Sidebars & Widgets 4 Oct 26, 2010 10:39 PM
[SOLVED] Moving sidebars down igabriela Sidebars & Widgets 2 Aug 4, 2010 02:32 PM
Would like the option of moving all sidebars to the right in 3.5.1 Elms123 Sidebars & Widgets 2 Jul 17, 2010 06:08 AM
Moving Widgets from left to right? feastfresh Sidebars & Widgets 3 Jun 14, 2009 09:00 AM


All times are GMT -6. The time now is 05:02 PM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.