Ancho del sitio y contenedores
POM Theme no tiene un único control de «ancho del sitio» que sustituya todas las demás decisiones de diseño. El ancho se resuelve en varios niveles: el sitio completo puede estar encajonado, las áreas de marco individuales pueden usar contenido a ancho completo, las plantillas pueden elegir variantes con contenido contenido o a ancho completo, y las filas de Page Builder pueden controlar su propio contenido interior.
Elige el comportamiento más externo
Abre Settings → POM Theme → Design system → General styles y revisa Boxed layout. Activarlo coloca todo el sitio dentro de un contenedor; dejarlo desactivado permite que el marco del sitio use el área de visualización con normalidad.
Usa este ajuste solo cuando todo el diseño requiera una presentación encajonada. Es más amplio que un artículo contenido o una única fila de maquetador a ancho completo.
Decide el ancho en la capa correcta
| Requisito | Ajuste que debes usar |
|---|---|
| Colocar el sitio completo dentro de un contenedor exterior | Design system → General styles → Boxed layout |
| Dejar que el contenido de la cabecera de escritorio abarque el ancho disponible | Site layout → Header → Header general settings. → Full-width header |
| Dejar que una fila del pie de página abarque el ancho disponible | Site layout → Footer → Footer general settings. → Make the content in row N full-width? |
| Eliminar las barras laterales pero mantener contenido el archivo o el artículo individual | Elige la opción de ancho contenido compatible en esa sección de contenido |
| Eliminar las barras laterales y usar el ancho de plantilla más amplio | Elige la opción compatible de ancho completo o sin contenedor |
| Extender una sección de página manteniendo su contenido alineado | Configura esa fila de Page Builder |
Las etiquetas de diseño exactas varían según el tipo de contenido. Por ejemplo, los archivos de entradas ofrecen None (Full width) y None (Contained width), mientras que los artículos individuales distinguen entre Without container, Container y Narrow container en su diseño de barra lateral.
Mantén la alineación deliberada
Una cabecera ancha, un artículo contenido y un pie de página a ancho completo pueden ser una combinación válida, pero sus bordes interiores deben seguir alineándose de forma intencionada. Compara el logotipo, el título de la página, el texto del artículo, la barra lateral y los widgets del pie de página con el mismo ancho de área de visualización.
Si un área parece inesperadamente estrecha, identifica qué capa la controla antes de cambiar el espaciado:
- Comprueba Boxed layout.
- Comprueba el control de ancho completo de la cabecera o del pie de página correspondiente.
- Comprueba el diseño del archivo o del contenido del artículo individual.
- Comprueba los ajustes de la fila y las columnas de Page Builder.
- Solo entonces ajusta el espaciado local.
Comprobación responsive
No asumas que una disposición de columnas de escritorio seguirá siendo adecuada en móvil. Las filas del pie de página tienen un ajuste independiente All columns width for footer row N on mobile, y la navegación móvil tiene sus propios ajustes de panel. Las barras laterales de las plantillas también deben comprobarse en anchos reducidos.
El resultado esperado es una jerarquía de anchos deliberada: área de visualización o sitio encajonado, contenedor del marco, contenedor de la plantilla y, después, el contenido del maquetador. Usa la lista de comprobación del diseño responsive para verificar la jerarquía completa.