Cómo probar sus complementos con el futuro editor de Gutenberg

Uno de los beneficios de trabajar con WordPress es su madurez como plataforma. Sin embargo, la razón por la que se mantuvo tan relevante es la adaptabilidad del proyecto. Recientemente, se han dado grandes pasos en la dirección de pasar un nuevo editor llamado Gutenberg. Al igual que con cualquier cambio importante de software, querrá asegurarse de que los complementos y los temas existentes sean compatibles con este nuevo editor. Afortunadamente, el código para el editor de Gutenberg ahora está disponible como complemento público en el director de complementos WordPress.org. Esto significa que puede descargarlo e instalarlo para comprender cualquier problema importante de compatibilidad en sus proyectos de WordPress.
En este artículo, primero presentaremos el proyecto General Gutenberg. Luego le mostraremos cómo probar sus proyectos de WordPress y asegurarnos de que jueguen bien juntos. ¡Pongámonos a trabajar! Presentamos el complemento Gutenberg WordPress Editor

Gutenberg Plugin está disponible en WordPress.org Gutenberg es un impulso reciente para construir un editor estándar de WordPress. Su propósito declarado es “agregar contenido rico a WordPress simple y agradable”. Aunque Gutenberg todavía tiene una carretera antes de que se resuelvan sus problemas de uso, los elementos básicos del arado están listos para desarrollar desarrolladores. Debido a que todavía está en versión beta, no está listo para sitios de producción en vivo. Fue lanzado exclusivamente para fines de prueba y para alentar a los desarrolladores a contribuir al proyecto.
El editor se enfoca en facilitar la formación de contenido. Su característica principal es una interfaz de drag-by-dro-type para formatear páginas y publicaciones y puede usar un menú desplegable insertar para agregar “bloques” como texto, galerías, elementos jerárquicos como títulos y listas, botones, widgets y widgets y widgets muchos otros . El objetivo actual es hacer de Gutenberg el editor estándar de WordPress 5.0, para que tenga poco tiempo para prepararse para su lanzamiento. Si sus complementos o temas generan widgets o manipulan el resultado de la publicación, será particularmente importante garantizar su compatibilidad. En la nueva interfaz, los elementos comunes, como el texto y las imágenes, tienen un menú rápido en su contenido …
También puede usar el menú Drop -down de inserción para mostrar todo tipo de contenido adicional directamente en su publicación:

Ahora que está un poco más familiarizado con el enfoque de Gutenberg en términos de redacción de contenido, es hora de cubrir los tipos de contenido que necesita para asegurarse de que sus proyectos sean compatibles con esta nueva herramienta. Cómo probar sus complementos con el futuro editor Gutenberg (3 elementos) como cualquier otro complemento, Gutenberg puede ser instalado por el tablero de WordPress. También recomendamos usar un navegador con un inspector de código, como Chrome o Firefox, para que pueda ver lo que se produce en el back-end.

También reiteraremos: ¡debe instalar Gutenberg solo en instalaciones locales, porque aún no está preparado para sitios en vivo! Echemos un vistazo a los tres elementos clave ahora. 1. Verifique la salida correcta del código corto
Los códigos cortos (por supuesto) son una parte inherente de WordPress. Hay bloques de código prepricic representados por un pequeño texto entre los soportes rectos (por ejemplo, [ejemplo de código de ejemplo]). Debido a que son simplemente representaciones textuales para bloques de código, el editor de Gutenberg las reemplazará con bloques de editor nativos. En lugar de tener que recordar y usar muchos códigos cortos, simplemente usaría el menú de inserción para agregar la misma funcionalidad. Todo esto, es muy poco probable que WordPress interrumpa inmediatamente el soporte de códigos cortos, por lo que no es esencial superar los códigos cortos. Dicho esto, es una buena idea verificar cualquier resultado inesperado y comenzar a prepararse para convertirlos en bloques nativos de Gutenberg.

