AprenderWP

Sitio especializado en Wordpress para principiantes

  • Principiantes
  • Tutoriales
  • Plugins
  • Temas
  • Blog
    • Novedades
    • Showcase
    • Opiniones
AprenderWP » Temas » Cómo quitar la barra lateral en WordPress

Cómo quitar la barra lateral en WordPress

¿Desea eliminar la barra lateral de su sitio WordPress? Una barra lateral es el área lista para widgets en tu tema de WordPress. A menudo aparece a la derecha o a la izquierda o debajo del área de contenido en cada página. En este artículo, le mostraremos cómo quitar fácilmente la barra lateral en WordPress.

¿Por qué quitar la barra lateral en WordPress?

La mayoría de los temas gratuitos y de pago de WordPress vienen con múltiples barras laterales o áreas listas para widgets.

El propósito de las barras laterales en WordPress es mostrar elementos que no forman parte del contenido del mensaje o de la página. Por lo general, estos son enlaces a diferentes áreas de su sitio web, anuncios, formularios de registro en listas de correo electrónico, perfiles de medios sociales, etc. Estos elementos se pueden añadir fácilmente a la barra lateral de un tema utilizando widgets de WordPress.

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

Las barras laterales son inmensamente útiles y pueden ayudarle a hacer crecer su negocio. Vea estos trucos de barra lateral de WordPress para obtener los mejores resultados.

Sin embargo, algunos propietarios de sitios web creen que la eliminación de la barra lateral ayuda a mejorar la experiencia del usuario. Si quieres eliminar la barra lateral de tu sitio de WordPress, este tutorial es para ti.

Video Tutorial

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Cómo quitar las barras laterales de todas partes en WordPress

Este método le permite simplemente eliminar las barras laterales de cada página y publicar en su sitio de WordPress. Requiere que edites los archivos de temas de WordPress. Si no lo has hecho antes, consulta nuestra guía sobre cómo copiar y pegar código en WordPress.

Primero necesitas conectarte a tu sitio WordPress usando un cliente FTP y luego ir a la carpeta /wp-content/themes/your-current-theme/.

Los temas de WordPress se componen de diferentes plantillas, por lo que necesitará editar todas las plantillas donde se muestra una barra lateral.

Por ejemplo, en un tema típico de WordPress puede ser necesario editar index.php, page.php, single.php, archive.php, home.php, etc.

Abra un archivo de plantilla para editarlo y, a continuación, busque la línea que se parece a ésta:

1

Si el tema viene con varias barras laterales, verá diferentes instancias de este código con un nombre de barra lateral dentro de la función. Por ejemplo:

1

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

Ahora, guarde y suba el archivo de nuevo a su sitio web. Repita el proceso para todos los archivos de plantilla responsables de mostrar diferentes páginas en su sitio web.

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

Puede notar que mientras las barras laterales no están, su área de contenido sigue apareciendo con el mismo ancho, dejando el área de la barra lateral vacía.

Esto se debe a que el tema ha definido la anchura del área de contenido. Ahora que la barra lateral ha desaparecido, necesita ajustar el ancho del área de contenido añadiendo CSS personalizados a su tema.

Primero tendrá que calcular la clase CSS utilizada por su tema para definir el ancho del área de contenido. Puede hacerlo utilizando la herramienta Inspeccionar de su navegador.

Aquí está el ejemplo de CSS que usamos en nuestro sitio de demostración usando el tema Veintiséis.

12345678910.área de contenido { ancho: 100%; margen: 0px; borde: 0px; acolchado: 0px;} .content-area.site {margin:0px;}

Así es como se veía sin varillas:

Eliminación de barras laterales de páginas individuales en WordPress

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

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

Echemos un vistazo a los diferentes escenarios y a cómo quitar las barras laterales de las diferentes áreas.

Eliminación de barras laterales de una página estática en WordPress

Muchos temas de WordPress vienen con plantillas de página de ancho completo listas para usar. Estas plantillas se pueden utilizar con cualquier página estática en WordPress y no muestran barras laterales en ninguno de los lados del contenido.

Sólo tendrá que editar la página en la que desea eliminar la barra lateral y, a continuación, seleccionar la plantilla de ancho completo en el cuadro de metaAtributos de página.

Si no ve una opción para seleccionar una plantilla, esto significa que el tema no viene con una plantilla de página de ancho completo.

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

123456

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

Conéctese a su sitio WordPress usando un cliente FTP y luego vaya a la carpeta /wp-content/themes/your-current-theme/. Edite el archivo llamado page.php y copie todo lo que aparece después de la línea.

Ahora pegue este código en su archivo full-width.php. Después de eso, necesita localizar y borrar la línea que se ve así:

1

Guarde los cambios y suba el archivo full-width.php a su carpeta temática actual.

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

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

Quitar la barra lateral de la página de publicaciones del blog en WordPress

WordPress te permite usar una página de inicio estática y una página separada para tus entradas de blog. Normalmente, la mayoría de los temas de WordPress muestran barras laterales en la página de entradas del blog.

Si no desea mostrar barras laterales en la página de entradas del blog, debe ir a la página Configuración » Lectura . Fíjate en el nombre de la página que estás usando como página de entradas de tu blog.

Ahora ve a Páginas » Todas las páginas y edita la página utilizada para mostrar las entradas de tu blog. En la sección de atributos de página, seleccione una plantilla de ancho completo y guarde los cambios.

Si no ve una opción de plantilla de ancho completo, tendrá que crear manualmente una plantilla de ancho completo. Consulte la sección anterior de este artículo para obtener instrucciones detalladas.

Eliminar Sidebar de un único mensaje en WordPress

Si desea eliminar la barra lateral de determinados mensajes individuales, puede crear una plantilla de mensaje individual personalizada.

WordPress 4.7 viene con soporte incorporado para plantillas de postproducción. Tendrá que seguir los pasos descritos en nuestra guía para crear plantillas personalizadas de un solo mensaje en WordPress.

En su plantilla de correo individual personalizada, todo lo que necesita hacer es asegurarse de eliminar la parte de la barra lateral del código.

Esperamos que este artículo le haya ayudado a aprender a eliminar fácilmente la barra lateral de los temas de WordPress. También puedes ver nuestra guía paso a paso sobre cómo aumentar la velocidad y el rendimiento de WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Sobre mi

Mi nombre es Joaquin y llevo 12 años creando sitios web en wordpress. En este blog comparto todos mis conocimientos.

Necesito ayuda con ...


Empezar un
Blog

Optimizar
Wordpress

Seguridad
Wordpress

SEO
Wordpress

Errores
Worpdress

Crear una
Tienda Online
Política de Privacidad
Política de Cookies
Aviso Legal

Copyright © 2022 · AprenderWP