Configura y revisa tu primer sitio POM
Usa esta lista de comprobación después de instalar y licenciar POM Theme. Su propósito es generar una muestra representativa y revisable del sitio antes de que crees cada página o importes un conjunto amplio de contenido.
Elige un sitio de pruebas y una página que contenga navegación real, encabezados, texto del cuerpo, una imagen, un botón y un formulario u otra acción principal cuando el proyecto la necesite.
1. Confirma los cimientos
- POM es el tema activo.
- El servidor cumple el mínimo de PHP indicado en los metadatos del tema.
- WordPress y POM Theme están actualizados para el proyecto.
- Settings → POM Theme → License muestra una conexión válida.
- El título del sitio, la URL pública, el idioma, la zona horaria, los enlaces permanentes y el correo del administrador son correctos.
- Existe una copia de seguridad actual o una instantánea de pruebas recuperable.
No empieces copiando contenido de producción a una instalación cuyas decisiones de URL, idioma o enlaces permanentes sigan siendo provisionales.
2. Establece el lenguaje visual compartido
Abre Settings → POM Theme → Design system y configura solo los valores necesarios para la página representativa:
- Añade los recursos de marca principales en Brand.
- Define la Color palette de trabajo.
- Configura las Fonts necesarias.
- Crea los Buttons predeterminados y los adicionales.
- Revisa General styles y los estilos de componentes que utiliza la página.
- Guarda y usa Theme preview para detectar incoherencias globales evidentes.
Prefiere un sistema pequeño y con nombre frente a muchas opciones casi idénticas. El objetivo es demostrar la herencia, no terminar todos los estilos posibles.
3. Construye el armazón persistente
Abre Settings → POM Theme → Site layout:
- Selecciona y configura el Header.
- Configura la Mobile navigation de forma independiente.
- Decide si el sitio usa un Subheader y Breadcrumbs.
- Configura el Footer.
- Activa el panel de contacto o las barras laterales personalizadas solo cuando el proyecto los requiera.
- Guarda antes de asignar ubicaciones de menú condicionales.
Luego abre Appearance → Menus → Manage Locations y asigna solo las ubicaciones que utiliza la configuración de cabecera seleccionada. Añade los widgets del pie de página o de la barra lateral en Appearance → Widgets donde se requieran.
4. Demuestra una página en el constructor
Crea o edita la página representativa y usa el POM Page Builder cuando esté activado para tu perfil y tipo de contenido.
- Construye una estructura clara de filas y columnas.
- Usa encabezados y texto del cuerpo con una extensión realista.
- Añade medios optimizados con texto alternativo significativo cuando la imagen transmita información.
- Aplica las opciones globales de paleta y botones en lugar de recrearlas localmente.
- Configura el comportamiento del componente en móvil y tableta.
- Previsualiza el frontal sin haber iniciado sesión.
Comprueba que el orden del teclado sigue el orden visual de lectura y que la acción principal sigue siendo comprensible sin depender solo del color.
5. Añade solo los sistemas que la página necesita
- Si la página recopila datos, activa Settings → POM Theme → Forms → General, crea el formulario en Forms y completa un envío real.
- Si muestra registros estructurados, define el content model antes de crear registros de producción.
- Si repite la presentación de registros, crea y asigna la dynamic template correspondiente.
- Si los visitantes filtran registros, configura el faceted-search context después de que el modelo de contenido y la plantilla de resultados estén estables.
- Si forma parte de una tienda, mantén los datos de productos y comercio en WooCommerce y configura solo las funciones de presentación de POM necesarias.
Deja desactivados los sistemas opcionales que no se usen. Una superficie activa más reducida es más fácil de revisar y mantener.
6. Revisa la muestra representativa
Comprueba la página:
- sin haber iniciado sesión y con cada perfil autenticado relevante;
- en anchos de móvil estrecho, tableta, portátil y escritorio ancho;
- con navegación solo por teclado;
- con encabezados largos, medios opcionales ausentes y errores de formulario realistas;
- en todos los idiomas activados;
- con las cachés omitidas o actualizadas deliberadamente después de que los ajustes de origen estén definitivos.
Abre también una página 404, un resultado de búsqueda y una vista de archivo o individual que el proyecto vaya a usar. Revelan lagunas globales de plantilla que una página de destino no puede mostrar.
Resultado del primer sitio
Estás listo para ampliar el sitio cuando:
- otro editor puede identificar dónde se gestiona cada decisión visible;
- la página representativa hereda el sistema de diseño global;
- la navegación de escritorio y la móvil funcionan;
- la acción principal del visitante se completa correctamente;
- los sistemas opcionales tienen un responsable con nombre y un motivo para estar activados;
- ningún comportamiento crítico para el lanzamiento depende de contenido provisional.
Continúa con los capítulos correspondientes del documentation map. Usa la production launch checklist solo después de que el sitio completo esté montado.