Afortunadamente, este paso es simple: abra el editor de Gutenberg y agregue el código corto que desea probar en un bloque de texto. Finalmente, guarde y obtenga una vista previa de la publicación para verificar cualquier anomalía, remediándolas según sea el caso. Mientras tanto, las nuevas plantillas parecen ayudarlo a transformar códigos cortos en los bloques de Gutenberg. Agregar esta integración ahora significa que su complemento será aceptado hasta que Gutenberg esté integrado en el núcleo, por lo que definitivamente debe iniciar el proceso más temprano que más tarde.
2. Pruebe la salida de medios personalizada

Un ejemplo de Galería de Medios Incorporada en Gettenberg. Aunque hay un cambio importante en la forma en que Gutenberg administra cada contenido, no debe causar problemas con la mayoría de los complementos. Sin embargo, si su complemento inserta algún tipo de contenido de medios personalizado en publicaciones o páginas, probablemente desee verificar los problemas de compatibilidad que pueden surgir del nuevo enfoque. Esto es particularmente importante porque la forma en que muestra los medios de comunicación en el front-end puede tener un impacto drástico en la experiencia general de su sitio. Para probar esto, cree una nueva publicación en Gutenberg. Por supuesto, deberá asegurarse de que su complemento de medios esté activado y funcione con otras publicaciones y páginas normales. Luego vea la página para verificar el resultado generado por Gutenberg. Juega con diferentes aspectos que incluyan contenido de medios personalizado y sigan cualquier comportamiento inesperado en el frente. Estos podrían ser los problemas de cambio de tamaño, el texto “Alt” o los subtítulos que no se muestran o una multitud de otros problemas que tendrá que resolver. En resumen, las pruebas de extremo completo siempre son una buena idea, ¡pero es particularmente importante cuando tales cambios drásticos están en camino!
3. Ver contenido de Gutenberg en plantillas personalizadas

Un ejemplo de plantilla personalizada en un tema de WordPress. Debido a que Gutenberg es un motor de contenido completamente nuevo, existe una gran posibilidad de que interactúe de manera diferente con la apariencia actual de la página. Esto es particularmente importante si desarrolla temas o complementos que incluyen páginas predeterminadas. Probablemente querrás vigilar esto porque el desarrollo continúa con Gutenberg. Dado que el complemento está en la versión beta, hay muchas posibilidades para cambios adicionales, lo que puede afectar el resultado de cualquier plantilla personalizada realizada por sus complementos y temas de WordPress. El propósito de Gutenberg es simplificar los aspectos hermosos de las páginas, pero esto puede causar cierta incompatibilidad con las soluciones más antiguas. Por ejemplo, el editor Gutenberg aún no acepta meta cajas, por lo que es posible que deba encontrar formas de resolver esto en sus plantillas. Una vez más, esto se puede hacer configurando una página de Gutenberg que debería cargarlos automáticamente a través de la jerarquía. Si tiene problemas que no se pueden resolver en su propio complemento o tema, debe dejar un informe sobre el proyecto oficial de Github GitHub para resolverlos antes de que se combine en el núcleo. La conclusión para mantenerse al día con WordPress puede ser un desafío, pero, como desarrollador activo, es su trabajo mantener el código que funciona con los cambios en la plataforma. La incorporación del editor Gutenberg es inminente y, al probar los temas y complementos con él ahora, puede detectar cualquier problema grave en el tiempo.
Para revisar, aquí hay tres formas importantes en que debe probar su complemento con el editor de Gutenberg: verifique la salida correcta de códigos cortos, posiblemente completarlos con bloques personalizados.
Pruebe la salida de los medios para obtener comportamientos inesperados.

Vea el contenido de Gutenberg en plantillas personalizadas para asegurarse de que todavía se ve correcto.
¿Crees que Gutenberg aliviará el desarrollo de tu complemento de WordPress?¡Cuéntanos por qué en la sección de comentarios a continuación!Créditos de imagen: Hannes Wolf.