[Actualizado Noviembre 2019] ¿Quieres estar al día sobre cómo evoluciona Genesis Framework tras la incorporación del nuevo editor de bloques (Gutenberg) en WordPress?
Aquí tienes la presentación que sobre todas las novedades (y el futuro) de Genesis que di en el Primer Evento #GenesisBCN el pasado 23-11-2020:
¿Prefieres leer?
Aquí tienes un resumen:
Últimas novedades de Genesis Framework
Estas son las novedades más importantes que han llegado a Genesis durante el 2019:
- Cambio de paradigma en la construcción de las Home
- Integración con el editor de bloques (Atomic Blocks)
- Configuración guiada (Genesis onboarding) (2.8)
- Personalizar créditos del footer desde el personalizador de WordPress (3.1)
- Nueva sidebar en el editor (quitar título, migas de pan e imágenes) (3.1)
- Soporte para Open Graph (3.2)
- Soporte para «lazy loading» de imágenes (3.2)
Pero como esto es algo que cambia (casi) cada día, te invito a consultar la «chuleta» que me hago a mí mismo con las últimas actualizaciones de Genesis.
Vamos a verlas una a una.
Genesis Framework en la era Gutenberg: de widgets a bloques
Hasta finales de 2018 todos las páginas principales o homes de los temas de Genesis estabas creados con widgets.
Pero en cuanto llegó WordPress 5.0 hubo un cambio de paradigma.
¿Qué ocurrió?
Que a partir de ese momento los nuevos child themes de Genesis empezaron a construirse con homes creadas a partir de bloques (no widgets).
La ventaja de esto es que puedes maquetar la home como una página más y, por lo tanto, utilizar cualquiera de los cientos de bloques que ya tienes a tu disposición en el editor y el repositorio de WordPress (de terceros).
Genesis Framework adquiere Atomic Blocks
Y si todo comienza a ser cuestión de bloques, ¿qué hizo WP Engine (la empresa que hay detrás de Genesis Framework y StudioPress)?
¡Comprar Atomic Blocks!
Esto fue vital, ya que Atomic Blocks es una colección de bloques que te permite expandir la posibilidades de los bloques nativos de WordPress: grid de posts, tablas de precios, cajas de autor, columnas y bloques avanzados…
Configuración guiada (Genesis onboarding)
Otras de las mejoras más significativas fue la implementación de la configuración guiada o Genesis onboarding a partir de la versión 2.8:
Los temas pueden ofrecer la posibilidad de dejarlos como en la demo con un solo clic.
¿Exactamente como en la demo?
Sí, porque puedes cargar:
- Páginas (Home, About, Contact…)
- Menús
- Imágenes
- Contenido (HTML del editor de bloques)
¿Cómo puedes implementar este efecto como desarrollador?
Dentro de la carpeta /config/ hay una carpeta llamada /import/ dentro de la cual puedes añadir el contenido que quieres que se importe al activar el tema.
En estos tutoriales (solo para suscriptores) te cuento:
- Cómo añadir la configuración guiada a tu child theme paso a paso »
- Cómo añadir más páginas a tu configuración guiada »
- Cómo agregar plugins a instalar en tu configuración guiada »
- Y cómo eliminar la configuración guiada de tu child theme cuando ya no la necesitas »
Y aquí tienes algunos de los temas que ya tienen esta funcionalidad incorporada:
- Genesis Sample
- Authority Pro
- Essence Pro
- Monochrome Pro
- Revolution Pro
- Magazine Pro
- Navigation Pro
- Hello! Pro 3 (Brand ID)
- Agent Focused Pro (Winning Agent)
- Course Maker Pro (Brand ID)
- Splendor (Restored316)
- Recipe Blogger (Anchored Design)
Migración de ajustes de Genesis al personalizador de WordPress
A finales del 2018 también empezaron a migrar muchos de los ajustes de Genesis al personalizador de WordPress, en concreto a la pestaña «Ajustes del tema» del personalizador, como por ejemplo:
- Modificar créditos del footer (3.1)
- Modificar meta información (3.2)
- Fecha, autor…
- Etiquetas y categorías
- Imagen destacada (3.2)
Genesis y SEO: soporte para Open Graph
Otra de las mejoras que ha puesto en marcha Genesis es la habilitación del ajuste Open Graph (activable desde el personalizador).
Esta opción te permite prescindir de plugins de terceros como Yoast o similares, ya que incluye en el Framework una sección de ajustes para establecer:
- Título SEO,
- metadescripción,
- palabras clave
- indexación,
- follow
- y archivado.
Genesis Framework cuenta ahora con una sección en la sidebar del editor de bloques desde la que puedes ocultar el título de la página o post, eliminar las migas de pan, decidir si quieres mostrar la imagen destacada y elegir el diseño de estructura de plantilla; además de añadir clases personalizadas.
Conclusiones
Genesis Framework ha sabido adaptarse a la llegada del editor de bloques con:
- Páginas principales creadas con bloques (no widgets)
- Ajustes de Genesis en el personalizador de WordPress o la sidebar
- Habilitar la opción de dejar los temas como en la demo con 1-clic
- Dar un mayor control del usuario final
- Otras funcionalidades (Open Graph, lazy-loading…)
Y, lo mejor de todo, es que esto no ha hecho más que empezar. 😉
Recursos de Genesis Framework
Código Genesis es el lugar perfecto para sacarle partido a Genesis Framework, una biblioteca de tutoriales guiados en español para personalizar tus temas, soporte para dudas y snippets a medida.
O lo que es lo mismo, ¡pide por esa boca!