Moving Sidebar Next to Archive (5 posts)

  1. rterry5
    Posted 1 year ago #

    I'm trying to move a sidebar next to the list of archived blog posts on my archive page rather than underneath at the bottom of the page, but I can't seem to figure out how to do so. Here is what it looks like now: http://www.brownstonelaw.com/archive/ and here is the PHP for the archive page template:

    	Template Name: Archives
    	global $wpdb;
    	//DISTINCT YEAR(post_date) AS year, MONTH(post_date) AS month, count(ID) as posts
    	global $wpquery;
    if (is_paged()) :
            $fetch_archive = query_posts( "paged=".get_query_var('paged' ) );
        else :
            $fetch_archive = query_posts( "paged=1" );
        $last_month = date( "m Y", strtotime( $wpquery->posts[0]->post_date ) );
    <div id="title-container">
        <div class="title-block">
            <h2><?php the_title(); ?></h2>
    <div id="crumbs-container">
    	<?php ocmx_breadcrumbs(); ?>
    <div id="content" class="clearfix">
        <div id="left-column">
        	<div class="archives">
                <ul class="archives_list">
                        foreach( $fetch_archive as $archive_data ) :
                            global $post;
                            $post = $archive_data;
                            $category_id = get_the_category( $archive_data->ID );
                            $this_category = get_category( $category_id[0]->term_id );
                            $this_category_link = get_category_link( $category_id[0]->term_id );
                            $link = get_permalink( $archive_data->ID );
                            $args  = array('postid' => $post->ID, 'width' => 50, 'height' => 50, 'exclude_video' => true, 'resizer' => 'thumbnail');
                            $image = get_obox_media($args); ?>
                            <li class="clearfix">
                            	<?php if(! (strpos($image, 'iframe') || strpos($image, 'object') ) ) : ?>
    	                            <div class="archive-post-image"><?php echo $image; ?></div>
                                <?php endif; ?>
                                <?php if(get_option("ocmx_meta_date") != "false"): ?>
                                <h5 class="date">
                                    <?php echo date_i18n('F dS', strtotime($archive_data->post_date)); ?>
                                <?php endif; ?>
                                <h4 class="post-title"><a href="<?php echo get_permalink($archive_data->ID); ?>"><?php echo substr($archive_data->post_title, 0, 45); ?></a></h4>
                                <a href="<?php echo get_permalink($archive_data->ID); ?>/#comments" class="comment-count" title="Comment on <?php echo get_permalink($archive_data->post_title); ?>">
                                    <?php echo $archive_data->comment_count; ?> <?php _e("comments", "ocmx"); ?>
                                <span class="label">
                                    <a href="<?php echo $this_category_link; ?>" title="View all posts in <?php echo $this_category->name; ?>" rel="category tag"><?php echo $this_category->name; ?></a>
                        endforeach; ?>
            <?php motionpic_pagination("clearfix", "pagination clearfix"); ?>
    	<?php get_sidebar(); ?>
    <?php get_footer(); ?>
  2. Maria Antonietta Perna
    Posted 1 year ago #

    I don't think it's got to do with the html markup, but with the archive's column spanning the fullwidth of the page.

    You've got:

    .sidebarnone #left-column {
    float: none;
    width: 100%;

    In fact, the content-container has the .sidebarnone class. I think that, if you get rid of that class, things should work out as expected.

  3. rterry5
    Posted 1 year ago #

    Hmm, that does work but it also adds extra space where the sidebar is supposed to be on every other page! :/

  4. Maria Antonietta Perna
    Posted 1 year ago #

    Then you need to create a more specific template for this using the same markup (without the sidebarnone class) and a different name.

  5. Maria Antonietta Perna
    Posted 1 year ago #

    I think this is a viable solution:
    The .sidebarnone class should be in the header template (I think). Therefore create a new header template and call it header-new.php or header-whatyoulike. Copy the contents of the original header.php file and delete the .sidebarnone class. Save the file and then, in archives.php, replace

    <?php get_header(); ?>


    <?php get_header('new'); ?>

    The new header should apply only on the archives page

Topic Closed

This topic has been closed to new replies.

About this Topic