How to remove sidebar in wordpress

New Page

How to remove the sidebar on your WordPress site

Shayla Price

Shayla Price

Updated: May 10, 2022

Posted: March 17, 2021

Many WordPress themes are built with sidebars by default. A sidebar is an area that displays information to the left, right, or below the main content space.

Group of marketers and developers discussing removing sidebars in wordpress

Depending on your WordPress website, your sidebar may include social media feeds, recent blog posts, or advertisements. However, sidebars aren’t always necessary for a particular page (or your entire website). Let’s explore how to remove sidebars on your WordPress website.

Download Now: How to Launch a WordPress Website [Free Guide + Checklist]

Why should you remove the sidebar from your WordPress website?

The sidebar is valuable space on your website. You can display content related to your visitors, like popular eBooks, your latest podcast episodes, or an email signup form. Many businesses find the sidebar useful for engaging their potential customers.

But the sidebar is not useful for all website experiences. For example, visitors accessing your website on their mobile devices may have difficulty viewing sidebar content due to the small screen size. You don’t want your visitors constantly zooming in and out on their smartphones just to interact with your website.

Sidebars can also distract visitors from your main page content if they are not strategically placed. You don’t want to drag your visitors down a rabbit hole of endless sidebar content, as this can lower conversion rates.

So if you’re ready to give up the sidebar (even if only temporarily), read on.

How to Remove Sidebar in WordPress

  1. Login to your WordPress dashboard.
  2. Go to Appearance > Widgets on the left side of your dashboard.
  3. Find the sidebar area.
  4. Expand the widget section by clicking the down arrow.
  5. Then click Delete.
  6. Repeat these steps until you have removed all widgets from the sidebar area.

El processo para eliminar su barra lateral variará según su tema de WordPress. Comenzaremos con el método más fácil primero.

Eliminate a sidebar in the WordPress panel

  • Inicie sesión in su panel of WordPress.
  • Vaya a Apariencia > Widgets en el lado izquierdo de su tablero.
  • Encuentra el área de la barra lateral. It will look similar to this:

sidebar area for how to remove sidebar in WordPress – search sidebar area

  • Expand the section of widgets haciendo clic en la flecha hacia abajo.
  • Luego, haz clic en Eliminatar .

remove widgets for how to remove sidebar in wordpress - remove widget

  • Repita estos pasos hasta que haya eliminado all los widgets en el área de la barra lateral.

Quitar la barra lateral usando un complemento

WordPress plugins make it simple to add features to your website. You can install a plugin to remove the sidebar on your website, too. Follow the steps below.

  • Go to Plugins > Add New on the left side of your dashboard.
  • Search for the Widget Disable plugin.
  • Install and activate the plugin.

widget disable plugin to remove a sidebar in wordpress

  • Go to Appearance > Disable Widgets.
  • Under the Sidebar Widgets tab, click Select all to disable the sidebar widgets from your website. Widget Disable Plugin – Disable sidebar widgets on your website
  • Click Save Changes.

 

Remove Sidebar in FTP

If you feel comfortable editing the code in your theme, then you can remove the sidebar using an FTP client. Before implementing this method, we recommend backing up your website and using a child theme to prevent losing any important changes.

  • Connect to your FTP.
  • Open the folder: /wp-content/themes/your-current-theme/
  • You should see all model files. (For example, home.php, index.php, single.php, archive.php and page.php)
  • To remove the sidebar, remove this line of code from each template:

<?php get_sidebar(); ?>

  • It is possible that your WordPress theme has multiple sidebars. So, look for similar code and delete it:

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

  • Click Save after you finish deleting all code from each template.

Vous pouvez maintenant consulter les modifications sur votre site Web. Si vous utilisez un plugin de mise en cache, assurez-vous de le désactiver pour voir vos modifications. Vous pouvez toujours réactiver le plugin de mise en cache plus tard.

Comment supprimer la barre latérale d’une page dans WordPress

  1. Accédez à Pages sur le côté gauche de votre tableau de bord.
  2. Sélectionnez la page statique souhaitée.
  3. On the right-hand side, find Page Attributes.
  4. Under Template, select Full Width.
  5. Click the blue Publish or Update button.

Removing Sidebar from Static Page

Maybe you only want to remove the sidebar from a specific page rather than from your entire website. A static page is a customized page that doesn’t change when you add blog posts to your website. Most businesses use a static page as their homepage. To make these changes to a static page, you’ll need to update the template.

Change Template in WordPress Dashboard

New WordPress themes come equipped with full-width templates that don’t have sidebars. You can use these templates as a static page on your website. Switching the template only takes a few minutes.

  • Go to Pages on the left side of your dashboard.
  • Select the desired static page.
  • On the right-hand side, find Page Attributes.
  • Under Template, select Full Width.

edit template in wordpress dashboard in page attributes section and select fullwidth from dropdown

  • Click the blue Publish or Update button.

Change Template in FTP

