La evolución de WordPress hacia la edición del sitio completo

El editor de bloques cambió las reglas del juego para WordPress. La idea de que podemos crear bloques de contenido y organizarlos en forma de componentes significa que tenemos mucha flexibilidad en la forma de crear contenido, así como un montón de oportunidades para desarrollar nuevos tipos de contenido modular.

Pero están sucediendo muchas más cosas en el ecosistema de bloques desde la introducción inicial del editor. El año pasado, Dmitry Mayorov escribió sobre el surgimiento de variaciones de bloques y cómo brindar aún más flexibilidad al extender los bloques existentes para crear variaciones con estilo de los mismos.

Luego obtuvimos los patrones de bloques , o la capacidad de unir bloques para formar patrones reutilizables.

Entonces, eso significa que tenemos bloques , variaciones de bloques , bloques reutilizables y patrones de bloques . ¡Son muchas herramientas increíbles para diseñar diseños directamente en el editor!

Pero es posible que hayas oído que WordPress tiene planos para bloques que van más allá del editor de publicaciones. Están apuntando directamente a elementos globales (menús, encabezados, pies de página y demás) en un esfuerzo por establecer capacidades de edición de sitio completo (FSE) directamente en WordPress.

Vaya. Ciertamente no puedo hablar por todos los demás, pero mi mente inmediatamente piensa en lo que esto significa para los desarrolladores de temas. Quiero decir, ¿qué es un tema en el que las plantillas se diseñan en el editor en lugar del código? Me imagino que un tema se parece mucho a una colección de conchas que contienen muy poco marcadas. Y tal vez se dedica más desarrollo a la creación de bloques, patrones de bloques y variaciones de bloques para unir todo.

En realidad, ese es el caso y puedes probarlo ahora. Asegúrate de estar en WordPress 5.6+, luego instala el tema experimental TT1 Blocks y el complemento Gutenberg.

Al abrir el tema, en realidad son dos plantillas PHP, entonces, entienda esto, archivos HTML utilizados para plantillas de bloques y partes de plantillas de bloques.

Personalmente estoy totalmente comprometido en esta dirección. Incluso me atrevería a decir (mirando a Chris por encima del hombro) que CSS-Tricks también se ocupa de esto. Hicimos el cambio a bloques el año pasado y esto ha revitalizado nuestro amor por escribir publicaciones de blog como esta. (Honestamente, probablemente habría escrito algo como esto en el pasado primero con un editor de código y luego lo habría trasladado a WordPress con el editor clásico. Esa fue una mejor experiencia de escritura para mí en ese momento).

Si bien soy optimista con respecto a los bloques, sé que otros no lo son. De hecho, trabajo con muchas personas que (y lo digo amablemente) ignoran maravillosamente el editor de bloques. Desarrollar para el editor de bloques es un gran cambio mental y en este momento falta documentación al respecto. Las cosas todavía están en desarrollo activo y las iteraciones del editor de bloques vienen con cada nueva versión de WordPress. No puedo culpar a la gente por decidir esperar el próximo tren mientras las cosas se calman y los estándares evolucionan.

Pero, al mismo tiempo, es fiel al ahora infame consejo de Matt Mullenweg a los desarrolladores de WordPress en 2015: aprenda JavaScript en profundidad.

Estaba (y todavía estoy muy) entusiasmado con los bloques. La edición completa del sitio me asusta un poco, pero eso se debe principalmente a que traslada el concepto de bloques fuera del editor, donde recién ahora estoy empezando a tener una buena idea de ellos.

Independientemente de lo que signifique, lo que más espero es el lanzamiento oficial de un tema predeterminado que admita FSE. ¿Recuerdas la primera vez que abriste un tema de WordPress? Me maravillé con el marcado y pasé innumerables horas seleccionando líneas de código hasta que lo hice mío. Esa es la experiencia que espero la primera vez que abro el nuevo tema.

Hasta entonces, aquí hay un resumen de formas de mantenerse informado:

• Make WordPress Design: el manual enumera FSE como una de las prioridades actuales del equipo con una descripción general del proyecto. Se actualizó por última vez en mayo de 2020, por lo que no estoy seguro de qué tan actualizada está la información y si la página aún se mantiene.
• Cómo realizar la prueba FSE: instrucciones para configurar un sitio FSE localmente y participar en las pruebas.
• Repositorio de temas TT1: vea lo que se informa y el estado de esos problemas. Este es el lugar a tener en cuenta para el desarrollo del tema.
• Repositorio de complementos de Gutenberg: problemas informados para el complemento. Este es el lugar a tener en cuenta para el desarrollo de bloques.
• Repositorio de experimentos temáticos: consulte más temas que están experimentando con bloques y FSE.
• #fse-answers: una colección de respuestas a un montón de preguntas sobre FSE.
• #fse-outreach-experiment: canal de Slack para hablar sobre FSE.