{"id":43335,"date":"2020-10-11T06:41:36","date_gmt":"2020-10-11T06:41:36","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=43335"},"modified":"2025-12-29T08:31:40","modified_gmt":"2025-12-29T06:31:40","slug":"wordpress-sidebar-guide","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/","title":{"rendered":"How to Add or Edit a Custom Sidebar in WordPress"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"43335\" class=\"elementor elementor-43335\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2ce1ef6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2ce1ef6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bd6d874\" data-id=\"bd6d874\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c46eb2a elementor-widget elementor-widget-text-editor\" data-id=\"c46eb2a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The WordPress sidebar is a fixture on many WordPress sites. It gives you a vertical space alongside your content where you can help your readers navigate, grow your email list or social following, display ads, and more.<\/p><p>Because it&#8217;s such an integral part of so many <a href=\"https:\/\/elementor.com\/blog\/famous-wordpress-websites\/\" target=\"_blank\" rel=\"noopener\">WordPress sites<\/a>, we thought the sidebar deserved its own mega guide. In this post, we&#8217;ll take you through everything you could ever want to know about the WordPress sidebar.<\/p><p>There&#8217;s a lot to cover, so let&#8217;s get started.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5914c510 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"5914c510\" data-element_type=\"widget\" data-gac=\"CTA_Elements\" data-gaa=\"Link\" data-gal=\"Position_Text_CTA\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/elementor.com\/blog\/how-to-create-sticky-sidebar-menu\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Bring Your Sidebar to the Next Level by Creating a Beautiful, Sticky Sidebar for an Immersive Scrolling Experience<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-759f18b blog-toc elementor-widget elementor-widget-heading\" data-id=\"759f18b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Table of Contents<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ea9ba0 blog-toc elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"5ea9ba0\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#what-is\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">What Is a WordPress Sidebar?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#what-can\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">What Can You Use the WordPress Sidebar For?\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-control\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">How to Control WordPress Sidebars From Your Theme<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#wordpress-customizer\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Manage Sidebars From WordPress Customizer<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#individual-content\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Manage Sidebars for Individual Pieces of Content<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#manage-sidebar-widgets\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Manage Widgets via WordPress Customizer\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#widget-area\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-angle-right\" viewBox=\"0 0 256 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Manage Widgets via Dedicated Widget Area<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-add-sidebar\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">How to Add a Custom Sidebar in WordPress\u200b<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-remove\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">How to Remove A Sidebar in WordPress<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-display\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">How to Display Different Sidebars on Different Content<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#sidebar-plugins\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Best WordPress Sidebar Plugins to Enhance Your Sidebar<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a19e36 elementor-widget elementor-widget-menu-anchor\" data-id=\"6a19e36\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"what-is\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01b046f elementor-widget elementor-widget-heading\" data-id=\"01b046f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What Is a WordPress Sidebar?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a62e6ec elementor-widget elementor-widget-text-editor\" data-id=\"a62e6ec\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A WordPress sidebar is a vertical column that&#8217;s placed on either the right or left side of your main content area. It gives you space outside of your primary content area where you can include additional content, <a href=\"https:\/\/elementor.com\/widgets\/nav-menu-widget\/\" target=\"_blank\" rel=\"noopener\">navigation menus<\/a>, and more.<\/p><p>While your primary content will change from page to page, your sidebar is typically the same for every page (though there are tactics you can use to customize your sidebar).<\/p><p>By default, your WordPress sidebar is controlled by your chosen <a href=\"https:\/\/elementor.com\/blog\/wordpress-themes\/\" target=\"_blank\" rel=\"noopener\">theme<\/a>. Out of the box, your theme will control:<\/p><ul><li>Whether or not you have a sidebar in the first place<\/li><li>Which side the sidebar is on<\/li><li>How many sidebars to use (for example, some themes let you use two sidebars at the same time)<\/li><\/ul><p>However, with the tactics that we&#8217;ll show you in this post, you can add a sidebar to any <a href=\"https:\/\/elementor.com\/free-wordpress-themes\/\" target=\"_blank\" rel=\"noopener\">WordPress theme<\/a>, even if your theme doesn&#8217;t come with a sidebar by default.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4873b5d elementor-widget elementor-widget-heading\" data-id=\"4873b5d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Four Examples of Website Sidebars<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91badd3 elementor-widget elementor-widget-text-editor\" data-id=\"91badd3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A picture is worth a thousand words, so let&#8217;s look at some examples of sidebars to drive home the point. On each example, we&#8217;ll highlight the sidebar area with a red box:<\/p><p>1. <a href=\"https:\/\/en.wikipedia.org\/wiki\/Elementor\" target=\"_blank\" rel=\"noopener\">Wikipedia<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3012e0a elementor-widget elementor-widget-image\" data-id=\"3012e0a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"547\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=547\/blog\/wp-content\/uploads\/2020\/10\/sidebar-examples-1-wikipedia.jpg\" class=\"attachment-medium_large size-medium_large wp-image-43337\" alt=\"sidebar-examples-1-wikipedia\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/sidebar-examples-1-wikipedia.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/sidebar-examples-1-wikipedia-300x228.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbc9bdc elementor-widget elementor-widget-text-editor\" data-id=\"cbc9bdc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>2. <a href=\"https:\/\/techcrunch.com\/2020\/09\/09\/yubico-reveals-new-yubikey\/\" target=\"_blank\" rel=\"noopener\">TechCrunch<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30e09b2 elementor-widget elementor-widget-image\" data-id=\"30e09b2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"720\" height=\"537\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=537\/blog\/wp-content\/uploads\/2020\/10\/sidebar-examples-2-techcrunch.jpg\" class=\"attachment-medium_large size-medium_large wp-image-43338\" alt=\"sidebar-examples-2-techcrunch\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/sidebar-examples-2-techcrunch.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/sidebar-examples-2-techcrunch-300x224.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0abcb6 elementor-widget elementor-widget-text-editor\" data-id=\"a0abcb6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>3. <a href=\"https:\/\/elementor.com\/help\/sidebar-widget\/\" target=\"_blank\" rel=\"noopener\">Elementor Knowledgebase<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68b9af3 elementor-widget elementor-widget-image\" data-id=\"68b9af3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"720\" height=\"659\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=659\/blog\/wp-content\/uploads\/2020\/10\/sidebar-examples-3-elementor-kb.jpg\" class=\"attachment-medium_large size-medium_large wp-image-43339\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/sidebar-examples-3-elementor-kb.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/sidebar-examples-3-elementor-kb-300x275.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f693df elementor-widget elementor-widget-text-editor\" data-id=\"2f693df\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>4. <a href=\"https:\/\/developer.wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noopener\">WordPress.org Code Resources<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-296d0af elementor-widget elementor-widget-image\" data-id=\"296d0af\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"653\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=653\/blog\/wp-content\/uploads\/2020\/10\/sidebar-examples-4-wordpressorg-dev-resources.jpg\" class=\"attachment-medium_large size-medium_large wp-image-43340\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/sidebar-examples-4-wordpressorg-dev-resources.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/sidebar-examples-4-wordpressorg-dev-resources-300x272.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5296be elementor-widget elementor-widget-heading\" data-id=\"e5296be\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How Can You Add Content to WordPress Sidebars?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bc3a46 elementor-widget elementor-widget-text-editor\" data-id=\"1bc3a46\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To add content to your sidebar, you can use <a href=\"https:\/\/wordpress.org\/support\/article\/wordpress-widgets\/\" target=\"_blank\" rel=\"noopener\">WordPress widgets<\/a>. This is why some people also refer to your sidebar as a &#8220;widget area&#8221;.<\/p><p>Each widget is one piece of content. For example, you might use one widget to add a <a href=\"https:\/\/elementor.com\/widgets\/search-widget\/\" target=\"_blank\" rel=\"noopener\">search box<\/a>, another to add an <a href=\"https:\/\/elementor.com\/widgets\/form-widget\/\" target=\"_blank\" rel=\"noopener\">email subscribe form<\/a>, and so on. We&#8217;ll show you this in detail later on.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12596c1 elementor-widget elementor-widget-menu-anchor\" data-id=\"12596c1\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"what-can\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c13b367 elementor-widget elementor-widget-heading\" data-id=\"c13b367\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">What Can You Use the WordPress Sidebar For?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7baf41 elementor-widget elementor-widget-text-editor\" data-id=\"d7baf41\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Sidebars can be useful in a ton of different ways. Here are some examples:<\/p><ul><li><strong>Search &#8211; <\/strong>you can add a <a href=\"https:\/\/elementor.com\/widgets\/search-widget\/\" target=\"_blank\" rel=\"noopener\">search box<\/a> to your sidebar to help people find content.<\/li><li><strong>Navigation<\/strong> &#8211; you can use your sidebar as another navigation aid. For example, you could list all of the categories in your blog sidebar.<\/li><li><strong>Call to action (CTA)<\/strong> &#8211; you can add <a href=\"https:\/\/elementor.com\/blog\/create-call-to-action-box\/\" target=\"_blank\" rel=\"noopener\">CTAs<\/a> to drive people to action. For example, if you launched a <a href=\"https:\/\/elementor.com\/blog\/create-online-course-website\/\" target=\"_blank\" rel=\"noopener\">new online course<\/a>, you could promote that course with a CTA in your sidebar.<\/li><li><strong>Email opt-ins<\/strong> &#8211; you can add an opt-in form to <a href=\"https:\/\/elementor.com\/blog\/blog-email-marketing-strategy\/\" target=\"_blank\" rel=\"noopener\">grow your email list<\/a>.<\/li><li><strong>Social media follow\/share<\/strong> &#8211; you can use your sidebar to encourage people to follow you or share your content on social media.<\/li><li><strong>Ads<\/strong> &#8211; if you rely on advertisements to generate revenue, your sidebar is a great place to put them.<\/li><li><strong>Featured content<\/strong> &#8211; you can feature your most popular posts, recent posts, related content, and more.<\/li><\/ul><p>Most importantly, you can use multiple strategies at once. For example, in one sidebar, you could include a search box, some navigation links, ads, and more.<\/p><p>Of course, there&#8217;s nothing forcing you to use a sidebar. In fact, we don&#8217;t use a sidebar here on the Elementor blog. The main advantages of skipping the sidebar are that you give your main content more room and you create a more distraction-free experience for your visitors (because there&#8217;s no sidebar content competing for their attention). This is why we&#8217;re also going to show you how to remove a WordPress sidebar if you prefer that approach.<\/p><p>Flywheel <a href=\"https:\/\/getflywheel.com\/layout\/sidebar-endangered-species\/\" target=\"_blank\" rel=\"noopener\">has an excellent post<\/a> on the pros and cons of using a sidebar on your WordPress site.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f83334 elementor-widget elementor-widget-menu-anchor\" data-id=\"0f83334\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"how-to-control\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bce1e5 elementor-widget elementor-widget-heading\" data-id=\"3bce1e5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to Control WordPress Sidebars From Your Theme\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42fc572 elementor-widget elementor-widget-text-editor\" data-id=\"42fc572\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Later in this post, we&#8217;ll show you how to create a custom sidebar if your theme doesn&#8217;t include a sidebar (or doesn&#8217;t have enough sidebars). However, for now, let&#8217;s assume that your WordPress theme already supports a sidebar and talk about some of the common ways that you can control how your sidebar works.<\/p><p>These examples will <strong>not<\/strong> hold true for <strong>all<\/strong> WordPress themes, but they will apply to <strong>most<\/strong> modern WordPress themes.<\/p><p><strong>Note <\/strong>&#8211; if you&#8217;re using the <a href=\"https:\/\/elementor.com\/hello-theme\/\" target=\"_blank\" rel=\"noopener\">free Hello theme<\/a>, the Hello theme intentionally doesn&#8217;t include sidebars by default to keep things lightweight. We&#8217;ll show you how you can add sidebars to Hello (and other themes) later in this post.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b8f725 elementor-widget elementor-widget-menu-anchor\" data-id=\"5b8f725\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"wordpress-customizer\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc5ca93 elementor-widget elementor-widget-heading\" data-id=\"cc5ca93\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Manage Sidebars From WordPress Customizer\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23b14f5 elementor-widget elementor-widget-text-editor\" data-id=\"23b14f5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The first spot to look to control your theme&#8217;s sidebar is the WordPress Customizer. If your theme includes a sidebar and features to customize it, they&#8217;ll usually be here.<\/p><p>The exact settings area depends on the theme, but typically you&#8217;ll want to look for something like &#8220;Layout Settings&#8221;, &#8220;General Settings&#8221;, &#8220;Sitewide Settings&#8221;, etc.<\/p><p>For example, with the <a href=\"https:\/\/elementor.com\/blog\/create-wordpress-site-oceanwp\/\" target=\"_blank\" rel=\"noopener\">OceanWP theme<\/a>, you can choose from different sidebar configurations in the <strong>General Settings<\/strong>. You can use a right sidebar, a left sidebar, or sidebars on both the right and left.<\/p><p>You can also configure the width of the sidebar:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19bfe0f elementor-widget elementor-widget-image\" data-id=\"19bfe0f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"681\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=681\/blog\/wp-content\/uploads\/2020\/10\/wordpress-sidebars-1-control-sidebar-in-customizer.jpg\" class=\"attachment-large size-large wp-image-43341\" alt=\"wordpress-sidebars-1-control-sidebar-in-customizer\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/wordpress-sidebars-1-control-sidebar-in-customizer.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/wordpress-sidebars-1-control-sidebar-in-customizer-300x284.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-387e35d elementor-widget elementor-widget-text-editor\" data-id=\"387e35d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you can&#8217;t find these settings, try exploring different areas in the\u00a0<a href=\"https:\/\/elementor.com\/blog\/customize-your-theme\/\" target=\"_blank\" rel=\"noopener\">WordPress Customizer<\/a>. Or, consult your theme developer&#8217;s support documentation.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fff4e8c elementor-widget elementor-widget-menu-anchor\" data-id=\"fff4e8c\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"individual-content\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79bf8c1 elementor-widget elementor-widget-heading\" data-id=\"79bf8c1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Manage Sidebars for Individual Pieces of Content\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a49a8b elementor-widget elementor-widget-text-editor\" data-id=\"1a49a8b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Some themes also give you page-level settings that let you control the sidebar for individual posts or pages.\u00a0<\/p><p>If your theme has this feature, you should see these options when you&#8217;re working in the WordPress editor. They might appear as a meta box underneath the editor. Or, some themes also add them in the <strong>Document<\/strong> sidebar.<\/p><p>For example, with the OceanWP theme, you get options to choose a different sidebar layout on individual pages\/posts:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9cfd5e9 elementor-widget elementor-widget-image\" data-id=\"9cfd5e9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"504\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=504\/blog\/wp-content\/uploads\/2020\/10\/wordpress-sidebars-2-page-level-sidebar-controls.jpg\" class=\"attachment-large size-large wp-image-43342\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/wordpress-sidebars-2-page-level-sidebar-controls.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/wordpress-sidebars-2-page-level-sidebar-controls-300x210.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce898dc elementor-widget elementor-widget-text-editor\" data-id=\"ce898dc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Again, not all themes include these types of page-level sidebar controls.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07c8f4e elementor-widget elementor-widget-menu-anchor\" data-id=\"07c8f4e\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"how-to-add-widgets\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0948263 elementor-widget elementor-widget-heading\" data-id=\"0948263\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to Add Widgets to the WordPress Sidebar\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc61783 elementor-widget elementor-widget-text-editor\" data-id=\"dc61783\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Your sidebar is an area on your site. But to add content to that area, you need to use WordPress widgets.<\/p><p>There are two ways that you can add widgets (content) to your theme&#8217;s existing sidebar:<\/p><ol><li>The WordPress Customizer<\/li><li>The dedicated widgets area<\/li><\/ol><p>Both areas automatically sync, so it&#8217;s totally fine to use either. The advantage of using the WordPress Customizer, however, is that you&#8217;ll be able to see how your widgets look in real-time on the live preview of your site.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba66b23 elementor-widget elementor-widget-menu-anchor\" data-id=\"ba66b23\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"manage-sidebar-widgets\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ca97b5 elementor-widget elementor-widget-heading\" data-id=\"7ca97b5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Manage Widgets via WordPress Customizer<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9dd0c47 elementor-widget elementor-widget-text-editor\" data-id=\"9dd0c47\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To manage your sidebar widgets via the WordPress Customizer, go to <strong>Appearance \u2192 Customize<\/strong>.\u00a0<\/p><p>Then, select the <strong>Widgets<\/strong> menu option. First, you&#8217;ll be prompted to select the widget area that you want to manage. Depending on your theme, you might only see a single option. Or, you could see multiple options, including non-sidebar areas (like your footer):<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c0fb9a elementor-widget elementor-widget-image\" data-id=\"2c0fb9a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"508\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=508\/blog\/wp-content\/uploads\/2020\/10\/add-wordpress-widgets-1-choose-sidebar-in-customizer.jpg\" class=\"attachment-large size-large wp-image-43343\" alt=\"add-wordpress-widgets-1-choose-sidebar-in-customizer\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/add-wordpress-widgets-1-choose-sidebar-in-customizer.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/add-wordpress-widgets-1-choose-sidebar-in-customizer-300x212.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40e79f7 elementor-widget elementor-widget-text-editor\" data-id=\"40e79f7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Then, you can click the <strong>Add a Widget<\/strong> button to start adding widgets to your sidebar. After you add the widget, you can configure it using the options in the sidebar:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37f6561 elementor-widget elementor-widget-image\" data-id=\"37f6561\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"655\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=655\/blog\/wp-content\/uploads\/2020\/10\/add-wordpress-widgets-2-choose-widgets-in-customizer.jpg\" class=\"attachment-large size-large wp-image-43344\" alt=\"add-wordpress-widgets-2-choose-widgets-in-customizer\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/add-wordpress-widgets-2-choose-widgets-in-customizer.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/add-wordpress-widgets-2-choose-widgets-in-customizer-300x273.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5a4296 elementor-widget elementor-widget-text-editor\" data-id=\"c5a4296\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>As you add new widgets, you&#8217;ll immediately see them appear on the live preview of your site. You can also use drag-and-drop to rearrange the order of the existing widgets.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c373930 elementor-widget elementor-widget-menu-anchor\" data-id=\"c373930\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"widget-area\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c761218 elementor-widget elementor-widget-heading\" data-id=\"c761218\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Manage Widgets via Dedicated Widget Area\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da8045b elementor-widget elementor-widget-text-editor\" data-id=\"da8045b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In addition to the Customizer, WordPress also includes a dedicated widget area that you can access by going to <strong>Appearance \u2192 Widgets<\/strong>.<\/p><p>Here, you&#8217;ll see all of your available widgets, as well as all of your theme&#8217;s sidebar areas (and other widget areas, like footers).<\/p><p>To add widgets, all you do is drag them over to the sidebar section. Then, you can customize their content by expanding the widget&#8217;s options:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18479fb elementor-widget elementor-widget-image\" data-id=\"18479fb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"614\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=614\/blog\/wp-content\/uploads\/2020\/10\/add-wordpress-widgets-3-dedicated-widget-area.jpg\" class=\"attachment-large size-large wp-image-43345\" alt=\"add-wordpress-widgets-3-dedicated-widget-area\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/add-wordpress-widgets-3-dedicated-widget-area.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/add-wordpress-widgets-3-dedicated-widget-area-300x256.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4512ca1 elementor-widget elementor-widget-text-editor\" data-id=\"4512ca1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You can also rearrange the order of widgets in your sidebar by using drag-and-drop.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-275a1cb elementor-widget elementor-widget-menu-anchor\" data-id=\"275a1cb\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"elementor-widgets\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f64e2e7 elementor-widget elementor-widget-heading\" data-id=\"f64e2e7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Use Elementor to Design Custom Widgets\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f3109f elementor-widget elementor-widget-text-editor\" data-id=\"4f3109f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you have Elementor Pro, you can use Elementor&#8217;s visual, drag-and-drop interface to design content that you include in your sidebar.<\/p><p>To achieve this, go to <strong>Templates \u2192 Add New<\/strong> and create a new <strong>Section<\/strong> <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/library\/all-categories\/\"   title=\"Alle categorie\u00ebn\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"25679\">template<\/a>. For example, you could create a template that includes an email opt-in form or a call to action (CTA). Make sure to publish your template when you&#8217;re finished.<\/p><p>Next, add the <strong>Elementor Library<\/strong> widget to your sidebar where you want your template to appear. Then, use the <strong>Choose Template<\/strong> drop-down to choose the specific template that you want to add to your sidebar:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e8e2b0 elementor-widget elementor-widget-image\" data-id=\"1e8e2b0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"474\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=474\/blog\/wp-content\/uploads\/2020\/10\/add-wordpress-widgets-4-elementor-templates-in-sidebar.jpg\" class=\"attachment-large size-large wp-image-43348\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/add-wordpress-widgets-4-elementor-templates-in-sidebar.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/add-wordpress-widgets-4-elementor-templates-in-sidebar-300x198.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05c810f elementor-widget elementor-widget-menu-anchor\" data-id=\"05c810f\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"how-to-add-sidebar\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa8ec60 elementor-widget elementor-widget-heading\" data-id=\"fa8ec60\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to Add a Custom Sidebar in WordPress<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e889a8 elementor-widget elementor-widget-text-editor\" data-id=\"4e889a8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>So far, we&#8217;ve assumed that your theme already has support for sidebars and gives you built-in settings to control them.<\/p><p>However, what if that&#8217;s not the case? Some situations you encounter could be:<\/p><ul><li>Your theme doesn&#8217;t have any built-in support for sidebars. This is true of <a href=\"https:\/\/elementor.com\/hello-theme\/\" target=\"_blank\" rel=\"noopener\">the Hello theme<\/a> because Hello aims to create the most lightweight foundation possible.<\/li><li>Your theme only includes one sidebar area but you&#8217;d like to add another one.<\/li><\/ul><p>Thankfully, it&#8217;s pretty painless to create a sidebar. There are two basic steps here:<\/p><ol><li>You register your custom sidebar with WordPress via a simple code snippet.<\/li><li>You edit your site to display the sidebar on the front-end (via a plugin or code)<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9087e04 elementor-widget elementor-widget-heading\" data-id=\"9087e04\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Register Your Sidebar\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d23b7e elementor-widget elementor-widget-text-editor\" data-id=\"2d23b7e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Before you can add widgets to your sidebar and display them on the front-end of your WordPress site, you need to register your sidebar(s) with WordPress.<\/p><p>Once you&#8217;ve registered your WordPress custom sidebar, it will show up when you go to <strong>Appearance \u2192 Widgets<\/strong> and you&#8217;ll be able to add widgets using the method from the previous section.<\/p><p>To register your custom sidebar, all you need to do is add a small code snippet to either:<\/p><ul><li>The <strong>functions.php <\/strong>file of your theme (make sure <a href=\"https:\/\/elementor.com\/blog\/wordpress-child-theme\/\" target=\"_blank\" rel=\"noopener\">you use a child theme<\/a> if doing so).<\/li><li>A free snippet manager plugin like <a href=\"https:\/\/wordpress.org\/plugins\/code-snippets\/\" target=\"_blank\" rel=\"noopener\">the Code Snippets plugin<\/a>.<\/li><\/ul><p>Using the Code Snippets plugin (or something similar) is the simplest solution because it eliminates the need to use a child theme.<\/p><p>Here&#8217;s the code snippet that you need:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee42840 code elementor-widget elementor-widget-html\" data-id=\"ee42840\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<pre>function my_custom_sidebar() {\n\tregister_sidebar(\n\t\tarray (\n\t\t\t'name' =&gt; __( 'Custom Sidebar Area', 'your-theme-domain' ),\n\t\t\t'id' =&gt; 'custom-side-bar',\n\t\t\t'description' =&gt; __( 'This is the custom sidebar that you registered using the code snippet. You can change this text by editing this section in the code.', 'your-theme-domain' ),\n\t\t\t'before_widget' =&gt; '&lt;div class=\"widget-content\"&gt;',\n\t\t\t'after_widget' =&gt; \"&lt;\/div&gt;\",\n\t\t\t'before_title' =&gt; '&lt;h3 class=\"widget-title\"&gt;',\n\t\t\t'after_title' =&gt; '&lt;\/h3&gt;',\n\t\t)\n\t);\n}\nadd_action( 'widgets_init', 'my_custom_sidebar' );<\/pre>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5e6285 elementor-widget elementor-widget-text-editor\" data-id=\"d5e6285\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>And here&#8217;s what that snippet looks like in the free Code Snippets plugin:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec9f7e3 elementor-widget elementor-widget-image\" data-id=\"ec9f7e3\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"478\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=478\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-1-register-with-code.jpg\" class=\"attachment-large size-large wp-image-43350\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-1-register-with-code.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-1-register-with-code-300x199.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06863b3 elementor-widget elementor-widget-heading\" data-id=\"06863b3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Display Your Sidebar<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59db19f elementor-widget elementor-widget-text-editor\" data-id=\"59db19f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once you&#8217;ve registered your sidebar, you should see it show up as an option when you go to <strong>Appearance \u2192 Widgets<\/strong>. If you want, you can start adding widgets to your custom sidebar just like we showed you before:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f96f73a elementor-widget elementor-widget-image\" data-id=\"f96f73a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"531\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=531\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-2-custom-sidebar-examples.jpg\" class=\"attachment-large size-large wp-image-43351\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-2-custom-sidebar-examples.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-2-custom-sidebar-examples-300x221.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b56a97d elementor-widget elementor-widget-text-editor\" data-id=\"b56a97d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>However, you&#8217;re not quite finished yet &#8211; you still need to configure WordPress so that it displays your custom sidebar (and its widgets) on the front-end of your site.<\/p><p>Here, you have two options:<\/p><ul><li>Elementor&#8217;s <a href=\"https:\/\/elementor.com\/features\/theme-builder\/\" target=\"_blank\" rel=\"noopener\">Theme Builder<\/a> &#8211; you can use a visual, drag-and-drop interface to configure everything and add your sidebar. You don&#8217;t need to know any code.<\/li><li>Code &#8211; you&#8217;ll need at least a basic understanding of PHP, HTML, and <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-is-css\/\"   title=\"What Is CSS? How to Use it in Web Design (2025)\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"31691\">CSS<\/a>.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-506d14f elementor-widget elementor-widget-heading\" data-id=\"506d14f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to Create a Sidebar With Elementor<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-140f1be elementor-widget elementor-widget-text-editor\" data-id=\"140f1be\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>With Elementor, you can create new templates for any part of your theme. For example, if you create a new template for your &#8220;Pages&#8221;, all of your pages will automatically use that template.<\/p>\n<p>You can do the same for your blog posts (or <a href=\"https:\/\/elementor.com\/blog\/wordpress-custom-post-types\/\">custom post types<\/a>). You can also conditionally apply your templates to different content, which is useful because it lets you add a sidebar to some pieces of content but not others.<\/p>\n<p>To use Elementor to display your custom sidebar, you&#8217;ll basically create a new post or page template that includes your sidebar alongside your main content area.<\/p>\n<p>To get started, go to <strong>Templates \u2192 Theme Builder<\/strong>. Then, choose where you want to add your sidebar first &#8211; either <strong>Single Post<\/strong> or <strong>Single Page<\/strong>:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac9b879 elementor-widget elementor-widget-image\" data-id=\"ac9b879\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"474\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=474\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-3-create-theme-builder-template.jpg\" class=\"attachment-large size-large wp-image-43352\" alt=\"custom-wordpress-sidebar-3-create-theme-builder-template\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-3-create-theme-builder-template.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-3-create-theme-builder-template-300x198.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e642f7f elementor-widget elementor-widget-text-editor\" data-id=\"e642f7f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To save time, you can choose one of the premade templates. Or, you can build your design entirely from scratch. The simplest option is to just choose one of the templates that already includes a sidebar:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b05a24a elementor-widget elementor-widget-image\" data-id=\"b05a24a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"592\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=592\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-4-theme-builder-premade-templates.jpg\" class=\"attachment-large size-large wp-image-43354\" alt=\"custom-wordpress-sidebar-4-theme-builder-premade-templates\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-4-theme-builder-premade-templates.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-4-theme-builder-premade-templates-300x247.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96892c6 elementor-widget elementor-widget-text-editor\" data-id=\"96892c6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you opt to design your template from scratch, just make sure to use two columns and add the <strong>Sidebar<\/strong> widget where you want your custom sidebar to appear.<\/p><p>Then, edit the <strong>Sidebar<\/strong> widget and use the <strong>Choose Sidebar<\/strong> drop-down to select the custom sidebar that you registered in the previous step.<\/p><p>Once you do that, you should see a live preview of any widgets that you&#8217;ve already added:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac34613 elementor-widget elementor-widget-image\" data-id=\"ac34613\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"555\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=555\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-5-add-sidebar-widget-in-elementor.jpg\" class=\"attachment-large size-large wp-image-43356\" alt=\"custom-wordpress-sidebar-5-add-sidebar-widget-in-elementor\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-5-add-sidebar-widget-in-elementor.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-5-add-sidebar-widget-in-elementor-300x231.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-535c6ef elementor-widget elementor-widget-text-editor\" data-id=\"535c6ef\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>As you add new widgets via the WordPress Customizer or the dedicated widgets area, they will automatically appear in this sidebar area.<\/p><p>To finish things out, make sure to <strong>Publish<\/strong> your template. When you do, you can use display conditions to control where your sidebar template appears. You can either display it on all content (to use your sidebar sitewide). Or, you can use the display rules to only add your sidebar to specific content.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2443b53 elementor-widget elementor-widget-heading\" data-id=\"2443b53\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to Add Your Sidebar With Code\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04aba2e elementor-widget elementor-widget-text-editor\" data-id=\"04aba2e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Unless you feel comfortable working with HTML\/CSS\/PHP, you should stick with the Elementor method above.<\/strong><\/p><p>To display a WordPress custom sidebar with code, you&#8217;ll need to directly edit your theme&#8217;s template files. Because you&#8217;re making direct edits to your theme, it&#8217;s essential that you use a WordPress child theme. This will prevent your changes from being overwritten when you update your theme.<\/p><p>To learn more about child themes and how to create them, you can read the comprehensive <a href=\"https:\/\/elementor.com\/blog\/wordpress-child-theme\/\" target=\"_blank\" rel=\"noopener\">guide to WordPress child themes<\/a>.\u00a0<\/p><p>Once you&#8217;ve created your child theme, copy the <strong>single.php<\/strong> file from your parent theme&#8217;s folder to your child theme&#8217;s folder. Then, edit the <strong>single.php<\/strong> file and add the following snippet where you want your custom sidebar to appear:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef71a7a code elementor-widget elementor-widget-html\" data-id=\"ef71a7a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<pre>&lt;?php if ( is_active_sidebar( 'custom-side-bar' ) ) : ?&gt;\n\t&lt;div id=\"primary-sidebar\" class=\"primary-sidebar widget-area\" role=\"complementary\"&gt;\n\t\t&lt;?php dynamic_sidebar( 'custom-side-bar' ); ?&gt;\n\t&lt;\/div&gt;&lt;!-- #primary-sidebar --&gt;\n&lt;?php endif; ?&gt;<\/pre>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bd8f55 elementor-widget elementor-widget-text-editor\" data-id=\"4bd8f55\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To make sure the sidebar appears in its own column, you&#8217;ll likely also need to add some custom CSS. This is why the Elementor method from above makes a better option if you&#8217;re not a developer.<\/p><p>Depending on how you want to set things up, you might also need to add this snippet to additional template files (like <strong>archive.php<\/strong>, etc.)<\/p><p>For a deeper look at this topic, you can <a href=\"https:\/\/codex.wordpress.org\/Widgetizing_Themes\" target=\"_blank\" rel=\"noopener\">consult this WordPress Codex entry<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f0d0ad elementor-widget elementor-widget-menu-anchor\" data-id=\"9f0d0ad\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"how-to-remove\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc758ea elementor-widget elementor-widget-heading\" data-id=\"fc758ea\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to Remove A Sidebar in WordPress\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba48dc1 elementor-widget elementor-widget-text-editor\" data-id=\"ba48dc1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Now, let&#8217;s go the other direction and talk about how to remove a sidebar that you don&#8217;t want to use. For example, maybe your theme comes with its own sidebar, but you&#8217;d rather use a full-width template for some or all of your content.<\/p><p>To remove a WordPress sidebar, you have the same two options as creating a custom WordPress sidebar:<\/p><ul><li>Elementor Pro<\/li><li>Code<\/li><\/ul><p>However, before you turn to these options, make sure that your theme doesn&#8217;t include a built-in feature to let you disable the sidebar. Many themes give you an option in the WordPress Customizer where you can disable the sidebar without any manual action on your part. Or, your theme might already come with a full-width template, which you can select when working in the WordPress editor.<\/p><p>If your theme doesn&#8217;t include this option, here&#8217;s how to manually remove your sidebar.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-142e10a elementor-widget elementor-widget-heading\" data-id=\"142e10a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to Remove a Sidebar With Elementor\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4b426d elementor-widget elementor-widget-text-editor\" data-id=\"c4b426d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To remove your WordPress sidebar with Elementor, all you need to do is create a template that doesn&#8217;t include a sidebar area. Then:<\/p><ul><li>If you want to completely remove your sidebar from all content, you can use this template sitewide.<\/li><li>If you only want to remove your sidebar from certain content, you can conditionally display your sidebar-less template wherever it&#8217;s needed.<\/li><\/ul><p>To get started, go to <strong>Templates \u2192 Theme Builder <\/strong>and choose where you want to remove your sidebar first &#8211; either <strong>Single Post<\/strong> or <strong>Single Page:<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58f2db5 elementor-widget elementor-widget-image\" data-id=\"58f2db5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"474\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=474\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-3-create-theme-builder-template-1.jpg\" class=\"attachment-large size-large wp-image-43357\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-3-create-theme-builder-template-1.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/custom-wordpress-sidebar-3-create-theme-builder-template-1-300x198.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffb5aa1 elementor-widget elementor-widget-text-editor\" data-id=\"ffb5aa1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To save time, you can choose one of the premade templates that don&#8217;t have a sidebar. Or, you can also build your design from scratch &#8211; just don&#8217;t add the Sidebar widget!<\/p><p>Once you&#8217;re finished, you can <strong>Publish<\/strong> your template and use the display conditions to control where it appears.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f61577c elementor-widget elementor-widget-heading\" data-id=\"f61577c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">How to Remove Your Sidebar With Code\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2247425 elementor-widget elementor-widget-text-editor\" data-id=\"2247425\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You can also remove a WordPress sidebar by directly editing your theme&#8217;s template files and removing the PHP snippet that displays the sidebar.<\/p><p>Because you&#8217;ll be editing your theme&#8217;s files, <strong>make sure to use a child theme. <\/strong>Then, copy over the template files for the content where you want to remove the sidebar. For example, <strong>single.php<\/strong>, <strong>archive.php<\/strong>, etc.<\/p><p>Edit those files and remove all instances of <strong>&lt;?php get_sidebar(); ?&gt;<\/strong> (or similar variations &#8211; the code might look slightly different).<\/p><p>You might also need to adjust the HTML and CSS to make sure everything looks right.<\/p><p>If you&#8217;re not familiar with PHP, HTML, and CSS, we recommend sticking with the Elementor method because it eliminates the need to use code.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5610606 elementor-widget elementor-widget-menu-anchor\" data-id=\"5610606\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"how-to-display\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-842c60a elementor-widget elementor-widget-heading\" data-id=\"842c60a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to Display Different Sidebars on Different Content<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-142c216 elementor-widget elementor-widget-text-editor\" data-id=\"142c216\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In an earlier section, we talked about how to add a sidebar in WordPress even if your theme doesn&#8217;t support it.<\/p><p>However, what if you want to take your existing sidebar area, but just display different sidebars on different content? This would let you display different collections of widgets for certain types of content.<\/p><p>For example, maybe you want to use one set of widgets for blog posts in your &#8220;Reviews&#8221; category and a different set of widgets for blog posts in your &#8220;Tutorials&#8221; category.<\/p><p>The easiest way to display different sidebars on different content is Elementor. You do this as follows:\u00a0<\/p><ul><li>First, create several Elementor templates, as explained above. Each template should have its own sidebar.<\/li><li>Then, <a href=\"https:\/\/elementor.com\/help\/conditions\/\">go to conditions and assign<\/a> each template to the relevant category, page, or other condition.\u00a0<\/li><\/ul><p>Additionally, to achieve this functionality, you can use the <a href=\"https:\/\/wordpress.org\/plugins\/content-aware-sidebars\/\" target=\"_blank\" rel=\"noopener\">free Content Aware Sidebars plugin<\/a>. Once you install and activate the plugin, go to <strong>Content Aware \u2192 Add New<\/strong> to get started.<\/p><p>First, choose the conditions for when you want to replace your default sidebar with the new sidebar that you&#8217;re creating. For example, if you want to use this sidebar for all blog posts in the &#8220;Reviews&#8221; category, create a <strong>Categories<\/strong> condition:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fe75b1 elementor-widget elementor-widget-image\" data-id=\"3fe75b1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"470\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=470\/blog\/wp-content\/uploads\/2020\/10\/content-aware-sidebars-1-conditions.jpg\" class=\"attachment-large size-large wp-image-43358\" alt=\"content-aware-sidebars-1-conditions\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/content-aware-sidebars-1-conditions.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/content-aware-sidebars-1-conditions-300x196.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d729d6e elementor-widget elementor-widget-text-editor\" data-id=\"d729d6e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Next, go to the <strong>Action<\/strong> tab and choose which sidebar you want to replace. Or, you can also &#8220;merge&#8221; sidebars to include content from both:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c918bb5 elementor-widget elementor-widget-image\" data-id=\"c918bb5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"458\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=458\/blog\/wp-content\/uploads\/2020\/10\/content-aware-sidebars-2-actions.jpg\" class=\"attachment-large size-large wp-image-43359\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/content-aware-sidebars-2-actions.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/content-aware-sidebars-2-actions-300x191.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d791401 elementor-widget elementor-widget-text-editor\" data-id=\"d791401\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You can peruse the other tabs for some additional settings, but there&#8217;s nothing else you need to configure.<\/p><p>Once you&#8217;ve made your choices, click <strong>Create<\/strong>. Then, go to <strong>Appearance \u2192 Widgets<\/strong> to add content to your conditional sidebar:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-faba6f6 elementor-widget elementor-widget-image\" data-id=\"faba6f6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"537\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=537\/blog\/wp-content\/uploads\/2020\/10\/content-aware-sidebars-3-add-widgets.jpg\" class=\"attachment-large size-large wp-image-43360\" alt=\"content-aware-sidebars-3-add-widgets\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2020\/10\/content-aware-sidebars-3-add-widgets.jpg 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/10\/content-aware-sidebars-3-add-widgets-300x224.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6be02a8 elementor-widget elementor-widget-menu-anchor\" data-id=\"6be02a8\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"sidebar-plugins\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da5699a elementor-widget elementor-widget-heading\" data-id=\"da5699a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">8 Best WordPress Sidebar Plugins to Enhance Your Sidebar\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a291ae1 elementor-widget elementor-widget-text-editor\" data-id=\"a291ae1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To finish things out, let&#8217;s go over some of the best WordPress sidebar plugins that can enhance how you work with sidebars and what content you can include.<\/p><p>Some of these plugins add useful new widgets that you can include in your sidebars, while others adjust the sidebar itself. You&#8217;ll also see a few familiar faces from the tutorial sections above.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c13936 elementor-widget elementor-widget-heading\" data-id=\"9c13936\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Elementor Pro \/ Theme Builder\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-edb74fa elementor-widget elementor-widget-text-editor\" data-id=\"edb74fa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/elementor.com\/pro\/\" target=\"_blank\" rel=\"noopener\">Elementor Pro<\/a> helps you with your sidebars in two big ways.<\/p><p>First, <a href=\"https:\/\/elementor.com\/features\/theme-builder\/\" target=\"_blank\" rel=\"noopener\">Theme Builder<\/a> is great for letting you add, move, or remove sidebar areas without requiring any coding knowledge. As we showed you above, you can easily create your own theme templates that include zero, one, two (or more) sidebars. Better yet, you can do this all from a visual, drag-and-drop interface.<\/p><p>Second, Elementor Pro also lets you create custom designs for your sidebar. You can create opt-in forms, CTAs, and more using the visual interface. Then, you can easily add them to any sidebar by saving the template and using the <strong>Elementor Library<\/strong> widget.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5fb150 elementor-widget elementor-widget-heading\" data-id=\"f5fb150\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Content Aware Sidebars\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c730f1b elementor-widget elementor-widget-text-editor\" data-id=\"c730f1b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/wordpress.org\/plugins\/content-aware-sidebars\/\" target=\"_blank\" rel=\"noopener\">Content Aware Sidebars<\/a>, which we also featured above, makes it easy to conditionally replace your default sidebar with different sidebars for different content. This helps you optimize how you use your sidebars by letting you personalize the sidebar content to the exact content that visitors are viewing.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbfadab elementor-widget elementor-widget-heading\" data-id=\"cbfadab\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. WordPress Popular Posts\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-afbef26 elementor-widget elementor-widget-text-editor\" data-id=\"afbef26\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/wordpress.org\/plugins\/wordpress-popular-posts\/\" target=\"_blank\" rel=\"noopener\">WordPress Popular Posts<\/a> is a useful plugin that lets you display your most popular content in your sidebar. You can display popular content by different metrics like all-time visits, visits last week, comments, and more.<\/p><p>It also works with custom post types. For example, you could use it to display your most popular WooCommerce products on an <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/features\/ecommerce\/\"   title=\"eCommerce\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"25678\">eCommerce<\/a> store.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a148815 elementor-widget elementor-widget-heading\" data-id=\"a148815\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4. Recent Posts Widget With Thumbnails\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82eed0b elementor-widget elementor-widget-text-editor\" data-id=\"82eed0b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/wordpress.org\/plugins\/recent-posts-widget-with-thumbnails\/\" target=\"_blank\" rel=\"noopener\">Recent Posts Widget With Thumbnails<\/a> gives you another option to display content in your sidebar. Only this time, it&#8217;s your most recent content, not your most popular content like the previous plugin.<\/p><p>While WordPress does come with a default widget to display your recent posts, the advantage of this plugin is that it gives you a lot more flexibility, including the option to include featured image thumbnails in the list of posts.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d9d1f6 elementor-widget elementor-widget-heading\" data-id=\"9d9d1f6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">5. Q2W3 Fixed Widget for WordPress\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40b6ff2 elementor-widget elementor-widget-text-editor\" data-id=\"40b6ff2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/wordpress.org\/plugins\/q2w3-fixed-widget\/\" target=\"_blank\" rel=\"noopener\">Q2W3 Fixed Widget for WordPress<\/a> lets you make certain widgets in your sidebars &#8220;sticky&#8221;. That is, even if a user scrolls down past the widget, the widget will remain &#8220;stuck&#8221; to the sidebar and always visible.<\/p><p>This is a great way to highlight key widgets and it&#8217;s also a tactic that many sites use to display sticky ads.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34b6e09 elementor-widget elementor-widget-heading\" data-id=\"34b6e09\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">6. Advanced Sidebar Menu<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf6f42d elementor-widget elementor-widget-text-editor\" data-id=\"cf6f42d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you want to use your sidebar to help visitors navigate your site, <a href=\"https:\/\/wordpress.org\/plugins\/advanced-sidebar-menu\/\" target=\"_blank\" rel=\"noopener\">Advanced Sidebar Menu<\/a> helps you create a more optimized navigation section for pages or categories by factoring in the parent\/child relationships of pages and categories.<\/p><p>For example, you can automatically indent child categories, choose how many &#8220;levels&#8221; to display, and lots more.<\/p><p><a href=\"https:\/\/elementor.com\/blog\/how-to-create-sticky-sidebar-menu\/\">And be sure to check our step-by-step guide on how to create a vertical sidebar navigation menu.<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d4ed05 elementor-widget elementor-widget-heading\" data-id=\"8d4ed05\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">7. Ad Inserter\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-843a00a elementor-widget elementor-widget-text-editor\" data-id=\"843a00a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/wordpress.org\/plugins\/ad-inserter\/\" target=\"_blank\" rel=\"noopener\">Ad Inserter<\/a> is a super useful plugin if you want to display advertisements in your sidebar (or anywhere else on your site). It helps you manage your ads, automatically inject them into widgets, and perform lots of other useful actions based on advertising.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ed0eb7 elementor-widget elementor-widget-heading\" data-id=\"4ed0eb7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">8. Widget Options\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba9e5c6 elementor-widget elementor-widget-text-editor\" data-id=\"ba9e5c6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/wordpress.org\/plugins\/widget-options\/\" target=\"_blank\" rel=\"noopener\">Widget Options<\/a> is kind of like Content Aware Sidebars. But instead of displaying completely different sidebars based on various conditions, it lets you show\/hide individual widgets based on conditions that you set.<\/p><p>Basically, if you don&#8217;t need the full flexibility of Content Aware Sidebars, this plugin gives you a more targeted approach by letting you work with individual widgets.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d5c2ee elementor-widget elementor-widget-heading\" data-id=\"0d5c2ee\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Take Full Advantage of the Powers of a WordPress Sidebar With Elementor\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72a641d elementor-widget elementor-widget-text-editor\" data-id=\"72a641d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you&#8217;re using WordPress, it&#8217;s important to understand the WordPress sidebar so that you can get the most from your site. After reading this post, you should have all the knowledge you need to get started.<\/p><p>You&#8217;ll be able to control your theme&#8217;s existing sidebar and add content, or, if your theme doesn&#8217;t include a sidebar, you know how you can easily add one using <a href=\"https:\/\/elementor.com\/pro\/\" target=\"_blank\" rel=\"noopener\">Elementor Pro<\/a>.<\/p><p>If, however, you have decided you want to go the opposite direction and remove your theme&#8217;s sidebar for a more distraction-free interface, that&#8217;s fine, too, and Elementor can also help you get the job done without requiring any code.<\/p><p>Do you still have any questions about the WordPress sidebar? Let us know in the comments and we&#8217;ll do our best to help!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Learn how sidebars can improve your site navigation and help you convert more of your traffic with the aid of the right widgets and good use of space.<\/p>\n","protected":false},"author":4,"featured_media":43406,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[43],"tags":[79,80],"marketing_persona":[47,50],"marketing_intent":[48],"class_list":["post-43335","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-build","tag-pro"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add or Edit a Custom Sidebar in WordPress | Elementor<\/title>\n<meta name=\"description\" content=\"Learn how sidebars can improve your site navigation and help you convert more of your traffic with the aid of the right widgets and good use of space.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add or Edit a Custom Sidebar in WordPress | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn how sidebars can improve your site navigation and help you convert more of your traffic with the aid of the right widgets and good use of space.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-11T06:41:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-29T06:31:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/10\/Complete-Guide-to-WordPress-Sidebar.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ben Pines\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ben Pines\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/\"},\"author\":{\"name\":\"Ben Pines\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a\"},\"headline\":\"How to Add or Edit a Custom Sidebar in WordPress\",\"datePublished\":\"2020-10-11T06:41:36+00:00\",\"dateModified\":\"2025-12-29T06:31:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/\"},\"wordCount\":4004,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/10\/Complete-Guide-to-WordPress-Sidebar.png\",\"keywords\":[\"Build\",\"Pro\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/\",\"url\":\"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/\",\"name\":\"How to Add or Edit a Custom Sidebar in WordPress | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/10\/Complete-Guide-to-WordPress-Sidebar.png\",\"datePublished\":\"2020-10-11T06:41:36+00:00\",\"dateModified\":\"2025-12-29T06:31:40+00:00\",\"description\":\"Learn how sidebars can improve your site navigation and help you convert more of your traffic with the aid of the right widgets and good use of space.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/10\/Complete-Guide-to-WordPress-Sidebar.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/10\/Complete-Guide-to-WordPress-Sidebar.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress\",\"item\":\"https:\/\/elementor.com\/blog\/category\/wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Add or Edit a Custom Sidebar in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a\",\"name\":\"Ben Pines\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"caption\":\"Ben Pines\"},\"description\":\"Building websites seems like the dream job, and it is, but you have to know much more than technical skills. My mission at Elementor is to teach web creators how to build a successful business they love.\",\"sameAs\":[\"https:\/\/elementor.com\"],\"url\":\"https:\/\/elementor.com\/blog\/author\/ben-pines\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add or Edit a Custom Sidebar in WordPress | Elementor","description":"Learn how sidebars can improve your site navigation and help you convert more of your traffic with the aid of the right widgets and good use of space.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/","og_locale":"en_US","og_type":"article","og_title":"How to Add or Edit a Custom Sidebar in WordPress | Elementor","og_description":"Learn how sidebars can improve your site navigation and help you convert more of your traffic with the aid of the right widgets and good use of space.","og_url":"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2020-10-11T06:41:36+00:00","article_modified_time":"2025-12-29T06:31:40+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/10\/Complete-Guide-to-WordPress-Sidebar.png","type":"image\/png"}],"author":"Ben Pines","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Ben Pines","Est. reading time":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/"},"author":{"name":"Ben Pines","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a"},"headline":"How to Add or Edit a Custom Sidebar in WordPress","datePublished":"2020-10-11T06:41:36+00:00","dateModified":"2025-12-29T06:31:40+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/"},"wordCount":4004,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/10\/Complete-Guide-to-WordPress-Sidebar.png","keywords":["Build","Pro"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/","url":"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/","name":"How to Add or Edit a Custom Sidebar in WordPress | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/10\/Complete-Guide-to-WordPress-Sidebar.png","datePublished":"2020-10-11T06:41:36+00:00","dateModified":"2025-12-29T06:31:40+00:00","description":"Learn how sidebars can improve your site navigation and help you convert more of your traffic with the aid of the right widgets and good use of space.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/10\/Complete-Guide-to-WordPress-Sidebar.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2020\/10\/Complete-Guide-to-WordPress-Sidebar.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/wordpress-sidebar-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress","item":"https:\/\/elementor.com\/blog\/category\/wordpress\/"},{"@type":"ListItem","position":3,"name":"How to Add or Edit a Custom Sidebar in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a","name":"Ben Pines","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","caption":"Ben Pines"},"description":"Building websites seems like the dream job, and it is, but you have to know much more than technical skills. My mission at Elementor is to teach web creators how to build a successful business they love.","sameAs":["https:\/\/elementor.com"],"url":"https:\/\/elementor.com\/blog\/author\/ben-pines\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/43335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=43335"}],"version-history":[{"count":8,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/43335\/revisions"}],"predecessor-version":[{"id":149092,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/43335\/revisions\/149092"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/43406"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=43335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=43335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=43335"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=43335"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=43335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}