If this option doesn’t appear in your settings, you can create your own full-width page template.

  • Open any text editor and create a new file.
  • Name the file full-width.php and save it on your desktop.
  • Connect to your hosting account using an FTP client.
  • Locate the folder: /wp-content/themes/your-theme
  • Select page.php file and edit it.
  • Copy all the code from this file and paste it in your full-width.php file.
  • After the opening <?php tag add this code:

/* Template name: fullwidth */

  • Dans le fichier full-width.php , recherchez : <?php get_sidebar(); ?>
  • Supprimez cette ligne de code car elle génère la barre latérale.
  • Enregistrez les modifications.
  • Téléchargez le fichier style=”font-weight: bold;”>full-width.php dans votre dossier de thème enfant via votre client FTP.
  • Lorsque vous accédez à Attributs de page , vous devriez maintenant voir l’option de modèle de page pleine largeur.

Supprimer la barre latérale de la page de publication de blog

Vous remarquerez que de nombreux thèmes WordPress affichent également des barres latérales sur la page des articles de blog. Mais ne vous inquiétez pas, vous pouvez les supprimer.

  • Accédez à Paramètres > Lecture sur le côté gauche de votre tableau de bord.
  • Next to Your homepage displays, go to Posts page.
  • Select the static page template without the sidebars from the example in the previous section.

homepage screens for how to remove sidebar in wordpress from blog post page in homepage screens section

If there is no template without sidebars available, read the previous section and follow the instructions to create a full-width template manually.

Remove Sidebar from a Single Post

If you don’t want to remove sidebars from all of your blog posts, you can customize a single post to have no sidebar.

  • Go to Posts on the left side of your dashboard.
  • Select the desired blog post.
  • On the right-hand side, find Post Attributes.
  • Under Template, select Full Width.

Post Attributes on How to Remove Single Post Sidebar in WordPress - Select Fullwidth in Post Attributes

  • Click the blue Publish or Update button.

If you can’t find the full-width option, you can create a custom page template without sidebars. The steps are similar to changing a template for a static page. The only difference is that you will need to copy and edit the single.php file.

Sidebar or No Sidebar?

Sidebars are helpful for displaying relevant content to visitors, but sometimes you need to remove them to improve your website’s overall appearance, improve conversion rates, or make a page easier to navigate. With each of these options to remove a sidebar, you can customize your website to appear and function exactly the way you want.

Editor’s note: This post was originally published in September 2019 and has been updated for comprehensiveness.

Keyword

Topics: WordPress Website

Don’t forget to share this post!

Remove sidebar from search results

Your OceanWP theme gives you the ability to easily set an independent layout for the search results page .

The default search results page layout is set to the sidebar.

To change the layout of the search results page:

1. Go to Appearance > Customize > General Options > General Settings ,

2. Scroll down to the Search Results Page section ,

3. Choose the desired layout and publish your changes.

file-CBVJET1E88

Apply other settings for the search results page as needed.

That’s all!

Build a happy website

Show or hide the sidebar

The current library webpage theme includes a sidebar on the right (Figure 1). The sidebar is a “widget-ready” area, which means you can place widgets there. Widgets are small blocks that perform specific functions. For example, we’ve created widgets to display a library unit’s hours of operation and the Ask-a-Librarian chat.

Fig. 1: Example of a sidebar (red square) showing the "Times", "Location" and "Quicklinks" widgets.Fig. 1: Example of a sidebar (red square) showing the “Times”, “Location” and “Quicklinks” widgets.

To show the sidebar on your page, select the “Show Sidebar” radio button in the “Hide Sidebar” panel at the bottom right of the edit page (Figure 2). You can also select the “Hide Sidebar” radio to hide the sidebar and allow content to fill the full width of the content area.

Fig. 2: Location of the "Hide Sidebar" panelFig. 2: Location of the “Hide Sidebar” panel


Video How to remove sidebar in wordpress

Related Posts

How to add seo keywords in wordpress

Contents1 Cómo agregar palabras clave de SEO en WordPress (aumentar el CTR y las clasificaciones)1.1 Post Title1.2 Headline1.3 Header Tags1.4 Introduction and Conclusion1.5 Body Copy1.6 URL1.7 Meta…

How to embed google calendar into wordpress

Contents1 How to Add a Google Calendar in WordPress (Step by Step)2 Add a Google calendar to your website3 calendario de Google3.1 Versatile plans and pricing4 Video…

How to change the logo in wordpress

Contents1 How to Add a Custom Logo to Your Site Header2 Site Logo2.1 Planes y precios versátiles3 Add, remove or edit a custom logo4 Video How to…

How to add a popup on wordpress

Contents1 Easily create a WordPress emergent form (2 forms)1.1 ¿Por qué usar un formulario emergente de WordPress?1.2 Método #1: Crear un formulario emergente con OptinMonster + WPForms1.3…

How to roll back wordpress version

Contents1 How to Revert WordPress: Undo WordPress Updates (Easy Way)2 How to Downgrade WordPress & Roll Back to a Previous Version2.1 1. A WordPress update included significant changes…

How to rollback wordpress version

Contents1 How to Downgrade WordPress and Revert to an Older Version1.1 1. A WordPress update included significant changes that are not compatible with your theme or plugins1.2…