Cómo adoptar un enfoque de “editor de bloque” para el desarrollo

El editor de Block ha sido un tema extremadamente controvertido desde que se anunció por primera vez en 2017. Esta reacción no ha sido irrazonable, dado que la nueva interfaz ha afectado significativamente a los profesionales de WordPress. Sin embargo, en los últimos dos años, la adopción del editor de bloques ha crecido y muchos desarrolladores han encontrado formas de trabajar con él. Incluso si no desea utilizar la interfaz en sí, hay formas en que puede beneficiarse de la implementación de sus conceptos básicos en sus proyectos en esta publicación, analizaremos las ventajas y desventajas del editor actual de WordPress Block. Luego discutiremos cómo puede adoptar un “enfoque de editor de bloque” para desarrollar el tema, incluso si no desea usar el editor en sí. ¡Vamos!
Las ventajas y desventajas del editor de bloques de WordPress son las posibilidades de que, como WordPress profesional, ya estará familiarizado con el editor de bloques y su historia. Para recapitular, se ha introducido como “Gutenberg” y diseñado para competir con creadores de sitios web como Squarespace y Wix. Al mismo tiempo, su objetivo era proporcionar a los desarrolladores nuevas oportunidades y proporcionar a los usuarios más opciones de diseño. Ahora que es parte del núcleo de WordPress durante algún tiempo, las fortalezas y debilidades del editor de bloques se han vuelto bastante obvios. Una de las preocupaciones más serias que enfrentan los desarrolladores cuando se anunció por primera vez fue la compatibilidad con complementos y temas. Si bien muchos desarrolladores de complementos y temas han realizado actualizaciones para evitar este problema, no todos hicieron esto.
Más recientemente, ha habido problemas con la accesibilidad del editor. Varios informes han encontrado que la compatibilidad con el lector de pantalla no está en los estándares, y la navegación del teclado y la voz no fue satisfactoria. A pesar de las fallas iniciales de compatibilidad, el editor de bloques ha creado algunas nuevas oportunidades de desarrollo. Debido a su extensibilidad, puede construir bloques personalizados, así como temas y complementos que pueden conectarse a su funcionalidad. Lo más importante es que el editor de bloques ha logrado el objetivo de hacer que las piezas individuales de contenido sean más fáciles de formatear, mover y eliminar. Es muy flexible en comparación con el editor clásico, y las publicaciones y páginas ahora son mucho más personalizables. Entonces, aunque el desarrollo modular de WordPress ha existido antes del editor de bloques, se ha puesto en primer plano debido a esta nueva interfaz de creación de contenido. Teniendo esto en cuenta, puede adaptar sus propias estrategias y adoptar un enfoque similar al editor de bloques. Cómo adoptar un enfoque para el editor de desarrollo para el desarrollo sin usar (3 estrategias clave) Por lo general, adoptar un enfoque de editor de bloques significa trabajar directamente con el editor, extenderlo o mejorarlo de alguna manera. En cambio, nos centraremos en cómo puede traer el principio básico de modularidad en el desarrollo de su tema.
La modularidad es un elemento bastante común en los temas. Una forma de lograr esto es mediante el uso de herramientas como campos personalizados avanzados. Usando la opción de contenido flexible para definir sus módulos y agregar algunos PHP, su tema tendrá bloques de contenido flexibles que los clientes pueden usar para agregar elementos complejos a sus páginas. Para ayudar a sus proyectos, es posible que desee considerar usar una tarea o al marco de inicio. Dado esto, las tres técnicas enumeradas a continuación son adecuadas para los desarrolladores que desean adoptar un enfoque en el editor de estilo para su trabajo. Incorporar un marco que incluya campos personalizados como mencioné anteriormente, una forma de crear temas modulares de WordPress es mediante el uso de campos personalizados. En lugar de optar por un enfoque de complemento, comenzar con un marco que ofrece docenas de opciones de campo personalizadas puede ayudarlo a comenzar con su buen pie. Por ejemplo, Typerocket es un poderoso marco de WordPress que está lleno de funciones para mejorar el proceso de desarrollo de su tema:
Este marco también le brinda herramientas clave para ayudarlo a traer la modularidad de sus productos finales. Por ejemplo, ofrece más de 27 campos personalizados, incluidos campos condicionales, constructores y matriciales.
Typerocket también incluye una extensión para el generador de páginas que puede activar para permitir a los clientes personalizar su tarea utilizando elementos preconstruidos, sin la necesidad de un complemento adicional. Puede crear sus propios componentes y agregarlos al marco para mejorar la modularidad de sus productos. Algo más que desea recordar es que Typerocket es compatible con el editor de bloques. Por lo tanto, construir en este marco significa que no debe preocuparse de que choca con el núcleo de WordPress. También puede usarlo para activar el editor clásico de forma predeterminada.2. Cree su tema en un marco modular con componentes personalizados si desea ver un ejemplo de tema muy modular, no se vea más allá de WABOOT:


Este tema se basa en componentes que los usuarios pueden activar según sea necesario para personalizar completamente sus sitios para responder a sus necesidades:
Estos componentes están disponibles a través del complemento WABOOT Framework (WBF), que los desarrolladores también pueden usar como base para sus propios temas. Esto puede ayudarlo a aislar las opciones de temas para un mantenimiento más fácil en el futuro. Puede definir sus propios componentes y permitir a los clientes seleccionar las opciones que son más relevantes para sus sitios a través del tablero individual. Los componentes del tema secundario sobrescribirán cualquier elemento de conflicto en los padres, por lo que puede construir soluciones personalizadas más elaboradas para los clientes que los necesitan.
3. Use un tema inicial basado en componentes Otra forma en que puede adoptar un enfoque modular, el editor de desarrollo es utilizar un tema inicial basado en componentes, como Flynt: este tema incorpora el contenido flexible de campos personalizados, que mencioné anteriormente en esta publicación . Puede personalizar o eliminar fácilmente elementos según sea necesario, y sus usuarios podrán extraer y colocar contenido para componer rápidamente sus sitios de ensueño. Flynt incluye varios componentes básicos y premium para ayudarlo a comenzar. Puede eliminar cualquier cosa que no necesite, así como para crear sus propias soluciones personalizadas si una función que desea no se entrega con el tema inicial.

Con un enfoque en el código limpio para un mantenimiento mejorado a largo plazo, FLYNT es una opción duradera para construir tantos temas modulares. Más de 20 componentes básicos están disponibles de forma gratuita, lo que lo hace accesible incluso para los nuevos desarrolladores de temas. Conclusión Independientemente de su opinión sobre el editor de bloques y si cambia la interfaz TinyMCE, puede aprender mucho como desarrollador. Su énfasis en la modularidad puede resultar útil en una amplia gama de proyectos, especialmente en el desarrollo de temas. En esta publicación, discutimos tres formas en que puede adoptar un “enfoque de editor de bloques” para desarrollar el tema sin usarlo:

Incorpore un marco que incluya campos personalizados como Typerocket.
Construya su tema en un marco modular como WABOOT.

Use un tema inicial basado en componentes como Flynt.