How to Remove the Sidebar in WordPress

People love to add widgets to their sites. After all the looks are important too, some people get mesmerized by the looks more than the content. However, sometimes for customization, there are certain things that need to be removed. While the sidebar in WordPress is a great way to make your site looks appealing. There are people who want to remove it so they can have a more clean look.

In this article, we’ll show you how you can remove the Sidebar in WordPress. Follow the guide below only if you are damn sure to remove the Sidebar. Don’t follow it just for the experiment, cuz bringing the sidebar back might become a little troublesome. Without further ado, let’s continue.

But Why remove the Sidebar?

Most themes on WordPress, whether free or paid features a sidebar, where you can add widgets. The main purpose of this sidebar is to display the stuff that is not available in the content or not part of the article. Like you can add the other articles from your site or some random ads for the public.

But in most WordPress themes, the sidebar appears different as it switched to the mobile version. Due to the reduced effect, it might move to some other areas of the site and that looks very weird. You can adjust that by customizing the site or getting a mobile-optimized theme. And if you can’t do either of them? Then just remove the sidebar. Also with less material on the site, it gets light and thus improves the User experience.

Remove Sidebar via WordPress Theme Settings:

Depending on the theme you are using! You can navigate to its settings and remove the Sidebars. The method is the same for all the themes since all the WP themes are build on the same code. You can find out whether your theme has this option by editing a post.

Open your post and check the right side. You’ll find to remove the sidebars option there.

Some sites won’t remove the sidebar but increase the width of the template you are using. This works the same as removing the sidebar.

Some themes offer you to select a layout without the sidebar in theme options. you can fun those options on the Appearance > Customize page.

Depending on your theme, these settings will vary but quite easy to find.

Remove Sidebars from Everywhere in WordPress:

Now, this method removes sidebars from everywhere, once and for all. But it requires you to edit the code of your theme. Don’t worry, you don’t have to add a dozen of lines but just one line to get the job done.

Also see: Fix “The Link You Followed Has Expired” Error in WordPress

However, keep in mind that your changes will remove when you’ll update the theme.

For this, you’ll need to connect your WP site to any FTP client. Then navigate to /wp-content/themes/your-current-theme/ folder.

For a typical WP theme, you might need to edit index.php, page.php, single.php, archive.php, home.php, and so on.

Open a template file and locate the following line:

<?php get_sidebar(); ?>

If your site comes with multiple sidebars, the code line might look a little different.

<?php get_sidebar('footer-widget-area'); ?>

Just delete the line that represents the sidebar and save the changes. Upload the file back to the same folder from where you downloaded it.

Now go back to your site and reload it and see the changes.

If you see that the sidebar area is now emptied. It is because you need to adjust the width of the theme.

For that, you’ll need to find the CSS class used by your theme. Use the inspect tool of your browser to find out that class and change it like this.:

.content-area {
width: 100%;
margin: 0px;
border: 0px;
padding: 0px;
}

.content-area .site {
margin:0px;
}

Removing Sidebars from a Static Page in WordPress:

As I said above that WP themes come with a ready-to-use full-width page template. For a static page, this option is the best when it comes to removing the sidebar.

Find the ‘Page Attributes‘ meta box on the post you want to remove the Sidebar on. And choose the Template settings to Fullwidth Template.

And if you can’t see this option? Then open Notepad and add the following lines to it:

1
2
3
4
5
6
<?php
/*
*
Template Name: Full-Width
*/
get_header(); ?>

Save this file on your desktop and connect your WP site to an FTP client. Then navigate to /wp-content/themes/your-current-theme/ folder.

Open a file called page.php and copy everything that appears after <?php get_header(); ?> line.

Now paste this code into your full-width.php file. And then locate and delete the line that looks like this:

1 <?php get_sidebar(); ?>

Save the changes and upload your full-width.php file to the current theme folder.

Now edit your site and you’ll see the Fullwidth template option in Page Attributes meta box.

Leave a comment

Your email address will not be published. Required fields are marked *