{"id":13493,"date":"2018-12-16T16:45:12","date_gmt":"2018-12-16T16:45:12","guid":{"rendered":"https:\/\/www.hostinger.com\/tutorials\/?p=13493"},"modified":"2026-03-10T10:25:11","modified_gmt":"2026-03-10T10:25:11","slug":"remove-sidebar-wordpress","status":"publish","type":"post","link":"\/in\/tutorials\/remove-sidebar-wordpress","title":{"rendered":"How to remove WordPress sidebar from any page\/post (manually + plugin method)"},"content":{"rendered":"<?xml encoding=\"utf-8\" ?><p>WordPress Sidebar is a slot for widgets on the left, right, or bottom of your theme. Although it is very useful, sometimes you will need to remove the sidebar in WordPress because you want to have a widget-free page\/post. <\/p><p>Most modern themes have specific options on their settings panel to remove the sidebar. However, if you don&rsquo;t have access to one, this WordPress tutorial is perfect for you. We will give you 3 actionable tips on how to remove the sidebar from any WordPress page\/post.<\/p><p class=\"has-text-align-center\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Mega-WordPress-Cheat-EN.pdf\" target=\"_blank\" rel=\"noopener\">Download all in one WordPress cheat sheet<\/a><\/p><p>\n\n\n\n<div class=\"protip\">\n                    <h2 class=\"featured-snippet title\">How to Remove WordPress Sidebar<\/h2>\n                    <p>1. Go to the WordPress Dashboard and click on Appearance &gt; Customize<br>\n2. Click on the &ldquo;Widgets&rdquo; tab.<br>\n3. Drag and drop any widgets you want to remove from the sidebar<br>\n4. Locate the sidebar.php file in your theme&rsquo;s directory<br>\n5. Delete the code that generates the sidebar or comment it out with HTML comment tags<br>\n6. Use a plugin like &ldquo;Remove Widget&rdquo; or &ldquo;Disable Widgets&rdquo; to disable the sidebar altogether<\/p>\n                <\/div>\n\n\n\n<\/p><p>The first method will remove sidebars from your theme altogether. In order to do this, you need to edit WordPress theme files. We recommend you to make a <a href=\"\/in\/tutorials\/backup-wordpress\">backup of your WordPress<\/a> site and use the <a href=\"\/in\/tutorials\/how-to-create-wordpress-child-theme\">child theme<\/a>; otherwise, you will lose all the changes you made. This is because a child theme inherits all the functionality, features, and code from the parent theme without affecting the parent theme itself. <\/p><p>Therefore, any changes made in your child theme will not overwrite the original. Also, you will not lose any modifications after the theme update.<\/p><p>Once you have set up your child theme, you need to access your theme files. You can either use the help of FTP clients like <a href=\"\/in\/tutorials\/ftp\/filezilla-ftp-configuration\" target=\"_blank\" rel=\"noreferrer noopener\">FileZilla<\/a>, open it using the Hostinger File Manager, or go to the <strong>WordPress dashboard &gt; Appearance &gt; Editor<\/strong>. In this tutorial, we will use the first option.<\/p><p>Please also be aware that your theme consists of many templates. Therefore, you will need to copy all templates you want to edit from parent to child theme and then edit every template with the sidebar in it. For example, you may edit <strong>home.php<\/strong>, <strong>index<\/strong>.<strong>php<\/strong>, <strong>single.php<\/strong>, <strong>archive.php<\/strong>, <strong>page.php<\/strong> and so on.<\/p><p>To find the template files, go to <strong>\/wp-content\/themes\/your-theme<\/strong> folder. Pick one template you&rsquo;d like to edit and copy them to your child theme folder. Then open template file and find this specific code:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?php get_sidebar(); ?&gt;<\/pre><p>Since the code&rsquo;s function is to call up the sidebar, you have to erase the code to remove your sidebar.<\/p><p>In addition, there is a possibility that your themes have multiple sidebars. In this case, you need to find codes that have a &ldquo;sidebar&rdquo; name in them. The code snippet below calls footer widget:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?php get_sidebar('footer-widget-area'); ?&gt;<\/pre><p>Deleting these types of codes will remove multiple sidebars in your template.<\/p><p>After all the steps are done and saved, go to your WordPress website. You will find that the sidebars are already removed. However, you still don&rsquo;t have the full-width images and texts. You can see that the previous sidebar spot is replaced by a blank area. It happens because your theme has a default setting for the content area width. You can simply add <a href=\"\/in\/tutorials\/wordpress-custom-css\">WordPress custom CSS<\/a> to fix the width.<\/p><h2 class=\"wp-block-heading\" id=\"h-how-to-remove-the-sidebar-from-individual-pages-or-posts\">How to Remove the Sidebar from Individual Pages or Posts<\/h2><p>Your WordPress website is made of multiple pages and posts. Sometimes you may only need to remove the sidebar on a specific page and post without affecting other pages. The process is pretty similar to removing the sidebar completely from anywhere in your WordPress website. The difference is, you need to create a new template by copying the existing one. To make it clearer, let&rsquo;s take a closer look.<\/p><h3 class=\"wp-block-heading\" id=\"h-remove-the-sidebar-from-a-static-page\">Remove the Sidebar From a Static Page<\/h3><p>Many WordPress themes have provided the default full-width template for a static page. Therefore, removing the sidebar from a static page template is fairly easy. You only need to go to the Page Attributes meta box and choose Full Width in the Template selection.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"445\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2018\/12\/wordpress-choose-full-width-template.jpg\" alt=\"Choosing the Full Width template in the Page Attributes section within the page's Document settings\" class=\"wp-image-13529\" srcset=\"https:\/\/www.hostinger.com\/in\/tutorials\/wp-content\/uploads\/sites\/52\/2018\/12\/wordpress-choose-full-width-template.jpg 900w, https:\/\/www.hostinger.com\/in\/tutorials\/wp-content\/uploads\/sites\/52\/2018\/12\/wordpress-choose-full-width-template-150x74.jpg 150w, https:\/\/www.hostinger.com\/in\/tutorials\/wp-content\/uploads\/sites\/52\/2018\/12\/wordpress-choose-full-width-template-300x148.jpg 300w, https:\/\/www.hostinger.com\/in\/tutorials\/wp-content\/uploads\/sites\/52\/2018\/12\/wordpress-choose-full-width-template-768x380.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>If this option doesn&rsquo;t appear, it means that the full-width page template is not provided by your WordPress theme. Therefore, you will need to create a new full width template file. In order to do so, take the steps below:<\/p><ol class=\"wp-block-list\">\n<li>Use any text editor and create a new file. Name this file as <strong>full-width.php<\/strong> and save it on your desktop.<\/li>\n\n\n\n<li>Connect your hosting account using an FTP client<\/li>\n\n\n\n<li>Find <strong>\/wp-content\/themes\/your-theme<\/strong> folder<\/li>\n\n\n\n<li>Pick <strong>page.php<\/strong> file and edit it.<\/li>\n\n\n\n<li>Copy the all the code from this file and paste in your <strong>full-width.php<\/strong> file.<\/li>\n\n\n\n<li>After openting <strong>&lt;?php<\/strong> tag add this text:\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">\/*\nTemplate Name: Full Width Template\n*\/<\/pre>\n<\/li>\n\n\n\n<li>Still in <strong>full-width.ph<\/strong>p file, you need to find this line <strong>&lt;?php get_sidebar(); ?&gt;<\/strong><\/li>\n\n\n\n<li>The stated code generates the sidebar in your page. Therefore, simply remove it.<\/li>\n\n\n\n<li>Save the changes.<\/li>\n\n\n\n<li>Upload <strong>full-width.php<\/strong> file to your child theme folder via FTP client<\/li>\n\n\n\n<li>Now, on WordPress, you will have the full-width page template option.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-remove-the-sidebar-from-a-blog-page\">Remove the Sidebar From a Blog Page<\/h3><p>If a WordPress static page often comes with a full-width template by default, most WordPress themes display sidebars on a blog page. In order to remove sidebars only from blog pages, follow these steps below:<\/p><ol class=\"wp-block-list\">\n<li>From your WordPress dashboard, go to <strong>Settings -&gt; Reading<\/strong><\/li>\n\n\n\n<li>Under <strong>Reading<\/strong>, find the name of your blog page. Let&rsquo;s say the name is &ldquo;Tutorial&rdquo;<\/li>\n\n\n\n<li>Now, go to <strong>Pages -&gt; All Pages<\/strong>.<\/li>\n\n\n\n<li>Find your blog page, or &ldquo;Tutorial&rdquo; in this case.<\/li>\n\n\n\n<li>Find the <strong>Page Attributes box<\/strong> and choose Full-Width in the Template section.<\/li>\n\n\n\n<li>If you can&rsquo;t find the Full-Width option, then you have to make it manually.<\/li>\n\n\n\n<li>Repeat the procedure to create the full-width page template from the section above.<\/li>\n<\/ol><h3 class=\"wp-block-heading\" id=\"h-remove-the-sidebar-from-a-post-in-wordpress\">Remove the Sidebar From a Post in WordPress<\/h3><p>Sometimes, you may only need to remove sidebar on one specific blog post page. If your WordPress theme has provided you with the full-width post template, you don&rsquo;t have to deal with coding. Then, you just need to follow these steps:<\/p><ol class=\"wp-block-list\">\n<li>Make a new post and go to Post Attributes meta box. <\/li>\n\n\n\n<li>Choose the Full-Width template to remove sidebar. <\/li>\n\n\n\n<li>If you can&rsquo;t find it, you have to make a custom page template by yourself.<\/li>\n<\/ol><p>The steps are quite similar to creating a custom <a href=\"\/in\/tutorials\/wordpress-page-template\">WordPress page template<\/a> for a static page. The only difference is that you will need to copy and edit contents of<strong> single.php<\/strong> template file.<\/p><h3 class=\"wp-block-heading\" id=\"h-remove-wordpress-sidebar-with-a-plugin\">Remove WordPress Sidebar With a Plugin<\/h3><p>If you don&rsquo;t want to deal with code, you can also manage your sidebar using a plugin. We recommend using <a href=\"https:\/\/wordpress.org\/plugins\/fullwidth-templates\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fullwidth Templates for Any Theme &amp; Page Builder<\/a>, one of the <a href=\"\/in\/tutorials\/best-wordpress-plugins\">best WordPress plugins<\/a> to manage sidebars.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"291\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2018\/12\/fullwidth-templates.jpg\" alt=\"Fullwidth Templates plugin banner to remove sidebar in WordPress\" class=\"wp-image-13531\" srcset=\"https:\/\/www.hostinger.com\/in\/tutorials\/wp-content\/uploads\/sites\/52\/2018\/12\/fullwidth-templates.jpg 900w, https:\/\/www.hostinger.com\/in\/tutorials\/wp-content\/uploads\/sites\/52\/2018\/12\/fullwidth-templates-150x49.jpg 150w, https:\/\/www.hostinger.com\/in\/tutorials\/wp-content\/uploads\/sites\/52\/2018\/12\/fullwidth-templates-300x97.jpg 300w, https:\/\/www.hostinger.com\/in\/tutorials\/wp-content\/uploads\/sites\/52\/2018\/12\/fullwidth-templates-768x248.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Just like the name suggests, this plugin works for any theme and page builder you might use for your WordPress site. Moreover, using it is extremely easy. You only need 3 clicks to create a fullwidth template.<\/p><p>Once you install and activate the plugin, you will have access to these 3 basic settings.<\/p><p><strong>1. Blank Template<\/strong><\/p><p>The first setting will remove everything from your page: header, footer, sidebar, comments. All you have left is a blank page which gives you a full control over your layout. This layout is suitable for creating a landing page.<\/p><p><strong>2. Full-Width Template<\/strong><\/p><p>The second setting will eliminate the sidebar in WordPress, page title, and comments from the layout. Fortunately, there is no empty area left. Your content area will be automatically stretched into full width to fill the layout. The second setting is ideal if you are using a page builder.<\/p><p><strong>3. No Sidebar Template<\/strong><\/p><p>The third setting will only remove sidebar from your layout. You can choose this if your WordPress theme doesn&rsquo;t offer the No Sidebar option. The other elements and layout styling will not be affected.<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p>Although a sidebar in WordPress is helpful for placing widgets, sometimes you need to remove it from your template to get a better website appearance. We have provided you with 3 actionable guides, kindly choose the most appropriate one(s) for your needs. <\/p><p>Do you have any additional method to remove the WordPress sidebar? Don&rsquo;t hesitate to share your experience with us!<\/p><p><div class=\"protip\">\n                    <h4 class=\"title\">Learn Other Advanced WordPress Techniques<\/h4>\n                    <p><a href=\"\/in\/tutorials\/create-a-shortcode-in-wordpress\">How to Create a Shortcode in WordPress<\/a><br>\n<a href=\"\/in\/tutorials\/speed-up-wordpress\">How to Speed Up WordPress<\/a><br>\n<a href=\"\/in\/tutorials\/wordpress-page-builders\">Best WordPress Page Builders<\/a><br>\n<a href=\"\/in\/tutorials\/wordpress-icons\">How to Use WordPress Icon Fonts<\/a><br>\n<a href=\"\/in\/tutorials\/wordpress-a-b-testing\">WordPress A\/B Testing Guide<\/a><br>\n<a href=\"\/in\/tutorials\/wordpress-staging-environment\">How to Create a Staging Environment in WordPress<\/a><br>\n<a href=\"\/in\/tutorials\/how-to-duplicate-wordpress-page-or-post\">How to Duplicate Pages in WordPress<\/a> <\/p>\n                <\/div>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress Sidebar is a slot for widgets on the left, right, or bottom of your theme. Although it is very useful, sometimes you will need to remove the sidebar in WordPress because you want to have a widget-free page\/post. Most modern themes have specific options on their settings panel to remove the sidebar. However, if [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/in\/tutorials\/remove-sidebar-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":172,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"How to Remove WordPress Sidebar from Any Page\/Post","rank_math_description":"Although widgets are useful, sometimes you will want a widget-free page. Check out 3 tips on how to remove WordPress sidebar from any page.","rank_math_focus_keyword":"Remove WordPress sidebar","footnotes":""},"categories":[22633],"tags":[],"class_list":["post-13493","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/remove-sidebar-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/supprimer-barre-laterale-dans-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/eliminar-barra-lateral-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/remove-sidebar-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/remove-sidebar-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/remove-sidebar-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/eliminar-barra-lateral-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/eliminar-barra-lateral-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/eliminar-barra-lateral-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/remove-sidebar-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/remove-sidebar-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/remove-sidebar-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/remove-sidebar-wordpress","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/in\/tutorials\/wp-json\/wp\/v2\/posts\/13493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/in\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/in\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/in\/tutorials\/wp-json\/wp\/v2\/users\/172"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/in\/tutorials\/wp-json\/wp\/v2\/comments?post=13493"}],"version-history":[{"count":28,"href":"https:\/\/www.hostinger.com\/in\/tutorials\/wp-json\/wp\/v2\/posts\/13493\/revisions"}],"predecessor-version":[{"id":129564,"href":"https:\/\/www.hostinger.com\/in\/tutorials\/wp-json\/wp\/v2\/posts\/13493\/revisions\/129564"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/in\/tutorials\/wp-json\/wp\/v2\/media?parent=13493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/in\/tutorials\/wp-json\/wp\/v2\/categories?post=13493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/in\/tutorials\/wp-json\/wp\/v2\/tags?post=13493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}