Left Sidebar in Twenty Thirteen Theme – Puzzle Solved !

Web Puzzles, ,

Here is the step by step process to make the left Sidebar in Twenty Thirteen Puzzle !!

1) Edit  sidebar.php and add the highlighted red part:

<?php
if ( is_active_sidebar( 'sidebar-2' ) ) : ?>
	<div id="tertiary" class="sidebar-container" role="complementary">
		<div class="sidebar-inner">
			<div class="widget-area">
				<?php dynamic_sidebar( 'sidebar-2' ); ?>
			</div><!-- .widget-area -->
		</div><!-- .sidebar-inner -->
	</div><!-- #tertiary -->
<?php endif; ?>

<?php
if ( is_active_sidebar( 'sidebar-3' ) ) : ?>
 <div id="tertiary" class="sidebar-container" role="supplementary">
 <div class="sidebar-inner">
 <div class="widget-area1">
 <?php dynamic_sidebar( 'sidebar-3' ); ?>
 </div><!-- .widget-area -->
 </div><!-- .sidebar-inner -->
 </div><!-- #tertiary -->
<?php endif; ?>

2) Edit style.css and add the highlighted red part:

/**
 * 6.0 Sidebar
 * -----------
 */

.site-main .widget-area {
 float: right;
 width: 300px;

.site-main .widget-area1 {
float: left;
width: 150px;
}

 

Thats it !! Enjoy !

One thought on “Left Sidebar in Twenty Thirteen Theme – Puzzle Solved !”

  1. Exactly what I need for a twenty thirteen child theme, but how can I put something in the left sidebar?
    I don’t see the new left sidebar in the widget area. I think I have to register it someware
    before it pops up. But I can’t figure it out, and the left sidebar is driving me nuts, after all the time I spend on it.:-(

    Please help!

    Reply

Leave a Reply