Saltar al contenido

Cómo quitar sidebar o barra lateral de WordPress en páginas o entradas específicas

Cómo quitar sidebar o barra lateral de WordPress en páginas o entradas específicas
5 (100%) 1 vote

¿Buscas una forma de eliminar la barra lateral de tu sitio de WordPress? La mayoría de los temas vienen con una barra lateral de algún tipo, pero es posible que no desee usarla en todo su contenido (o incluso en absoluto).

Mientras que una barra lateral ciertamente le da más espacio para poner”cosas”, tener más”cosas” no siempre es algo bueno, y quitar la barra lateral de su sitio le da a su sitio una apariencia limpia y libre de distracciones.

O, puede que quieras quitarlo por otras razones – no estoy tratando de meterme en tu cabeza, ¡solo quiero ayudarte a quitar la barra lateral de tu sitio WordPress!

Para ayudarte a hacer eso, te mostraré cómo hacer algunas cosas diferentes. Aprenderás a…

  • Elimina la barra lateral de WordPress para páginas específicas, con un simple plugin o con tu propio código.
  • Elimina la barra lateral de WordPress para todo tu sitio, con tu propio código.
  • Mostrar una barra lateral diferente para contenido diferente con un plugin (esto es una especie de bono porque no está eliminando técnicamente su barra lateral).

Esto es un montón de ventajas de quitar la barra lateral – ¡hagámoslo de una vez!

Una manera rápida y sencilla de ocultar la barra lateral – Considere esto primero

Después de esta sección rápida, voy a cubrir las formas de eliminar realmente la barra lateral de WordPress. Sin embargo, quiero empezar con esta pequeña solución porque es súper simple, y puede que te lleve a donde necesitas estar sin ningún esfuerzo extra.

Básicamente, en lugar de eliminar la barra lateral, puedes eliminar todos los widgets de la barra lateral yendo a Apariencia → Widgets y eliminando todos los widgets:

Ahora bien, no es perfecto porque la barra lateral podría ocupar “espacio”. Pero oculta cualquier contenido de la barra lateral. Y si eso es todo lo que buscas, este enfoque está muy bien.

¿No es suficiente? ¿Quieres eliminar realmente la barra lateral en WordPress o sólo eliminar la barra lateral para determinados contenidos? Sigue leyendo!

Cómo quitar WordPress Sidebar para piezas específicas de contenido

Si desea poder ocultar su barra lateral página por página, hay algunos métodos diferentes que puede utilizar.

Primero, puedes hacerlo con un plugin, que es lo que recomiendo para la mayoría de la gente porque es gratis y simple. O, también puedes hacerlo con tu propio código si esa es tu velocidad.

Compruebe si su tema ofrece primero plantillas de ancho completo

Antes de buscar una solución de terceros, muchos temas le permiten ahora eliminar la barra lateral después de cada publicación con funciones incorporadas.

Así que – comprueba eso antes de hacer cualquier otra cosa. Por ejemplo, GeneratePress, el tema que usamos aquí en WPLift, te permite desactivar la barra lateral para cualquier contenido con la marca de una casilla:

Muchos otros temas que están diseñados para combinarse con los creadores de páginas ofrecen una funcionalidad similar.

Utilice un plugin gratuito para eliminar su barra lateral en cierto contenido

La forma más sencilla de eliminar la barra lateral de tu sitio página por página es con el plugin gratuito Fullwidth Templates for Any Theme & Page Builder de Brainstorm Force, los creadores del popular tema de Astra.

Este plugin básicamente agrega una plantilla de ancho completo a cualquier tema. No hay nada que configurar – sólo tiene que instalar y activar el plugin.

A continuación, puede utilizar el menú desplegable Publicar atributos o Atributos de página y seleccionar FW No Sidebar para crear contenido de ancho completo sin barra lateral (el plugin también incluye otras plantillas que pueden ocultar el encabezado y otros contenidos):

Y eso es todo lo que hay que hacer! Súper simple, ¿verdad?

Cree su propia plantilla de ancho completo con código

Si eres masoquista, o simplemente no te gusta usar plugins por alguna razón, también puedes crear manualmente tu propia plantilla de ancho completo para eliminar tu barra lateral página por página.

