Crea un sitio de folleto
Esta receta crea un pequeño sitio público para una empresa, un profesional o una organización. El resultado es un conjunto coherente de páginas de servicios con una navegación clara, llamadas a la acción reutilizables y una ruta de contacto operativa.
Antes de empezar
Prepara la lista de páginas aprobada, los activos de marca finales, el texto de los servicios, las páginas legales, el destino de contacto y una persona responsable de las consultas. Trabaja en un entorno de pruebas.
Una estructura mínima útil es Inicio, Servicios, Acerca de, Contacto, Política de privacidad y cualquier página legalmente obligatoria.
1. Establece el diseño compartido
- Ve a Settings → POM Theme → Design system.
- Configura los activos de marca, la paleta de colores global, la tipografía, los estilos de botones, los iconos y los componentes compartidos.
- Abre la vista previa del tema y comprueba encabezados, párrafos, botones y enlaces reales.
- Elimina las decisiones de color o tipografía a nivel de página que deberían ser globales.
Resultado esperado: una página nueva puede usar la marca sin recrear estilos.
2. Configura la estructura del sitio
- Configura Settings → POM Theme → Site layout.
- Crea el comportamiento del encabezado para escritorio y móvil.
- Asigna la navegación principal en Appearance → Menus.
- Configura el pie de página e incluye una navegación duradera de contacto y legal.
- Verifica las opciones de encabezado fijo o transparente frente a la primera sección de cada página.
3. Crea una página representativa
- Ve a Pages → Add New.
- Abre Page Builder → Backend Editor.
- Crea filas y columnas para el encabezado de la página, la explicación del servicio, la prueba y la siguiente acción.
- Usa componentes semánticos Title, Text Block concisos, imágenes y Button.
- Previsualiza por debajo de 992 px, 768 px y 544 px.
- Publica solo después de que el orden del contenido siga siendo lógico sin el diseño de escritorio.
Usa la página aprobada como patrón para las páginas restantes. Reutiliza secciones intencionadas en lugar de duplicar una página terminada y dejar atrás contenido obsoleto.
4. Añade la ruta de consultas
Crea un formulario de contacto desde Forms, con solo los campos necesarios para responder. Configura su acción de correo electrónico, validación, confirmación, cláusula de privacidad y protección contra spam. Colócalo en Contacto y enlaza cada llamada a la acción relevante a esa ruta.
Envíalo sin iniciar sesión y confirma el destinatario, el comportamiento de Reply-To, el mensaje, el texto de privacidad y el estado de éxito.
5. Revisión de lanzamiento
Comprueba la navegación, las etiquetas de la página actual, los encabezados, los destinos de los enlaces, las imágenes que faltan, los formularios, los enlaces legales, el foco del teclado, el contraste, el diseño en teléfono y el rendimiento. Abre el recorrido completo en un navegador privado para que el estado de administrador no oculte un problema público.