Support » CSS / opmaak vragen » Sidebar onder content

  • Opgelost BjornvV

    (@bjornvv)


    Goedenavond allemaal,

    graag vraag ik jullie hulp met het volgende.

    Voor iemand ben ik haar website aan het bijwerken en alles ging goed tot dat er een probleem ontstond op de blogpagina. http://www.tanteboek.nl/blogs/

    Zoals je zal zien staat de sidebar onder de content en dat is uiteraard niet de bedoeling. Het probleem is dan ook alleen op deze pagina.

    Ik heb op internet gezocht naar mogelijke problemen en mogelijke oplossingen, maar geen heeft mij verder kunnen helpen.

    Allicht zie ik iets over het hoofd. Hopelijk kunnen jullie mij verder helpen.

    Alvast bedankt!

15 reacties aan het bekijken - 1 tot 15 (van in totaal 19)
  • Hoi BjornvV,

    Je hebt een foutje in je html markup.
    Jou sidebar div is geplaatst IN je MAIN div daarom komt je sidebar eronder te staan.
    Ik heb de vrijheid genomen in je broncode te snuffelen
    Dit is van je blog:

    <div id="content" class="col-full">
    
        <div id="main" class="col-left box"> … </div>
        <!--
    
         /#content 
    
        -->
        <div id="footer" class="col-full">
            <div class="top"> … </div>
            <!--
    
             /.top 
    
            -->
            <div class="bottom"> … </div>
            <!--
    
             /.bottom 
    
            -->
        </div>
        <!--
    
         /#footer 
    
        --> 
    
    </div>

    en dit is van je contact pagina:

    <div id="content" class="col-full">
            <div id="main" class="col-left box"> … </div>
            <!--
    
             /#main 
    
            -->
            <!--
    
             Sidebar Starts 
    
            -->
            <div id="sidebar" class="col-right"> … </div>
            <!--
    
             Sidebar Ends 
    
            -->
        </div>
        <!--
    
         /#content 
    
        -->
        <div id="footer" class="col-full"> … </div>
        <!--
    
         /#footer 
    
        --> 
    
    </div>

    Je ziet dat in je contact pagina dus waarschijnlijk je page.php je de markup wel goed hebt….kijk daar eens naar, het zal niet veel zijn en je site doet het 🙂

    Groet Sandor

    Hallo Sandor,

    bedankt dat je gekeken hebt voor mij, maar nog kom ik er niet helemaal uit. Grappig is dat ik wel in de goede richting aan het zoeken ben geweest omtrent de div’s.

    Hieronder heb ik de code gezet van de page.php. Ik kom er eerlijk gezegd niet helemaal uit.

    page.php

    <?php get_header(); ?>

    <div id=”content” class=”col-full”>
    <div id=”main” class=”col-left box”>

    <?php if ( get_option( ‘woo_breadcrumbs’ ) == ‘true’) { yoast_breadcrumb(‘<div id=”breadcrumb”><p>’,'</p></div>’); } ?>

    <?php if (have_posts()) : $count = 0; ?>
    <?php while (have_posts()) : the_post(); $count++; ?>

    <div <?php post_class(); ?>>

    <h1 class=”title”><?php the_title(); ?></h1>

    <div class=”entry”>
    <?php the_content(); ?>
    </div><!– /.entry –>

    </div><!– /.post –>

    <?php if (‘open’ == $post->comment_status) : ?>
    <?php comments_template(); ?>
    <?php endif; ?>

    <?php endwhile; else: ?>
    <div class=”post”>
    <p><?php _e(‘Sorry, no posts matched your criteria.’, ‘woothemes’) ?></p>
    </div><!– /.post –>
    <?php endif; ?>

    </div><!– /#main –>

    <?php get_sidebar(‘page’); ?>

    </div><!– /#content –>

    <?php get_footer(); ?>

    Als je andere pages nodig hebt, dan hoor ik dat graag.

    Hoi Bjorn,
    zou je zo vriendelijk kunnen zijn om ook even de markup van je blog pagina hier te posten?
    Dat maakt het iets makkelijker om de boel te vergelijken, daarnaast ook een optie om de markup van je sidebar.php te plaatsen.

    Het zal echt niet veel zijn en ik wil je graag helpen dit probleempje op te lossen.

    Gr Sandor

    Hallo Sandor,

    bedankt dat je mij helpt. Hieronder de twee pages waarom gevraagd.

    template-blog.php

    <?php
    /*
    Template Name: Blog
    */
    ?>

    <?php get_header(); ?>

    <div id=”content” class=”col-full”>
    <div id=”main” class=”col-left box”>

    <?php
    // Get thumbnail variables
    $thumb_w = get_option(‘woo_thumb_w’);
    $thumb_h = get_option(‘woo_thumb_h’);
    ?>

    <?php $args = array( ‘paged’=> $paged ); query_posts($args); ?>
    <?php if (have_posts()) : $count = 0; ?>
    <?php while (have_posts()) : the_post(); $count++; ?>

    <!– Post Starts –>
    <div <?php post_class(); ?>>

    <?php woo_get_image(‘image’,$thumb_w,$thumb_h,’alignleft thumbnail’); ?>

    <h2 class=”title”>” rel=”bookmark” title=”<?php the_title(); ?>”><?php the_title(); ?></h2>

    <p class=”post-meta”>
    <span class=”date”><?php the_time($GLOBALS[‘woodate’]); ?> •</span>
    <span><?php _e(‘Categories’, ‘woothemes’) ?>: <?php the_category(‘, ‘) ?> •</span>
    <span><?php _e(‘by’, ‘woothemes’) ?> <?php the_author_posts_link(); ?></span>
    </p>

    <div class=”entry”>
    <?php the_excerpt(); ?>
    </div><!– /.entry –>

    <p class=”post-meta”>
    <span><?php comments_popup_link(__(‘0 Comments’, ‘woothemes’), __(‘1 Comment’, ‘woothemes’), __(‘% Comments’, ‘woothemes’)); ?></span>
    </p>

    </div><!– /.post –>

    <?php endwhile; else: ?>
    <div class=”post”>
    <p><?php _e(‘Sorry, no posts matched your criteria.’, ‘woothemes’) ?></p>
    </div><!– /.post –>
    <?php endif; ?>

    <?php woo_pagenav(); ?>

    </div><!– /#main –>

    <?php get_sidebar(‘blog’); ?>

    </div><!– /#content –>
    <?php get_footer(); ?>

    sidebar.php

    <div id=”sidebar” class=”col-right”>

    <!– Widgetized Sidebar –>
    <?php dynamic_sidebar(); ?>

    </div><!– /#sidebar –>

    Ik zie dat je 2 verschillende sidebars oproept respectievelijk een sidebar-page.php en een sidebar-blog.php.

    Zijn deze kwa markup gelijk?
    Of heb je alleen een sidebar.php in je theme map zitten?

    Je zou idd zeggen met de huidige markup dat de pagina gewoon goed zou moeten worden weergegeven, maar dat gebeurd dus idd niet…

    Alleen sidebar.php zit in de theme map.

    Het is erg raar dat het niet goed wordt weergeven. Normaal gesproken kom ik er wel uit, maar ik kon niks vinden. Div’s staan goed en zijn ook afgesloten zover ik hebben kunnen ontdekken.

    Ook in de artikelen heb ik gelet op html codes die eventueel meegekomen zijn, maar dat is het ook niet.

    Als je nog iets nodig hebt, dan hoor ik dat graag.

    Ik had idd gehoopt dat je meerdere sidebars zou hebben, dat zou mogelijk een verkeerde markup kunnen verklaren, aangezien je er van 1 gebruik maakt is dat het dus ook niet.

    Toch blijft het vreemd, in je broncode word gesuggereerd dat je de sidebar in je MAIN div hebt staan en alleen in je blog pagina.

    Je pagina’s zijn goed, denk dat je idd je artikelen eens onder de loep zou moeten nemen op verdwaalde div’s

    Mocht iemand nog een suggestie hebben, post hem maar !
    Ben benieuwd wat het dan wel is…

    Sorry Bjorn

    Groet Sandor

    Hallo Sandor,

    bedankt voor je hulp. Helaas niks aan te doen dat er niets te vinden is en mijn kennis gaat ook maar zo ver. 😉

    Als iemand anders een idee heeft dan hoor ik dat graag.

    Na wat zoekwerk ben ik de onderstaande drie sidebars tegengekomen. Misschien heb je hier wat aan?

    sidebar-page.php

    <!-- Sidebar Starts -->
    <div id="sidebar" class="col-right">
    
    	<!-- Widgetized Sidebar -->
    	<?php dynamic_sidebar('sidebar-3'); ?>		           
    
    </div>
    <!-- Sidebar Ends -->

    sidebar-init.php

    <?php
    
    // Register widgetized areas
    
    function the_widgets_init() {
        if ( !function_exists('register_sidebars') )
            return;
    
        register_sidebar(array('name' => 'Sidebar Blog','id' => 'sidebar-1','description' => 'This sidebar will only appear on blog page template','before_widget' => '<div id="%1$s" class="widget %2$s">','after_widget' => '</div>','before_title' => '<h3>','after_title' => '</h3>'));
        register_sidebar(array('name' => 'Sidebar Home','id' => 'sidebar-2','description' => 'This sidebar will only appear on homepage','before_widget' => '<div id="%1$s" class="widget %2$s">','after_widget' => '</div>','before_title' => '<h3>','after_title' => '</h3>'));
        register_sidebar(array('name' => 'Sidebar Page','id' => 'sidebar-3','description' => 'This sidebar will only appear on pages','before_widget' => '<div id="%1$s" class="widget %2$s">','after_widget' => '</div>','before_title' => '<h3>','after_title' => '</h3>'));
        register_sidebar(array('name' => 'Footer 1','id' => 'footer-1','description' => 'This widgetized area will appear in left footer','before_widget' => '<div id="%1$s" class="widget %2$s">','after_widget' => '</div>','before_title' => '<h3>','after_title' => '</h3>'));
        register_sidebar(array('name' => 'Footer 2','id' => 'footer-2','description' => 'This widgetized area will appear in right footer','before_widget' => '<div id="%1$s" class="widget %2$s">','after_widget' => '</div>','before_title' => '<h3>','after_title' => '</h3>'));
    }
    
    add_action( 'init', 'the_widgets_init' );
    
    ?>

    sidebar-home.php

    <!-- Sidebar Starts -->
    <div id="sidebar" class="col-right">
    
    	<!-- Widgetized Sidebar -->
    	<?php dynamic_sidebar('sidebar-2'); ?>		           
    
    </div>
    <!-- Sidebar Ends -->

    Hoi Bjorn
    In je sitebar-ini.php worden je sidebars geregisteerd waar je theme gebruik van maakt. Daar zie ik nu ook staan dat er een sidebar-blog.php zou moeten zijn met de volgende code

    <!-- Sidebar Starts -->
    <div id="sidebar" class="col-right">
    
    	<!-- Widgetized Sidebar -->
    	<?php dynamic_sidebar('sidebar-1'); ?>		           
    
    </div>
    <!-- Sidebar Ends -->

    Kijk eens of je die kan vinden?

    Ik heb gezocht en kon hem nergens vinden. Nu heb ik het bestand aangemaakt met de code erin die jij mij hebt gegeven, maar nog werkt het niet. Of ben ik nu te snel? 😛

    Hoi Bjorn, ik was ff naar de winkel haha
    Als die sidebar-blog.php niet te vinden is zal die dus hoogst waarschijnlijk terug vallen op de default sidebar.php

    Test dit eens door in de sidebar.php bijvoorbeeld “test” te plaatsen tussen de html, je ziet dit dan terug komen op de website….zo weet je zeker dat je het juist document te pakken hebt.

    zodra die is geïdentificeerd kunnen we mogelijk verder met het opsporen van dit (klein) probleempje 🙂

    Jouw test gedaan en het is de sidebar-home.php

    <!-- Sidebar Starts -->
    <div id="sidebar" class="col-right">
    
    	<!-- Widgetized Sidebar -->
    	<?php dynamic_sidebar('sidebar-2'); ?>		           
    
    </div>
    <!-- Sidebar Ends -->

    Nu viel mij nog wel iets anders op. Op alle andere pagina’s is de footer bijna niet aanwezig. Terwijl hij op de blogpage over de gehele achtergrond wordt getrokken. Zou dat niet iets kunnen zijn?

    Hoi Bjorn,
    Nu zit ik in een keer te denken aan de archives.php

    pak die er eens bij voor de gein als je wilt….

    <?php get_header(); ?>
    
        <div id="content" class="col-full">
    		<div id="main" class="col-left box">
    
    		<?php
                // Get thumbnail variables
                $thumb_w = get_option('woo_thumb_w');
                $thumb_h = get_option('woo_thumb_h');
            ?>
    
    		<?php if (have_posts()) : $count = 0; ?>
    
                <?php if (is_category()) { ?>
                <span class="archive_header"><span class="fl cat"><?php _e('Archive', 'woothemes'); ?> | <?php echo single_cat_title(); ?></span> <span class="fr catrss"><?php $cat_obj = $wp_query->get_queried_object(); $cat_id = $cat_obj->cat_ID; echo '<a href="'; get_category_rss_link(true, $cat, ''); echo '">RSS feed for this section</a>'; ?></span></span>        
    
                <?php } elseif (is_day()) { ?>
                <span class="archive_header"><?php _e('Archive', 'woothemes'); ?> | <?php the_time($GLOBALS['woodate']); ?></span>
    
                <?php } elseif (is_month()) { ?>
                <span class="archive_header"><?php _e('Archive', 'woothemes'); ?> | <?php the_time('F, Y'); ?></span>
    
                <?php } elseif (is_year()) { ?>
                <span class="archive_header"><?php _e('Archive', 'woothemes'); ?> | <?php the_time('Y'); ?></span>
    
                <?php } elseif (is_author()) { ?>
                <span class="archive_header"><?php _e('Archive by Author', 'woothemes'); ?></span>
    
                <?php } elseif (is_tag()) { ?>
                <span class="archive_header"><?php _e('Tag Archives:', 'woothemes'); ?> <?php echo single_tag_title('', true); ?></span>
    
                <?php } ?>
    
                <div class="fix"></div>
    
            <?php while (have_posts()) : the_post(); $count++; ?>
    
                <!-- Post Starts -->
                <div <?php post_class(); ?>>
    
    				<?php woo_get_image('image',$thumb_w,$thumb_h,'alignleft thumbnail'); ?>             
    
                    <h2 class="title"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
    
                    <p class="post-meta">
                        <span class="date"><?php the_time($GLOBALS['woodate']); ?> &bull;</span>
                        <span><?php _e('Categories', 'woothemes') ?>: <?php the_category(', ') ?> &bull;</span>
                        <span><?php _e('by', 'woothemes') ?>  <?php the_author_posts_link(); ?></span>
                    </p>
    
                    <div class="entry">
                        <?php the_excerpt(); ?>
                    </div><!-- /.entry -->
    
                    <p class="post-meta">
                        <span><?php comments_popup_link(__('0 Comments', 'woothemes'), __('1 Comment', 'woothemes'), __('% Comments', 'woothemes')); ?></span>
                    </p>
    
                </div><!-- /.post -->
    
            <?php endwhile; else: ?>
                <div class="post">
                    <p><?php _e('Sorry, no posts matched your criteria.', 'woothemes') ?></p>
                </div><!-- /.post -->
            <?php endif; ?>  
    
    			<?php woo_pagenav(); ?>   
    
    		</div><!-- /#main -->
    
            <?php get_sidebar(); ?>
    
        </div><!-- /#content -->
    
    <?php get_footer(); ?>
15 reacties aan het bekijken - 1 tot 15 (van in totaal 19)
  • Het onderwerp ‘Sidebar onder content’ is gesloten voor nieuwe reacties.