Para la mayoría de la gente, realmente recomendaría seguir con el plugin de arriba, así que mantendré este tutorial a un nivel bastante alto:

  • Conéctese a su sitio WordPress a través de FTP
  • Navegar a …/wp-content/themes/your-theme-name
  • Editar el archivo page.php

 

  • Cree un nuevo archivo en su escritorio llamado full-width.php
  • Copiar el contenido de page.php al nuevo archivo full-width.php
  • Añada el siguiente fragmento de código después de la etiqueta <?php de apertura

/*
Nombre de
la plantilla
:

Plantilla de ancho completo*//

  • Busca y elimina este fragmento de código del archivo full-width.php – <?php get_sidebar(); ?>
  • Sube el archivo full-width.php a la carpeta del tema de tu hijo a través de FTP

Luego, podrás usar la plantilla de ancho completo a través del menú desplegable Atributos de página, tal como lo viste con el plugin.

También puede hacer algo similar para crear una plantilla de ancho completo para los mensajes.

*Tenga en cuenta que a veces las cosas se complican un poco más porque su tema pone la etiqueta get_sidebar() en un archivo diferente (normalmente en la carpeta “template-parts”). Si ese es el caso, realmente recomiendo ir con el plugin ya que es mucho más simple.

Cómo quitar WordPress Sidebar para todo el sitio

Vale, digamos que realmente odias la barra lateral de tu sitio de WordPress. No sólo quieres deshabilitarlo en páginas específicas, sino que quieres deshacerte de él en todo tu contenido.

En ese caso, básicamente vas a hacer lo que te mostré en el método de código manual desde arriba, pero para la plantilla por defecto (es decir, en lugar de crear una plantilla separada que se aplica página por página).

Como ese método, esto requerirá un poco de conocimiento del código si quieres hacerlo.

Paso 1: Eliminar <?php get_sidebar(); ?>

Para empezar:

  • Conéctese a su sitio WordPress a través de FTP
  • Navegar a …/wp-content/themes/your-theme-name
  • Editar single.php

Luego, necesita encontrar y eliminar este código <?php get_sidebar(); ?>:

A continuación, repita el proceso para otros archivos que pueden incluir una barra lateral. Los archivos comunes serían index.php, page.php, etc.

Paso 2: Corregir CSS para crear contenido de ancho completo

Después del paso anterior, la barra lateral debería haber desaparecido. Sin embargo, el contenido se pegará y actuará como si hubiera una barra lateral cuando se trata del diseño, lo que puede llevar a algunas situaciones incómodas como ésta:

Para solucionarlo, necesitarás usar algún CSS personalizado. Desafortunadamente, no puedo darte el código exacto porque es diferente para cada tema.

Pero básicamente, usted querrá que el ancho del área de contenido principal sea del 100%. Por ejemplo, esto es lo que se hace con el tema por defecto Twenty Seventeen:

Y aquí está el código exacto que usé:

.has-sidebar:not(.error404) #primario {ancho
: 100%; }

Si tiene dificultades para saber qué CSS utilizar en su sitio, es posible que desee probar un servicio de pago como WP Kraken.

Cómo mostrar diferentes barras laterales de WordPress para diferentes contenidos

Por último, tal vez en lugar de eliminar la barra lateral, sólo quieras mostrar barras laterales diferentes para contenido diferente.

Por ejemplo, tal vez quieras una barra lateral grande y llena de anuncios para algunos contenidos, y luego una barra lateral minimalista para otros.

Eso es totalmente posible de hacer. De hecho, escribimos un post entero sobre el tema. Si quieres saber más, consulta nuestro post sobre cómo usar diferentes barras laterales de WordPress para diferentes tipos de contenido.

También puedes usar esto para mostrar una barra lateral en blanco (sin widgets) para cierto contenido, lo que también puede llevarte al mismo lugar que estos otros métodos.

Reflexiones finales

Para la forma más sencilla de eliminar la barra lateral de su sitio WordPress, puede intentar eliminar todos los widgets o puede utilizar el plugin gratuito Plantillas de ancho completo para cualquier tema y generador de páginas para obtener acceso a una plantilla de ancho completo que puede utilizar después de cada publicación o página por página.

Si desea eliminar su barra lateral en todo el sitio o simplemente prefiere un enfoque más manual, también puede eliminar cualquier mención de <?php get_sidebar(); ?> de los archivos de su tema o crear una plantilla personalizada sin este fragmento, aunque es posible que necesite agregar algunos CSS personalizados para limpiar las cosas más adelante.

¿Tienes alguna otra pregunta sobre cómo eliminar u ocultar la barra lateral de WordPress? Háganoslo saber en los comentarios!