Crear y asignar barras laterales

Una barra lateral es un área de widgets de WordPress registrada. POM Theme siempre proporciona Main sidebar y Secondary sidebar y te permite añadir barras laterales personalizadas con nombre para necesidades de contenido recurrentes.

Los títulos de widgets que usan el contenedor de títulos del tema son encabezados de nivel dos (h2) en las áreas de widgets principal, secundaria, personalizada y de pie de página. Da a cada widget un título conciso que describa su contenido para que los visitantes puedan encontrarlo mediante la navegación por encabezados.

Ajustes de barras laterales personalizadas

Crear una barra lateral personalizada

  1. Abre Settings → POM Theme → Site layout → Sidebars → Custom sidebars.
  2. En Custom sidebars, selecciona Add sidebar.
  3. Introduce un Sidebar name único que describa su propósito público, como «Article resources».
  4. Añade y reordena cualquier barra lateral adicional.
  5. Guarda los ajustes del tema.
  6. Abre Appearance → Widgets.
  7. Añade widgets a la zona recién registrada.

Cuando existe al menos una barra lateral personalizada, POM Theme también registra Before default sidebar y After default sidebar. Los widgets colocados ahí se muestran alrededor del área de barra lateral principal seleccionada. Úsalos solo para contenido que deba acompañar a cada barra lateral predeterminada o personalizada seleccionada.

Añade widgets a la barra lateral registrada

Asignar una barra lateral a un diseño

Crear un área de widgets no la muestra por sí sola. Abre la sección de POM Theme para el contenido de destino y selecciona su diseño de barra lateral y la barra lateral registrada.

Las secciones compatibles incluyen:

  • Archivos de entradas y entradas individuales
  • Archivos de autor
  • Resultados de búsqueda
  • Diseños individuales y de archivo para tipos de contenido personalizados configurados
  • Archivos de productos y productos individuales cuando WooCommerce está activo

Según la sección, las opciones de diseño pueden incluir izquierda, derecha, ambas, contenido sin barra lateral o ancho completo sin barra lateral. Un diseño de dos barras laterales usa Secondary sidebar como segunda área.

Apariencia de Commenti recenti

El clásico widget de Recent Comments usa automáticamente los estilos de widgets de POM. Los enlaces de autor y de entrada permanecen en línea y heredan la presentación de enlaces del tema. POM suprime la regla en línea redundante de WordPress, por lo que no se necesita ninguna opción de POM Tweaks ni una hoja de estilos adicional.

Esto se aplica al widget clásico en las áreas de barra lateral y de pie de página. Los bloques de comentarios nativos, los formularios de comentarios y las respuestas encadenadas conservan sus estilos y scripts requeridos. Comprueba el widget en una página pública y prueba sus enlaces con el teclado. Al cambiar su presentación mediante CSS personalizado, mantén los selectores limitados a ese widget.

Aplicar el comportamiento fijo de forma selectiva

Los controles de fijación están disponibles solo en los diseños que los exponen, incluidas las entradas individuales y los diseños de WooCommerce. Activa la fijación después de que el contenido del widget esté finalizado: una barra lateral más alta que el área de visualización puede dificultar la navegación por la página.

En escritorio, una barra lateral fija permanece debajo de la parte visible de una cabecera fija. Si Auto hide header on scroll está activada, la barra lateral reutiliza el espacio liberado mientras la cabecera está oculta y vuelve a situarse debajo de la cabecera cuando esta regresa.

En los diseños de página ordinarios, la barra lateral permanece anclada al área de visualización una vez alcanza el borde fijo, manteniendo el ancho de su columna y su espacio original en la página. Se libera al final de la columna de contenido adyacente. Las barras laterales dentro de filas fijas, contenedores transformados o diseños controlados por animaciones de desplazamiento conservan el comportamiento de posicionamiento de su diseño contenedor.

Las barras laterales más altas que el área de visualización siguen la dirección del desplazamiento para que su contenido superior e inferior siga siendo accesible. Los cambios de tamaño del contenido y de las columnas hermanas actualizan el límite fijo. En anchos de 768 px o menos, la barra lateral vuelve a su diseño normal; al volver a ampliar a escritorio se restaura el comportamiento fijo usando las dimensiones actuales.

Verificar la asignación

  1. Abre una URL pública representativa del tipo de contenido configurado.
  2. Confirma que el área de widgets esperada aparece en el lado seleccionado.
  3. Si Both está seleccionada, confirma que el área secundaria también aparece.
  4. Comprueba que el contenido de Before default sidebar y After default sidebar es intencionado.
  5. Revisa la página en anchos de escritorio, tableta y móvil.
  6. Prueba el comportamiento fijo tanto en una página corta como en una larga, desplazándote hacia abajo y de vuelta hacia arriba con el estado de cabecera configurado.
  7. Expande cualquier acordeón de la barra lateral y continúa hasta el final del contenido adyacente. Confirma que la barra lateral permanece dentro de ese límite de contenido y no cubre la sección siguiente.

Barra lateral asignada en el sitio público

Si falta una barra lateral personalizada en un selector, guarda Custom sidebars. primero y recarga la sección de ajustes de destino. Si la barra lateral es visible pero está vacía, añade sus widgets en Appearance → Widgets.