Cómo eliminar la barra lateral en WordPress

 

¿Quieres eliminar la barra lateral de tu sitio de WordPress? La barra lateral es un área habilitada para widgets en su tema de WordPress.

A menudo aparece a la derecha o izquierda de cada página.

En este artículo, le mostraremos cómo eliminar fácilmente la barra lateral en WordPress.

Cómo eliminar la barra lateral en WordPress

¿Por qué eliminar la barra lateral en WordPress?

La mayoría de los temas de WordPress gratuitos y de pago tienen varias barras laterales o áreas habilitadas para widgets.

El propósito de las barras laterales en WordPress es mostrar elementos que no forman parte del contenido de la publicación o la página. Por lo general, estos son enlaces a diferentes áreas de su sitio web, anuncios, formularios de registro de listas de correo electrónico, perfiles de redes sociales o cualquier otro enlace que desee que los usuarios vean.

Estos elementos se pueden agregar fácilmente a la barra lateral de un tema usando widgets de WordPress.

Barra lateral en un sitio web de WordPress

En la mayoría de los temas de WordPress, la barra lateral aparecerá de manera diferente cuando un usuario esté viendo su sitio web desde un dispositivo móvil. Debido al ancho reducido del tamaño de la pantalla, las barras laterales que aparecen a la derecha o izquierda del escritorio se mueven hacia abajo en las pantallas de los dispositivos móviles.

Las barras laterales son inmensamente útiles y pueden ayudarlo a hacer crecer su negocio. Puede encontrar los máximos resultados en estos trucos de la barra lateral de WordPress.

Sin embargo, algunos propietarios de sitios web creen que eliminar la barra lateral mejorará la experiencia del usuario. Si desea eliminar la barra lateral de su sitio de WordPress, este tutorial es para usted.

Video tutorial

Suscríbete a WPBeginner

Si no le gusta el video o necesita más instrucciones, siga leyendo.

Elimina las barras laterales usando la configuración de tu tema de WordPress

Muchos de los mejores temas de WordPress tienen una configuración de eliminación de barra lateral incorporada. Dependiendo de su tema, puede eliminarlos de todo el sitio web o simplemente de publicaciones o páginas individuales.

Puede averiguar si su tema tiene esta opción editando una sola publicación o página.

En la columna de la derecha verá la opción de eliminar las barras laterales. Por ejemplo, esto es lo que vería si estuviera utilizando el tema Astra WordPress.

Eliminar la barra lateral usando la configuración del tema

Algunos temas pueden tener la opción de elegir una sola publicación o plantilla de página, incluida una plantilla de ancho completo. La opción para seleccionar la plantilla se puede encontrar en la sección Atributos de la página en la columna de la derecha.

Plantilla de ancho completo

Para algunos temas, también puede elegir un diseño de barra lateral de las opciones del tema. Puede encontrar estas opciones en Apariencia »Personalizar Página.

Eliminar la barra lateral de WordPress usando la configuración del tema

Dependiendo de su tema, la ubicación y apariencia de estas opciones pueden variar. Una vez que haya encontrado la configuración, puede ver instantáneamente sus cambios en la vista previa en vivo.

No olvide publicar sus cambios antes de salir del Personalizador de temas.

Tenga en cuenta que algunos temas de WordPress pueden no tener esta función en absoluto. En ese caso, siga leyendo y le mostraremos otras formas de eliminar la barra lateral en WordPress.

Eliminar barras laterales desde cualquier lugar de WordPress

Con este método, puede eliminar fácilmente las barras laterales de cualquier página y publicarlas en su sitio de WordPress. También necesitará editar archivos de tema de WordPress. Si aún no lo ha hecho, consulte nuestra guía sobre cómo copiar y pegar código en WordPress.

Tenga en cuenta que cuando actualice su tema, estos cambios desaparecerán si edita los archivos de su tema de WordPress directamente. Debido a esto, necesitaría crear un subtema para guardar sus cambios.

Primero debe conectarse a su sitio de WordPress usando un cliente FTP y luego ir a la carpeta / wp-content / theme / your-current-theme /.

Los temas de WordPress se componen de diferentes plantillas, por lo que deberá editar cualquier plantilla que muestre una barra lateral. Para obtener información sobre cómo encontrar el archivo, consulte nuestra Guía de jerarquía de plantillas de WordPress.

Por ejemplo, en un tema típico de WordPress, es posible que deba editar index.php, page.php, single.php, archive.php, home.php, etc.

Abra un archivo de plantilla para editarlo, luego busque la línea que se ve así:

<?php get_sidebar(); ?>

Si su tema tiene varias barras laterales, aparecerán diferentes instancias de este código en la función con un nombre de barra lateral. Por ejemplo:

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

Elimina la línea que representa la barra lateral que no quieres mostrar.

Ahora guarde el archivo y cárguelo nuevamente en su cuenta de alojamiento de WordPress. Repita el proceso para todos los archivos de plantilla que son responsables de mostrar diferentes páginas en su sitio web.

Una vez que haya terminado, puede ir a su sitio web y verlo en acción.

Es posible que, si bien las barras laterales ya no se muestran, su área de contenido sigue teniendo el mismo ancho y el área de la barra lateral se deja en blanco.

Área de la barra lateral vacía en un tema de WordPress

Esto se debe a que su tema tiene un ancho definido para el área de contenido. Después de que desaparezca la barra lateral, deberá ajustar el ancho del área de contenido agregando CSS personalizado a su tema.

Primero, debe identificar la clase CSS que usa su tema para definir el ancho del área de contenido. Puede hacer esto usando la herramienta Inspeccionar en su navegador.

