Para ver el vídeo de la píldora antes debes unirte a la comunidad
Lo que vas a aprender:
- Crear Landing Pages sin Programar: Aprende a usar bloques de WordPress y el plugin GenerateBlocks para diseñar páginas de aterrizaje efectivas sin necesidad de escribir código.
- Estructura Clave para Landing Pages: Descubre la estructura recomendada, incluyendo cabecera, problemas del usuario, beneficios, equipo, testimonios y preguntas frecuentes.
- Optimización de Imágenes y Recursos: Utiliza herramientas como TinyPNG para comprimir imágenes y Canva para crear elementos visuales personalizados.
- Diseño Responsivo y Jerarquía: Ajusta el diseño para diferentes dispositivos y mantén una jerarquía lógica en los encabezados para mejorar la navegación y el SEO.
- Personalización y Publicación: Personaliza estilos, colores, y URLs antes de publicar tu landing page en WordPress, asegurando una presentación profesional y efectiva.
Enlaces mencionados:
- GenerateBlocks para añadir los bloques que nos permiten crear la landing page.
- Canva para crear tus imagenes al tamaño adecuado.
- FontAwesome para fuentes de iconos.
- Emojipedia para los emojis.
- TinyPNG para comprimir imágenes antes de subirlas a la web.
- Color Hex para encontrar múltiples tonalidades de tu color de marca.
- Hipster Ipsum para generar texto dummy.
Mejora de estilos para el bloque de detalles (acordeón de las preguntas frecuentes):
.wp-block-details {
padding: 10px 20px;
border-radius: 8px;
}
.wp-block-details > *:not(summary) {
margin-top: 20px;
}