¿Qué es una barra lateral en WordPress?

Una barra lateral en WordPress es un área secundaria, normalmente una columna junto al contenido principal, con menús, una barra de búsqueda, entradas recientes o anuncios. En los temas clásicos es cualquier área de widgets que el tema registre, incluso en el encabezado o el pie de página; en los temas de bloques se arma dentro del editor del sitio.


WordPress

Más sobre las barras laterales

Una barra lateral (sidebar, en inglés) suele ser una sección vertical a la izquierda o a la derecha de la página, que agrupa menús y otros widgets útiles. Según tu tema, también puede aparecer en el encabezado o en el pie de página: en los temas clásicos, una barra lateral es técnicamente cualquier área de widgets que el tema registre, sin importar dónde la coloque. El nombre viene de la época en que las áreas de widgets ocupaban una columna a un costado del blog, y la mayoría de los temas muestra la misma barra lateral en todas las páginas y entradas.

Cómo editar la barra lateral en temas clásicos y de bloques

La forma de editar una barra lateral depende del tipo de tema. En un tema clásico, ve a Apariencia > Widgets en tu escritorio de WordPress (o a Apariencia > Personalizar > Widgets) y agrega, quita o reordena los widgets de cada área.

Los temas de bloques, que forman parte de WordPress desde la versión 5.9, lanzada en enero de 2022, no tienen pantalla de widgets: en su lugar usan bloques. Abre el editor del sitio en Apariencia > Editor y edita la barra lateral directamente en la plantilla correspondiente; la lección oficial de Learn WordPress la construye usando el bloque Columnas dentro de la plantilla de entrada individual. Nuestra entrada sobre el editor del sitio explica cómo funciona la edición de plantillas.

¿No sabes qué tipo de tema usas? Abre Apariencia en tu escritorio: si aparece la opción Widgets, tienes un tema clásico; si aparece Editor, tienes un tema de bloques.

Cuándo usar una barra lateral (y cuándo omitirla)

Usa la barra lateral para contenido secundario que les sirva a los visitantes recurrentes de un sitio con mucho contenido, por ejemplo:

Dos wireframes comparan el mismo diseño de página en escritorio y en celular. En escritorio, la barra lateral aparece como columna junto al contenido principal; en celular se apila debajo de todo el contenido, así que el visitante solo la alcanza después de desplazarse por toda la entrada.
  • Menús de navegación y enlaces a categorías
  • Entradas recientes o populares
  • Una barra de búsqueda
  • Perfiles de redes sociales
  • Un formulario de suscripción por correo
  • Anuncios

Omítela en las landing pages y otras páginas enfocadas en la conversión: un diseño de ancho completo concentra la atención en un solo llamado a la acción, y muchos temas de bloques modernos ya no la incluyen de forma predeterminada (la plantilla de entradas de Twenty Twenty-Two no trae una). Tampoco dejes nada crítico únicamente en la barra lateral: en celulares, la mayoría de los temas responsivos la acomoda debajo del contenido principal, así que quien te visita desde el teléfono solo la encuentra después de recorrer toda la entrada.

Frequently Asked Questions

¿Cómo quito la barra lateral en WordPress?

Depende de tu tema. En un tema clásico, borra los widgets en Apariencia > Widgets o desde el Personalizador (un área de widgets vacía normalmente desaparece del diseño), o elige una plantilla de ancho completo si tu tema la ofrece. En un tema de bloques, elimina la columna de la barra lateral en la plantilla correspondiente del editor del sitio.

¿Por qué la barra lateral aparece debajo del contenido y no a un lado?

En celulares suele ser intencional: los temas responsivos acomodan la barra lateral debajo del contenido principal. En una computadora, casi siempre indica código HTML mal formado (por lo general, una etiqueta div sin cerrar) o un conflicto de ancho en las hojas de estilo (CSS) después de un cambio de tema o de plugin. Nuestra [guía de 3 pasos para corregir la barra lateral debajo del contenido (en inglés)](https://www.dreamhost.com/blog/wordpress-sidebar-below-content-error/) te explica paso a paso cómo resolverlo.

¿Puedo mostrar una barra lateral diferente en cada página o entrada?

Sí, según tu tema. Algunos temas clásicos registran varias barras laterales u ofrecen opciones de diseño por página, y los plugins de visibilidad de widgets muestran u ocultan widgets individuales según condiciones. En los temas de bloques, cada plantilla puede tener su propia barra lateral: agrégala a la plantilla de entrada individual y las páginas quedan intactas.

Oferta especial
Hosting potente para WordPress
Disfruta de un hosting confiable y ultrarrápido, optimizado especialmente para WordPress. Haz clic para encontrar el plan perfecto para ti.