Recorre un sitio POM Theme desde los ajustes hasta el frontend

Este recorrido sigue una página visible a través de las interfaces de POM Theme que pueden influir en ella. Úsalo después de la instalación cuando quieras entender el producto antes de configurar un proyecto completo.

POM Theme usa Settings → POM Theme en lugar del Personalizador de WordPress para sus ajustes compartidos actuales.

Empieza con una página publicada

Elige una página pública sencilla que tenga:

• un título;
• texto de cuerpo;
• una imagen;
• un botón o enlace;
• un lugar en el menú principal.

Ábrela en una ventana del navegador sin iniciar sesión y mantén esa URL disponible. El recorrido distinguirá el registro de contenido, la composición de la página y el marco compartido que la rodea.

1. Identifica el registro de contenido

Abre la página en el editor normal de WordPress.

El registro es dueño de su título, estado, imagen destacada, autor, términos y otros datos de WordPress. Cuando el acceso al Page Builder está habilitado para el rol y el tipo de contenido, la misma pantalla también expone las filas, columnas y componentes compuestos almacenados para esa página.

Cambia un fragmento inofensivo del texto de la página, actualiza la página y confirma que solo cambia el contenido de esa página. Revierte el texto si el recorrido se está realizando en un sitio ya establecido.

2. Inspecciona el sistema de diseño

Abre Settings → POM Theme → Design system.

Visita:

• Theme preview
• Brand
• Color palette
• Fonts
• Buttons
• General styles

Estas son decisiones compartidas. Un cambio en la paleta o en un botón puede afectar a muchas salidas del tema y del builder, así que inspecciona en lugar de guardar un cambio salvo que el propietario del sitio lo haya aprobado.

3. Sigue el marco persistente

Abre Settings → POM Theme → Site layout y compara el Header, la Mobile navigation, el Subheader, las Breadcrumbs y el Footer configurados con la página pública.

Luego abre Appearance → Menus → Manage Locations. Los ajustes del tema deciden qué estructuras de cabecera están activas; las ubicaciones de menú de WordPress deciden qué menú se inserta en ellas.

Esto explica una discrepancia habitual: cambiar la asignación de un menú no puede cambiar el diseño de cabecera seleccionado, y cambiar el diseño de cabecera no crea ni rellena un menú de WordPress.

4. Encuentra la capa de plantillas

Abre Settings → POM Theme → Templates.

La página elegida para este recorrido puede usar su contenido normal de Page Builder, pero los archivos, feeds, registros individuales, resultados de búsqueda, el blog, los autores y los tipos de contenido personalizados aptos pueden usar ajustes de plantilla compartidos o plantillas POM HTML.

Abre una vista de archivo o individual que utilice el sitio y pregúntate:

• ¿Qué registro de contenido proporciona los valores?
• ¿Qué plantilla decide su disposición repetida?
• ¿Qué ajustes de Site layout envuelven el resultado?
• ¿Qué valores del Design system le dan estilo?

No edites una plantilla para corregir un valor de contenido incorrecto.

5. Observa cómo aparecen los sistemas opcionales

Vuelve a las pestañas principales de ajustes de POM Theme:

• Content model añade contenido estructurado, campos, consultas, contextos de búsqueda y reglas de permisos.
• Forms activa y da estilo al sistema de formularios de POM; los formularios individuales viven entonces bajo el menú separado Forms.
• E-Commerce configura la presentación de WooCommerce por parte de POM y sus mejoras opcionales.
• Integrations conecta servicios externos compatibles.
• Advanced contiene controles de código, rendimiento y compatibilidad pensados para administradores.

Muchos ajustes opcionales tienen un control de activación. Su configuración o su interfaz dependiente puede aparecer solo después de activar y guardar el ajuste.

6. Observa las anulaciones locales

Vuelve al editor de la página elegida e inspecciona sus ajustes específicos de POM. El contenido individual puede anular comportamientos globales seleccionados de cabecera, subcabecera, migas de pan, pie, hoja de estilos, script, plantilla o CSS crítico donde se ofrecen esos controles.

Si la página pública difiere del ajuste global del tema, comprueba la anulación a nivel de contenido antes de cambiar el valor global para todo el sitio.

7. Revisa el frontend de forma deliberada

Abre la página:

1. Sin iniciar sesión con un ancho de escritorio.
2. Sin iniciar sesión con un ancho móvil.
3. Con la sesión iniciada como el editor previsto.
4. Con navegación por teclado.

Identifica qué capa es dueña de cada parte visible. Confirma que la navegación móvil es utilizable, que el orden de los encabezados es comprensible, que la imagen tiene texto alternativo apropiado y que la acción principal tiene un estado de enfoque claro.

Qué deberías saber después del recorrido

Has completado el recorrido cuando puedas responder:

• ¿Dónde está almacenada la información?
• ¿Su disposición es única de una página o la comparte una plantilla?
• ¿Su apariencia se hereda del Design system?
• ¿El Site layout posee la estructura circundante?
• ¿Una anulación local de contenido está cambiando el resultado global?
• ¿Se requiere una función o integración opcional?

A continuación, usa Elige tu ruta de aprendizaje de POM Theme o empieza la lista de comprobación del primer sitio.