How to make custom Sidebars in a WordPress Theme

FerdieQO · Sep 1, 2016

I have a page using default sidebar from WordPress but I would create the second sidebar and add any custom blocks into this sidebar.
Does any one know and giving a guide?

Alex_smith · Sep 1, 2016

You can follow these steps to add a custom side to any wordpress themes

go to your theme folder, find functions.php and adding as follows

Code:

if ( function_exists('register_sidebar') ) {
	register_sidebar(array(
		'name' => 'Custom Sidebar',
		'id' => 'custom-sidebar',
		'description' => 'Sidebar below Header image',
		'before_widget' => '<li id="%1$s">',
		'after_widget' => '</li>',
		'before_title' => '<h2>',
		'after_title' => '</h2>',
	));
}

How to show this sidebar on your theme, find in your theme, there a defautl WP sidebar like this

Code:

<?php get_sidebar(); ?>

Deactivate it by adding comment // before the code

Code:

<?php //get_sidebar(); ?>

add above

Code:

<div id="custom-sidebar">
   <ul>
      <?php
      if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('custom-sidebar') ) :
      endif; ?>
   </ul>
   <div style="clear:both"></div>
</div>

Now go to your widget, a custom sidebar will appear there like this

and adding available widgets to your custom sidebar.

Hope that helps!

How to make custom Sidebars in a WordPress Theme

FerdieQO

Well-known member

Alex_smith

Well-known member

Latest posts New threads

Latest posts

New threads

Latest Hosting Offers New Reviews

Latest hosting offers

Popular Contributors - Past 30 Days

Sponsors

Tag Cloud