Keep reading to see the methods you can use to remove the sidebar in your WordPress website.<\/p>\n
Method 1: Delete all widgets and remove sidebar<\/h2>\n
The information contained in the sidebar is organized by widgets.
\nA WordPress widget is a small area that includes specific types of content. There might be a calendar, or the blog archive, recent comments or a list of your website pages, etc.
\nHere\u2019s how the sidebar appears on a blog page:
\n![\"\"](\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2018\/11\/delete-widgets-sidebar-min-768x480.png\")
\nYou might want to remove this sidebar from your blog.
\nIt can distract users from the main page content and you don\u2019t want to break the reading flow.
\nAll you have to do is go to the WordPress Admin dashboard and delete the widgets that are part of the sidebar.<\/p>\n
- \n
- Navigate to \u201cAppearance\u201d -> \u201cWidgets\u201d.<\/li>\n<\/ol>\n
You should find this section:<\/p>\n
![\"\"](\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2018\/11\/delete-widgets1-min-1024x413.png\")
<\/p>\n- \n
- You need to identify the sidebar that you don\u2019t want to display in your pages.<\/li>\n<\/ol>\n
In this case, it\u2019s named \u201cSidebar widget area\u201d, as shown in the above image.<\/p>\n
- \n
- You should proceed to deleting every widget that is included in the Sidebar widget area.<\/li>\n<\/ol>\n
For this doing, click on the widget section, to expand it.<\/p>\n
![\"\"](\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2018\/11\/sidebar-widget-area-min.png\")
<\/p>\nYou\u2019ll see the \u201cDelete\u201d button at the bottom of the widget section, as shown in the image above.
\nPress \u201cDelete\u201d and that\u2019s it. You have just removed the first widget from the sidebar.<\/p>\nYou have to do the same with every widget that is part of the sidebar widget area. In this case, you should also remove \u201cArchives\u201d and \u201cRecent Comments\u201d. You\u2019ll do this by pressing the \u201cDelete\u201d button corresponding to the respective sections.
\nYou should see no more widgets next to the Sidebar Widget Area:<\/p>\n![\"\"](\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/11\/sidebar-widgets-min-1024x390.png\")
<\/p>\nThe result will be that the sidebar is no longer displayed in the blog pages:<\/p>\n
![\"\"](\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2018\/11\/blog-without-sidebar-min-768x496.png\")
<\/p>\nThe featured image and the blog content will occupy the entire space of the screen, as you can see in the above image.<\/p>\n
Method 2: Make full width template, if the theme supports this feature<\/h2>\n
Another method you can use to remove the sidebar is to apply certain settings to your pages, from the WordPress Admin Dashboard.
\nIt\u2019s very easy to implement, provided you have a theme that supports this functionality.
\nThe result will be that the page\/post main content will display on the entire screen, and no sidebar will be placed on the page.<\/p>\nYou need to login to your WordPress account. Enter the WordPress Admin Dashboard and select Pages or Posts to check the list of your website pages or your blog posts.
\nSelect the page\/post you want to remove the sidebar from.
\nIn the right-hand options, scroll down to attributes.
\nYou should find the options for Template, as indicated in the image below:<\/p>\n![\"\"](\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2018\/11\/method2-remove-sidebar-min-1024x450.png\")
<\/p>\nUse the drop-down menu and find the option to set the page to Full Width Template.
\nSelect it and press \u201cUpdate\u201d.<\/p>\n![\"\"](\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/11\/remove-sidebar2-min-1024x395.png\")
<\/p>\nThe main content of the page will occupy the entire space of the screen, as you can see below:<\/p>\n
![\"\"](\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2018\/11\/main-content-min-768x366.png\")
<\/p>\nMethod 3: Add some extra lines of code to the source of the website pages<\/h2>\n
If method 2 doesn\u2019t work, it means you\u2019re using a theme that does not support the full width template.
\nBut you still want to remove the sidebar from your website pages.
\nThere\u2019s an additional solution for such a case: edit the source code of the website.
\nHowever, it is not recommended that you edit directly the source code in your theme. It might break the website. We suggest you have a child theme and edit the source code for that child theme. For this step, please refer to this guide on creating child themes in WordPress<\/a>.
\nHere\u2019s how:
\nLogin to your WordPress account and enter the Admin Dashboard in WordPress.
\nIn the left-hand menu, go to Appearance -> Editor. You\u2019ll find a screen that displays the following:<\/p>\n![\"\"](\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/11\/edit-source-code-min-1024x478.png\")
<\/p>\nFind the Sidebar.php file and click on it.
\nThe lines of code to be added to the Sidebar.php file will be as follows:<\/p>\n![\"\"](\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/11\/sidebar.php-min-1024x540.png\")
<\/p>\nYou need to edit this file and add some extra lines of code, to remove sidebar from your blog posts or website pages.
\nAnd to ensure the changes do not break the overall design, the code adjustments should concern commenting the code.
\nSo, you\u2019ll have to add the extra lines indicated below, and press \u201cUpdate\u201d:<\/p>\n![\"\"](\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/11\/update-source-code-min-1024x544.png\")
<\/p>\nThe result will be deletion of the sidebar from your pages:<\/p>\n
![\"\"](\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2018\/11\/deletion-sidebar-min-768x502.png\")
<\/p>\nMethod 4: Deactivate and remove sidebar with a plugin<\/h2>\n
This method supposes that you\u2019ve been using a plugin for sidebars: Content Aware Sidebar.
\nWith the help of Content Aware Sidebar, you created a sidebar and you set it to display on some or all of the website pages. But you no longer want the sidebar to appear on the pages.
\nSimilarly to the first method, this one requires you identify the section destined to the sidebar you want to eliminate.<\/p>\nIn the case below, we want to remove the sidebar including \u201cArchives\u201d, \u201cCalendar\u201d and \u201cRecent Comments\u201d.
\n![\"\"](\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2018\/11\/sidebar-min-768x496.png\")
<\/p>\n<\/p>\n
Login to your WordPress Admin Dashboard.
\nGo to Appearance -> Widgets.
\nThe sidebar section we want to apply changes to is named Sidebar for Test. It is marked with a blue line, as are all sidebars created with the Content Aware Sidebar.
\n![\"\"](\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/11\/content-aware-sidebar-min-1024x446.png\")
<\/p>\nYou\u2019ll find a green button corresponding to Sidebar for Test. This marks that the sidebar is active on pages.
\nTo remove the sidebar from WordPress, you\u2019ll have to deactivate Sidebar for Test, as you can see in the image below:<\/p>\n![\"\"](\"https:\/\/extendthemes.com\/wp-content\/uploads\/2018\/11\/sidebar-test-min-1024x541.png\")
\nAfter having deactivated the sidebar, it\u2019ll no longer display on the pages:<\/p>\n![\"\"](\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2018\/11\/page-without-sidebar-min-768x479-1.png\")
<\/p>\nWe hope you\u2019ll find the method that works for you and manage to remove the sidebar from your WordPress website. Therefore, the website design will look neat and clean, and have a modern look that users will appreciate.<\/p>\n
[sibwp_form id=1]<\/p>\n","protected":false},"excerpt":{"rendered":"
- You should proceed to deleting every widget that is included in the Sidebar widget area.<\/li>\n<\/ol>\n
- You need to identify the sidebar that you don\u2019t want to display in your pages.<\/li>\n<\/ol>\n