BlogThemes

How to Remove the Sidebar in WordPress

Do you need to take away the sidebar out of your WordPress website? A sidebar is the widget-ready space in your WordPress theme. It typically seems on the proper or left aspect or beneath the content material space on each web page. On this article, we’ll present you the way to simply take away the sidebar in WordPress.

How to Remove the Sidebar in WordPress

Why Take away the Sidebar in WordPress?

Most free and paid WordPress themes include a number of sidebars or widget prepared areas.

The aim of sidebars in WordPress is to show objects that aren’t a part of the put up or web page content material. Normally these are hyperlinks to totally different areas of your web site, ads, e mail listing signup varieties, social media profiles, and so forth. This stuff will be simply added to the sidebar of a theme utilizing WordPress widgets.

Sidebar on a WordPress powered website

In most WordPress themes, sidebar seems otherwise when a consumer is viewing your website from a cell system. Because of decreased width of the display measurement, sidebars that seem on proper or left on the desktop are moved to the underside on cell screens.

Sidebars are immensely useful and may help you develop your small business. See these WordPress sidebar methods for max outcomes.

Nevertheless, some web site homeowners really feel that eradicating sidebar helps enhance consumer expertise. For those who’re trying to take away the sidebar in your WordPress website, then this tutorial is for you.

Video Tutorial

Subscribe to WPBeginner

For those who don’t just like the video or want extra directions, then proceed studying.

Eradicating Sidebars From In every single place in WordPress

This technique permits you to merely take away sidebars from each page and postin your WordPress website. It requires you to edit WordPress theme information. For those who haven’t performed this earlier than then see our information on the way to copy and paste code in WordPress.

First it’s essential to connect with your WordPress website utilizing an FTP consumer after which go to /wp-content/themes/your-current-theme/ folder.

WordPress themes are made up of various templates, so you have to to edit all of the templates the place a sidebar is displayed.

For instance, in a typical WordPress theme you could have to edit index.php, web page.php, single.php, archive.php, residence.php and so forth.

Open a template file to edit it after which find the road that appears like this:

1
<?php get_sidebar(); ?>

In case your theme comes with a number of sidebars, then you will notice totally different cases of this code with a sidebar title contained in the perform. For instance:

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

Delete the road that represents the sidebar that you just don’t need to show.

Now, save and add the file again to your web site. Repeat the method for all template information liable for displaying totally different pages in your web site.

As soon as completed, you possibly can go to your web site and see it in motion.

It’s possible you’ll discover that whereas sidebars are gone, your content material space continues to be showing with the identical width leaving the sidebar space empty.

Blank sidebar area in a WordPress theme

That’s as a result of your theme has outlined the width for the content material space. Now that the sidebar is gone, it’s essential to regulate the width of the content material space by including customized CSS to your theme.

First you have to to determine the CSS class utilized by your theme to outline the width of the content material space. You are able to do that by using the Inspect tool in your browser.

Right here is the pattern CSS we used on our demo website utilizing Twenty Sixteen theme.

1
2
3
4
5
6
7
8
9
10
.content-area {
    width: 100%;
    margin: 0px;
    border: 0px;
    padding: 0px;
}
.content-area .website {
margin:0px;
}

Right here is the way it appeared with out sidebars:

Sidebars removed from a WordPress theme

Eradicating Sidebars From Particular person Pages in WordPress

It’s doable that you just solely need to take away the sidebars on sure pages whereas displaying them on different sections of your web site.

For instance, loads of web sites show sidebars on their weblog web page however not on particular person weblog posts. Some desire to indicate sidebars all over the place besides static pages.

Let’s check out totally different situations and the way to take away sidebars from totally different areas.

Eradicating Sidebars from a Static Web page in WordPress

Many WordPress themes include ready-to use full width web page templates. These templates can be utilized with any static web page in WordPress and don’t show sidebars on both aspect of the content material.

You’ll simply have to edit the web page the place you need to take away the sidebar after which choose the total width template underneath ‘Web page Attributes’ meta field.

Full width page template with no sidebars

If you don’t see an choice to pick a template, then because of this your theme doesn’t include a full-width web page template.

In that case, you have to to create a full-width web page template manually. Open a plain textual content editor like Notepad and paste the next code in a clean file:

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

Now save this file as full-width.php in your desktop.

Hook up with your WordPress website utilizing an FTP consumer after which go to /wp-content/themes/your-current-theme/ folder. Edit the file referred to as web page.php and replica each factor that seems after <?php get_header(); ?> line.

Now paste this code in your full-width.php file. After that it’s essential to find and delete the road that appears like this:

1
<?php get_sidebar(); ?>

Save your adjustments and add the full-width.php file to your present theme folder.

Now you can edit any web page in your WordPress website and it is possible for you to to pick your full width web page template.

For extra particulars, see our information on the way to create a full width web page template in WordPress.

Take away Sidebar from Weblog Posts Web page in WordPress

WordPress permits you to use a static entrance web page and a separate web page on your weblog posts. Normally, most WordPress themes show sidebars on the weblog posts web page.

For those who don’t need to show sidebars on the weblog posts web page, then it’s essential to go to Settings » Studying web page. Discover the title of the web page you’re utilizing as your weblog posts web page.

Find your WordPress blog page

Now go to Pages » All Pages and edit the web page used to show your weblog posts. Beneath the web page attribute part choose a full width template after which save your adjustments.

Full width page template with no sidebars

For those who don’t see a full width template choice, then you’ll have to manually create a full width template. See the earlier part on this article for detailed directions.

Take away Sidebar from a Single Publish in WordPress

If you wish to take away sidebar from sure single posts, then you possibly can create a customized single put up template.

WordPress 4.7 got here with built-in assist for put up templates. You’d have to comply with the steps define in our information on the way to create customized single put up templates in WordPress.

In your customized single put up template all it’s essential to do is be certain that to take away the sidebar a part of the code.

We hope this text helped you discover ways to simply take away the sidebar in WordPress themes. You may additionally need to see our step-by-step information on the way to boost WordPress speed and performance.

Download The WPSaviour App Now

Related posts
Beginner’s GuideBest WordPress PluginsBlog

9 Best Social Proof Plugins for WordPress & WooCommerce (2020)

Tips

How To Disable The WordPress User Admin Toolbar

Tips

WordPress Front Page vs Homepage

Tips

5 Things You Must Avoid Doing in WordPress

Leave a Reply

Your email address will not be published.

Pay in your preferred currency
Indian rupee
Euro