Aquí está el CSS de muestra que usamos en nuestro sitio de demostración usando el tema Twenty Sixteen.

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

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

Así es como se ve sin barras laterales:

Barras laterales eliminadas de un tema de WordPress

Eliminar barras laterales de páginas individuales en WordPress

Es posible que desee eliminar las barras laterales solo en ciertas páginas mientras las muestra en otras secciones de su sitio web.

Por ejemplo, muchos sitios web muestran barras laterales en la página de su blog, pero no en publicaciones de blog individuales. Algunos prefieren mostrar las barras laterales en cualquier lugar excepto en las páginas estáticas.

Si desea crear una página de destino personalizada o una página de ventas, le recomendamos que utilice un complemento de página de destino de WordPress como SeedProd porque le permite crear páginas de destino personalizadas sin escribir ningún código (mediante una interfaz de arrastrar y soltar).

Dicho esto, echemos un vistazo a diferentes escenarios y cómo eliminar las barras laterales de diferentes áreas.

Eliminar barras laterales de una página estática en WordPress

Como se mencionó anteriormente, muchos temas de WordPress vienen con plantillas de página listas para usar de ancho completo. Estas plantillas se pueden usar con cualquier página estática en WordPress y no mostrarán barras laterales a ambos lados del contenido.

Todo lo que tiene que hacer es editar la página de la que desea eliminar la barra lateral y luego seleccionar la plantilla de ancho completo en el cuadro meta «Atributos de la página».

Plantilla de ancho completo

Si no ve una opción para elegir una plantilla, significa que su tema no tiene una plantilla de página de ancho completo.

En este caso, deberá crear manualmente una plantilla de página de ancho completo. Abra un editor de texto sin formato como el Bloc de notas y pegue el siguiente código en un archivo en blanco:

<?php
/*
*
Template Name: Full-Width
*/
get_header(); ?>

Ahora guarde este archivo como full-width.php en su escritorio.

Conéctese a su sitio de WordPress utilizando un cliente FTP, luego vaya a la carpeta / wp-content / theme / your-current-theme /. Edite el archivo page.php y copie todo lo que aparece después de él <?php get_header(); ?> Línea.

Ahora pega este código en tu archivo de ancho completo.php. Después de eso, debe buscar y eliminar la línea que se ve así:

<?php get_sidebar(); ?>

Guarde sus cambios y cargue el archivo full-width.php en su carpeta de temas actual.

Ahora puede editar cualquier página en su sitio de WordPress y elegir su plantilla de página de ancho completo.

Para obtener más información, consulte nuestra guía sobre cómo crear una plantilla de página de ancho completo en WordPress.

Eliminar la barra lateral de una sola publicación en WordPress

Al igual que Pages, WordPress tiene soporte integrado para plantillas de publicaciones.

Si desea eliminar la barra lateral de ciertas publicaciones individuales, puede crear una plantilla personalizada para publicaciones individuales. Es similar a crear una plantilla de página de ancho completo.

Primero, debe crear un nuevo archivo de plantilla con un editor de texto como el Bloc de notas. A continuación, debe copiar y pegar el siguiente código en este archivo:

<?php
/*
 * Template Name: Featured Article
 * Template Post Type: post, page, product
 */
  
 get_header();  ?>

Este código define una nueva plantilla llamada «Artículo destacado» y lo hace disponible para los tipos de publicación, página y publicación de producto.

Puede guardar este archivo como wpb-single-post.php en su escritorio.

A continuación, deberá cargarlo en su carpeta de temas de WordPress actual utilizando un cliente FTP.

Ahora puede editar cada publicación en su sitio web y verá el nuevo metacampo «Atributos de publicación» con una opción para elegir la plantilla.

Plantilla de publicación única

Puede seguir los pasos descritos en nuestra guía para crear plantillas personalizadas para publicaciones individuales en WordPress.

En su plantilla de publicación única personalizada, todo lo que necesita hacer es eliminar la parte de la barra lateral del código.

Si desea tener más control sobre el diseño de su sitio, hay algunos creadores de páginas excelentes disponibles.

Elimina las barras laterales con un complemento de creación de páginas

Si solo desea eliminar las barras laterales de algunas páginas, puede usar un complemento de creación de páginas de WordPress como Beaver Builder o Divi.

Estos creadores de páginas de arrastrar y soltar vienen con plantillas listas para usar que puede usar para crear diseños de página personalizados. También puede tomar una plantilla en blanco y diseñar una desde cero.

Usaremos Beaver Builder para este tutorial, pero es más o menos lo mismo con la mayoría de los creadores de páginas.

En primer lugar, debe instalar y activar el complemento Beaver Builder. Puede encontrar instrucciones paso a paso en nuestra guía para instalar un complemento de WordPress.

Una vez activado, simplemente edite la publicación o página que desea editar y ejecute el editor de Beaver Builder.

Iniciar Beaver Builder

Beaver Builder incluye varias plantillas que puede utilizar. También puede crear su propio diseño simplemente agregando módulos, líneas y elementos a su página.

Elige una plantilla

Para obtener instrucciones más detalladas, consulte nuestro tutorial sobre cómo crear diseños personalizados de WordPress con Beaver Builder.

Esperamos que este artículo le haya ayudado a aprender cómo eliminar fácilmente la barra lateral en su tema de WordPress. También es posible que desee consultar nuestra guía paso a paso sobre cómo hacer que WordPress aumente la velocidad y el rendimiento, así como nuestra comparación de los mejores servicios de marketing por correo electrónico para aumentar su tráfico y ventas.