WordPress - Moving Sidebar HTML Below Main Content

I’ve been advised that listing categories before actual post content in a WordPress site can negatively affect search engine results because Google takes what is at the top as being more important (may or may not be true).

Site: Obsession Fitness

If you view source you’ll see the categories listed first.

I tried moving <?php get_sidebar(); ?> to several places but couldn’t find the sweet spot. Or is this maybe tied to the CSS as well?

I’d appreciate some help. Thanks.

 

Just move it where you like and style it with CSS...

Unless your theme is table based, you should have the whole layout in a stylesheet.

Be more specific about what you want and what theme you're using (eventually copy stylesheet and the source here) and I will help you.

 

Make sure the content <div> is before the sidebar <div>. I think this means further editing in the theme files instead of simply moving the <?php get_sidebar(); ?> around.

 

I'm using a WordPress Theme called Abstractia. Here's the CSS and Index.php. I really appreciate your help:

layout.css

html, body {
margin: 0; padding: 0;
text-align: center;
}
h1,h2,h3 {
margin: 0; padding: 0;
}
#wrapper {
width: 788px;
text-align: left;
margin: auto;
}

.right_img {
position: relative;
float: right;
margin: 0 10px 0 10px;
}

#header, #navigation_bar, #content, #blog, #footer {
width: 788px;
display: block;
position: relative;
float: left;
}


#footer {
margin: 0px 0;
color: #775;
font-size: 11px;
clear: both;
}

.footer_mod {
display: block;
width: 520px;
float: left;
margin: 0 50px 0 0px;
float: left;
}

#f2 {
width: 130px;
margin: 0;
}
.footer_mod a {
color: #775;
}

#blog {
min-height: 400px;
padding-bottom: 14px;
float: left;
}

#content {
margin: 0px 0 0 0;
}

#header {
height: 80px;
background-image: url(images/logo.jpg);
background-repeat: no-repeat;
background-position: left;
}

#blogtitle {
position: absolute;
top: 15px;
left: 18px;
}

#navigation_bar {
height: 38px;
border-bottom: 0px solid #a2b47a;
margin: 0px 0 0 0;
position: relative;
overflow: hidden;
}

#navigation_bar ul {
padding: 0;
margin: 0 0 0 6px;
}
#navigation_bar ul li {
position: relative;
top: 10px;
display: inline;
height: 38px;
padding: 10px 14px 10px 14px;
border-right: 1x solid #9fb178;
list-style: none;
}
#navigation_bar ul li ul {
display: inline;
margin: 0;
padding: 0;
text-indent: 0;
}
#navigation_bar ul li ul li {
top: 0;
border-right: none;
border-left: 1px solid #9fb178;
padding-right: 0;
margin-left: 5px;
}
#search_bar {
position: absolute;
right: 10px;
top: 0px;
}
#searchsubmit {
position: relative;
top: 6px;
margin-left: 4px;
}
.postmeta {
margin: 6px 0 12px 0;
}
.blogpost {
width: 586px;
float: left;
}
.postdate {
width: 470px;
}
.postheader, .postbody, .subpostmeta, #postcomments{
margin: 0 0 0 90px;
width: 470px;
position: relative;
}

