First, find the file where the sidebar is registered in your theme. Typically it’s the functions.php file, but it may vary depending on your theme.<\/p>\n\n\n\n
Open the file and locate the function for the sidebar code. It will generally consist of [php]<\/p>\n function twentyseventeen_widgets_init() {<\/p>\n register_sidebar(<\/p>\n array(<\/p>\n ‘name’ \u00a0\u00a0\u00a0\u00a0\u00a0 => __( ‘Blog Sidebar’, ‘twentyseventeen’ ),<\/p>\n ‘id’ \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 => ‘sidebar-1’,<\/p>\n ‘description’ \u00a0\u00a0=> __( ‘Add widgets here to appear in your sidebar on blog posts and archive pages.’, ‘twentyseventeen’ ),<\/p>\n ‘before_widget’ => ‘<section id=”%1$s” class=”widget %2$s”>’,<\/p>\n ‘after_widget’ \u00a0=> ‘<\/section>’,<\/p>\n ‘before_title’ \u00a0=> ‘<h2 class=”widget-title”>’,<\/p>\n ‘after_title’ \u00a0\u00a0=> ‘<\/h2>’,<\/p>\n )<\/p>\n );<\/p>\n register_sidebar(<\/p>\n array(<\/p>\n ‘name’ \u00a0\u00a0\u00a0\u00a0\u00a0 => __( ‘Footer 1’, ‘twentyseventeen’ ),<\/p>\n ‘id’ \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 => ‘sidebar-2’,<\/p>\n ‘description’ \u00a0\u00a0=> __( ‘Add widgets here to appear in your footer.’, ‘twentyseventeen’ ),<\/p>\n ‘before_widget’ => ‘<section id=”%1$s” class=”widget %2$s”>’,<\/p>\n ‘after_widget’ \u00a0=> ‘<\/section>’,<\/p>\n ‘before_title’ \u00a0=> ‘<h2 class=”widget-title”>’,<\/p>\n ‘after_title’ \u00a0\u00a0=> ‘<\/h2>’,<\/p>\n )<\/p>\n );<\/p>\n register_sidebar(<\/p>\n array(<\/p>\n ‘name’ \u00a0 \u00a0\u00a0\u00a0=> __( ‘Footer 2’, ‘twentyseventeen’ ),<\/p>\n ‘id’ \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 => ‘sidebar-3’,<\/p>\n ‘description’ \u00a0\u00a0=> __( ‘Add widgets here to appear in your footer.’, ‘twentyseventeen’ ),<\/p>\n ‘before_widget’ => ‘<section id=”%1$s” class=”widget %2$s”>’,<\/p>\n ‘after_widget’ \u00a0=> ‘<\/section>’,<\/p>\n ‘before_title’ \u00a0=> ‘<h2 class=”widget-title”>’,<\/p>\n ‘after_title’ \u00a0\u00a0=> ‘<\/h2>’,<\/p>\n )<\/p>\n );<\/p>\n }<\/p>\n add_action( ‘widgets_init’, ‘twentyseventeen_widgets_init’ );<\/p>\n [\/php]<\/p>\n\n\n\n Now copy the entire function and create a functions.php file in your child theme (if you don’t have it already) and paste the code. Make sure to change the function name.<\/p>\n\n\n\n Depending on how many additional sidebars you need to create, you can simply replicate the same code and assign a unique id to each sidebar. You should also change the name and description to make each one unique. Here we’ve created two new sidebars:<\/p>\n\n\n [php]<\/p>\n function twentyseventeen_new_widgets_init() {<\/p>\n register_sidebar(<\/p>\n array(<\/p>\n ‘name’ \u00a0\u00a0\u00a0\u00a0\u00a0 => __( ‘WordPress Sidebar’, ‘twentyseventeen’ ),<\/p>\n ‘id’ \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 => ‘sidebar-4’,<\/p>\n ‘description’ \u00a0\u00a0=> __( ‘Add widgets here to appear in your sidebar on wordpress related blog posts.’, ‘twentyseventeen’ ),<\/p>\n ‘before_widget’ => ‘<section id=”%1$s” class=”widget %2$s”>’,<\/p>\n ‘after_widget’ \u00a0=> ‘<\/section>’,<\/p>\n ‘before_title’ \u00a0=> ‘<h2 class=”widget-title”>’,<\/p>\n ‘after_title’ \u00a0\u00a0=> ‘<\/h2>’,<\/p>\n )<\/p>\n );<\/p>\n register_sidebar(<\/p>\n array(<\/p>\n ‘name’ \u00a0\u00a0\u00a0\u00a0\u00a0 => __( ‘Web Design Sidebar’, ‘twentyseventeen’ ),<\/p>\n ‘id’ \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 => ‘sidebar-5’,<\/p>\n ‘description’ \u00a0\u00a0=> __( ‘Add widgets here to appear in your sidebar on web design related blog posts.’, ‘twentyseventeen’ ),<\/p>\n ‘before_widget’ => ‘<section id=”%1$s” class=”widget %2$s”>’,<\/p>\n ‘after_widget’ \u00a0=> ‘<\/section>’,<\/p>\n ‘before_title’ \u00a0=> ‘<h2 class=”widget-title”>’,<\/p>\n ‘after_title’ \u00a0\u00a0=> ‘<\/h2>’,<\/p>\n )<\/p>\n );<\/p>\n }<\/p>\n add_action( ‘widgets_init’, ‘twentyseventeen_new_widgets_init’ );<\/p>\n [\/php]<\/p>\n\n\n\n The new sidebars are ready now; If you check the widgets section, it will show two new widget areas. We’ve added a simple text widget to each sidebar to make them recognizable.<\/p>\n\n\n\n Once you have your sidebars created, it\u2019s time to assign the location. We\u2019re looking to replace the existing right sidebar, so you need to find the file where it\u2019s located.<\/p>\n\n\n\n For this instance, it’s in If you check the file, it’s calling [php]<\/p>\n <aside id=”secondary” class=”widget-area” role=”complementary” aria-label=”<?php esc_attr_e( ‘Blog Sidebar’, ‘twentyseventeen’ ); ?>”><\/p>\n <?php dynamic_sidebar( ‘sidebar-1’ ); ?><\/p>\n <\/aside><\/p>\n [\/php]<\/p>\n\n\n\n Now, we’ll create one sidebar for my web design category and another for my WordPress category. This can be achieved in two different ways: one is a template-driven approach and the other is a category-driven approach.<\/p>\n\n\n\n In this approach, you have to create different templates depending on your requirements. For this example, single.php is responsible for single posts, so you can copy and paste the file in your child theme. Rename the file accordingly, like [php]<\/p>\n \/* Template Name: WordPress Sidebar<\/p>\n * Template Post Type: post*\/<\/p>\n [\/php]<\/p>\n\n\n\n Likewise, we have created another template named Now, go back to the child theme’s The code is self-explanatory. It checks which template is in use and sets the sidebar accordingly. If none of the conditions are fulfilled, it will use the default sidebar.<\/p>\n\n\n [php]<\/p>\n <?php<\/p>\n if ( is_page_template(‘wordpress-post.php’) ) {<\/p>\n dynamic_sidebar( ‘sidebar-4’ );<\/p>\n }elseif ( is_page_template(‘webdesign-post.php’) ){<\/p>\n dynamic_sidebar( ‘sidebar-5’ );<\/p>\n }else{<\/p>\n dynamic_sidebar( ‘sidebar-1’ );<\/p>\n }<\/p>\n ?><\/p>\n [\/php]<\/p>\n\n\n\n Now let’s create a new post and assign one of the templates we just created.<\/p>\n\n\n\n You will see I\u2019ve selected the WordPress sidebar for this particular post.<\/p>\n\n\n\n For this example (changing the sidebar based on post categories), a category-driven approach will work better than the template-driven approach. To do this, you\u2019ll need to adjust the condition in [php]<\/p>\n <?php<\/p>\n if ( in_category(‘wordpress’) ) {<\/p>\n dynamic_sidebar( ‘sidebar-4’ );<\/p>\n }elseif ( in_category(‘web-design’) ){<\/p>\n dynamic_sidebar( ‘sidebar-5’ );<\/p>\n }else{<\/p>\n dynamic_sidebar( ‘sidebar-1’ );<\/p>\n }<\/p>\n ?><\/p>\n [\/php]<\/p>\n\n\n\n Now if you edit or create a new post, just add your desired category. It\u2019ll display the sidebar accordingly, so there\u2019s no need to choose any template! Here we\u2019ve chosen web design as my post category, so the web design sidebar will appear.<\/p>\n\n\n\n Basically, you just need to adjust the sidebar.php condition according to your specific requirements.<\/p>\n\n\n\n If you\u2019re having trouble creating sidebars manually, you can try some handy WordPress plugins that allow you to easily create them!<\/p>\n\n\n\n One such plugin is Content Aware Sidebars<\/a>. It\u2019s a simple plugin that lets you dynamically create sidebars on individual pages, posts, categories, etc.<\/p>\n\n\n\n Once installed, you will see a Sidebars<\/strong> menu in the admin panel.<\/p>\n\n\n\n Sidebars > Add New<\/strong><\/p>\n\n\n\n First, add a name to your sidebar. You can then set display conditions from the Sidebar Conditions<\/strong> dropdown. A sidebar can have multiple conditions like pages, posts, categories, author, etc.<\/p>\n\n\n\n You can schedule your sidebar from the schedule tab, and alter HTML tags in the design tab.<\/p>\n\n\n\n You will see an Options<\/strong> box on the right side. From there, you can set the location and rules of your new sidebar. You can also perform actions, such as creating a shortcode of your sidebar.<\/p>\n\n\n\n Once your sidebar is published, you can access it from the Appearance > Widgets<\/strong> section.<\/p>\n\n\n\n This new sidebar will appear on pages and posts automatically, as per your settings.<\/p>\n\n\n\n The plugin also allows you to select sidebars when editing each post or page, regardless of your initial settings.<\/p>\n\n\n\n Within a post or page, you\u2019ll see a Sidebars – Quick Select<\/strong> panel on the right side that will show you all the existing sidebars. From there you can select your sidebar in the target location set previously in the initial settings.<\/p>\n\n\n\n For instance, we had previously created My sidebar<\/strong> and the target location was Blog Sidebar<\/strong>, so in the Quick Select<\/strong> panel, My sidebar<\/strong> will be available for Blog Sidebar<\/strong> only.<\/p>\n\n\n\n You can also create new sidebars, however, from the edit page section. Just type the name of your new sidebar and publish or update the page.<\/p>\n\n\n\n If you create a new sidebar, you\u2019ll just need to activate it in the Appearance > Widgets<\/strong> section.<\/p>\n\n\n\n Note: You can also assign sidebars to your pages, but make sure your page template includes a sidebar. Without that, the sidebar will not be displayed, even if you set it in the edit page section.<\/p>\n\n\n\n You\u2019ve now seen two options for creating sidebars: manual development as well as with plugins. If you\u2019re not comfortable with codes, then using a plugin might be the best option for you, but if you have a specific requirement and don’t want to add an extra plugin to your site, then you should go for the manual way. The important thing is to understand your requirements and then choose your best option!<\/p>\n\n\n\n You’ll also want to choose the best possible option when it comes to your WordPress hosting<\/a>, and for that, you’ll need look no further than WP Engine! Our platform provides a solid foundation for any WordPress site. Check out our plans<\/a> to learn more!<\/p>\n","protected":false},"excerpt":{"rendered":" By default, WordPress shows the same sidebar on all posts and pages. But sometimes, you may want to display a completely different sidebar for your most important post or sidebar items related to an entire post category. If you\u2019ve ever wondered how to do that, you\u2019re in luck! In this article, we’ll show you how…<\/span><\/span><\/p>\n","protected":false},"author":1,"featured_media":140237,"template":"","resource-topic":[901],"resource-role":[1397,897],"resource-type":[916],"class_list":["post-28841","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\nregister_sidebar<\/code> and the full function might look something like this:<\/p>\n\n\n![\"wordpress](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/08\/different-sidebar-wordpress-1.jpg\")
<\/figure>\n\n\n\nsidebar.php<\/code>. Copy the file from the parent theme and paste it into your child theme.<\/p>\n\n\n\nsidebar-1<\/code>, which is the id of the main right sidebar.<\/p>\n\n\nTemplate-driven approach<\/h3>\n\n\n\n
wordpress-post.php<\/code>, and add a template name as well.<\/p>\n\n\nwebdesign-post.php<\/code>.<\/p>\n\n\n\n![\"wordpress](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/08\/different-sidebar-wordpress-2.jpg\")
<\/figure>\n\n\n\nsidebar.php<\/code> file and add a simple condition to check which template is in use. For this, we\u2019ll use theis_page_template()<\/code><\/a> function.<\/p>\n\n\n\n![\"edit](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/08\/different-sidebar-wordpress-3.jpg\")
<\/figure>\n\n\n\n![\"wordpress](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/08\/different-sidebar-wordpress-4.jpg\")
<\/figure>\n\n\n\nCategory-driven approach<\/h3>\n\n\n\n
sidebar.php<\/code> based on the category instead of template usingin_category()<\/code><\/a> function.<\/p>\n\n\n![\"wordpress](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/08\/different-sidebar-wordpress-5.jpg\")
<\/figure>\n\n\n\nHow to create custom sidebars with WordPress plugins<\/h2>\n\n\n\n
![\"wordpress](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/08\/different-sidebar-wordpress-6.jpg\")
<\/figure>\n\n\n\n![\"set](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/08\/different-sidebar-wordpress-7.jpg\")
<\/figure>\n\n\n\n![\"in](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/08\/different-sidebar-wordpress-8.jpg\")
<\/figure>\n\n\n\n![\"quick](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/08\/different-sidebar-wordpress-9.jpg\")
<\/figure>\n\n\n\n![\"new](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/08\/different-sidebar-wordpress-10.jpg\")
<\/figure>\n\n\n\n![\"details](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/08\/different-sidebar-wordpress-11.jpg\")
<\/figure>\n\n\n\nConclusion<\/h2>\n\n\n\n
![\"Flywheelers](\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2018\/08\/different-sidebars-posts-pages-wordpress-team-collaboration-in-article.png\")
<\/figure>\n\n\n\n