.pageheader, .pagebody {
margin: 0 0 0 20px;
width: 470px;

}
.postheader {
margin-right: 40px;

}
.subpostmeta {
padding: 8px 0;
}
.postdate {
position: absolute;
top: 24px;
left: 30px;
width: 30px;
}
#postcommentscount {
position: relative;
top: 32px;
left: 30px;
width: 40px;
height: 37px;
clear: left;
background: url(images/commentbubble.gif) top left no-repeat;

}
#sidebar {
float: right;
margin-top: 20px;
width: 182px;


}
.postbody img {
float: left;
margin: 5px 20px 20px 0;
}
.footer_mod ul li {
list-style: none;
margin: 0; padding: 5px 0;
border-bottom: 1px solid #313129;
}
.footer_mod ul {
margin: 2px 0 0 0; padding: 2px 0;
}
#footer_meta {
margin: 8px 0;
line-height: 16px;
}
#footer_meta h3 {
margin: 0 0 5px 0;
}
.pagebody .navigation {
margin: 12px 0;
}
.navigation {
display: block;
margin: 12px 0;
width: 300px;
}
#archivebody {
margin-left: 80px;
margin-top: 15px;
}
ul#searchresults {
margin: 5px 300px 15px 30px; padding: 0;
border-top: 1px solid #efeed6;
}
ul#searchresults li {
list-style: none;
margin: 0;
padding: 5px 0;
border-bottom: 1px solid #efeed6;
}
ul#searchresults li a {
font-weight: bold;
}
ul#searchresults li a:hover {
color: #663a2e;
}
ul#searchresults li small{
font-size: 10px;
margin-left: 5px;
text-transform: uppercase;
}
a.more-link {
margin-top: 10px;
display: block;
padding: 0 0 0px 18px;
background: url(images/crosspattern.gif) top left no-repeat;
}


index.php

<?php get_header(); ?>

<div id="content">

<div id="blog">
<?php get_sidebar(); ?>
<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

<div class="blogpost" id="post-<?php the_ID(); ?>">
<div class="postdate">
<span class="postday"><?php the_time('j'); ?></span>
<span class="postmo"><?php the_time('M'); ?></span>
</div>
<div class="postheader">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<span class="postmeta">
<?php comments_popup_link('No Comments', '1 Comment', '% Comments','commentslink'); ?> | Category: <?php the_category(', ') ?>
</span>
</div>
<div class="postbody">
<?php the_content('Read the rest of this entry &raquo;'); ?>
</div>

<p class="subpostmeta"><?php comments_popup_link('No Comments', '1 Comment', '% Comments','commentslink'); ?> | Category: <?php the_category(', ') ?> <?php edit_post_link('Edit', '| ', ' '); ?></p>
</div>

<?php endwhile; ?>

<div class="navigation">
<div class="alignleft"><h3><?php next_posts_link('&laquo; Next Page of Reviews') ?></h3></div>
<div class="alignright"><h3><?php previous_posts_link('Previous Page &raquo;') ?></h3></div>
</div>

<?php else : ?>

<h2 class="center">Not Found</h2>
<p class="center">Sorry, but you are looking for something that isn't here.</p>
<?php include (TEMPLATEPATH . "/searchform.php"); ?>

<?php endif; ?>

</div>


</div>
<?php get_footer(); ?>

 

index.php

Try that, not sure if that will fix it up but the content is before the sidebar...That is assuming that you categories are even listed in the sidebar.? If that doesn't work, what does sidebar.php hold?

 

Thanks but that moves all the categories way down the sidebar....had to scroll about two pages. Here's the sidebar content.

sidebar.php


<div id="sidebar">


<!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it.
<li><h3>Author</h3>
<p>A little something about you, the author. Nothing lengthy, just an overview.</p>
</li>
-->
<?php /* If this is an article page */ if ( is_single() ) {?>

<?php previous_post_link('<h3>Previous</h3><ul><li>%link</li></ul>') ?>
<?php next_post_link('<h3>Next</h3><ul><li>%link</li></ul>') ?>

<?php } ?>



<h3>Fitness Categories</h3><ul>
<?php wp_list_categories('use_desc_for_title=0&child_of=85&title_li='); ?>
</ul>

<h3>Equipment Brands</h3>
<ul>
<?php wp_list_categories('use_desc_for_title=0&child_of=3&title_li='); ?>
</ul>



<h3>Archives By Month</h3>
<ul><?php wp_get_archives('type=monthly'); ?></ul>



<h3 align="left">Subscribe</h3>
<div align="left">
<ul>
<li><a href="http://feeds.feedburner.com/ObsessionFitness">RSS Feed</a></li>

</ul>



</div>
</div>

 

Send me a PM with your email or MSN and I can help you out over there its a little too confusing doing it via forum posting.

 

Solved over MSN!

 

zeldaze was was very helpful and generous with his time. Thanks.