Es hora de que los autores de temas de WordPress intensifiquen su juego de patrones de bloques

Repasando mi rutina esta semana, hojeé los últimos lanzamientos de temas de WordPress y encontré un nuevo proyecto que admitía el editor de bloques. Incluso envió algunos patrones personalizados. Si bien el diseño no fue nada extraordinario, fue un tema sólido en general. Sin embargo, después de pasar la mayor parte del día escribiendo sobre eso, no pensé que podría seguir adelante con la historia. Algo me estaba molestando.

Fue lo mismo que he sentido con varios otros últimamente. Hubo demasiadas oportunidades perdidas. El tema tenía la base, el potencial subyacente, para ser más de lo que era.

El tema tenía una versión comercial "pro" que los usuarios podían comprar. Sin embargo, casi todas las funciones profesionales se basaban en tácticas de la vieja escuela de aumentar la venta de opciones de temas adicionales. La única excepción fue una función relacionada con bloques que será gratuita como parte del componente Estilos globales que probablemente se envíe con WordPress a finales de este año.

¿Dónde estaban los estilos de bloques personalizados? ¿Dónde podría un usuario enganchar algunos patrones únicos? Los menús de navegación adicionales, las barras laterales, la configuración de color y las opciones de tipografía son cada vez menos un valor agregado para los usuarios finales. Probablemente sea dinero seguro en este momento, y puedo entender la comodidad de no correr demasiados riesgos.

Los autores de temas necesitan comenzar a cambiar de marcha. Las ventas adicionales deben venir en forma de características que no estarán disponibles en el stock de WordPress. En este momento, eso significa construir patrones y estilos de bloques únicos.

Explorando ideas de patrones

En el último mes, he estado jugando con patrones personalizados. Mientras estuve en el negocio del diseño y desarrollo durante más de una década, lo que pude lograr solo con el editor de bloques, sin usar código personalizado, y un tema completo listo para bloques es simplemente arañar la superficie. Tenemos mucho mejor talento en la comunidad de WordPress, y quiero ver su arte desatado.

Todo comenzó con el podcast WP Tavern Jukebox: debe ver los episodios n. ° 1 y n. ° 2 si aún no los ha escuchado. Nathan Wrigley, el nuevo anfitrión, me empujó lo suficiente como para volver a poner mi límite de diseño y desarrollo para implementar algunas funciones que necesitaba. A lo largo de los años, no he trabajado mucho con podcasting o cualquier tipo de audio. Este era un territorio nuevo para mí. En última instancia, el podcast me inspiró a pensar en los patrones de audio.

¿Qué es posible con el editor de WordPress hoy?

Recorrí la web en busca de varios diseños, buscando presentaciones de audio modernas. Numerosos conceptos eran imposibles de implementar para un usuario final solo desde el editor. Necesitarían extensos estilos de bloques personalizados de los propios temas. Y hubo varios diseños que simplemente no pensé que se pudieran hacer en absoluto, pero estos generalmente tenían elementos de territorio de complemento.

Sin embargo, encontré ideas con las que podía trabajar y hacer las mías propias. Empecé con un archivo de audio simple de la banda sonora de The Martian : había vuelto a ver la película la noche anterior y estaba en una patada de David Bowie.

fue sencillo Simplemente agregue bloques de Grupo, Columnas, Imagen, Párrafo, Encabezado, Audio e Iconos sociales. Estaba feliz con el resultado y algunos de mis seguidores de Twitter respondieron positivamente.

Inspirándome en el soporte, creé un diseño alternativo. Fue aún más simple al agregar bloques de Portada, Párrafo, Encabezado, Audio e Iconos sociales.

Basado en el patrón original, construí uno que usaba una incrustación de SoundCloud en lugar del bloque de audio. También creé otro con algunas alteraciones que atienden más a los podcasters.

A medida que me sumergía más en este proyecto, más capaz me volvía para crear diseños. Empecé a entender cuáles eran algunas de las limitaciones y a unir todo alrededor de ellas.

Una de las áreas más problemáticas del editor es que no entrega suficiente control de espaciado. Por lo tanto, tuve que hacer un uso liberal del bloque espaciador, algo que prefiero no usar porque se basa en unidades de píxeles y agrega un <div> adicional al marcado. Para construir algunos patrones, tuve que volverme un poco menos purista y simplemente usar las herramientas disponibles.

Ese cambio de mentalidad abrió algunas posibilidades más. Construí un par de patrones de bloques más relacionados con el audio. Eran, nuevamente, diseños simples, pero quería que se destacaran visualmente con imágenes que los usuarios finales pudieran agregar. El objetivo es dar a los usuarios acceso con un solo clic a secciones prediseñadas, puntos de partida donde las personas pueden mostrar su propia creatividad.

El siguiente paso fue comenzar a pensar más allá de los patrones de audio. Hay mucho más que otros pueden hacer en ese espacio. Quería aventurarme un poco más.

Desde entonces, he creado varios otros patrones como el siguiente encabezado de artículo de tipo noticia que me encantaría usar en la taberna en el futuro:

Podría compartir más conceptos, pero este parece un lugar ideal para detenerse. El objetivo no es mostrar mi cartera de patrones. Es para inspirar a nuestra comunidad de diseño de temas con la esperanza de que construyan algo mucho mejor. También quería mostrar lo fácil que era sacar algunos patrones. En lugar de horas de tiempo de desarrollo, muchas ideas se redujeron a meros minutos. Ese es el poder que proporciona hoy el sistema de bloques.

Cuando escribí sobre el sistema de bloques creando oportunidades comerciales para los autores de temas en enero, era una publicación teórica. Este es un seguimiento que lo pone en práctica un poco más (sin la venta real, por supuesto).

Imagina que, como empresa de temas, estás creando un tema freemium para músicos. Es posible que desee incluir algunos patrones básicos para que los usuarios elijan. Sin embargo, hay un sinfín de alternativas que podrías ofrecer como parte de un paquete profesional.

Estoy seguro de que ya existe un autor/compañía de temas en este momento con un concepto de tema multipropósito en mente que eventualmente tendrá cientos de patrones. Solo puedo esperar que tengan un sistema de categorización sólido u ofrezcan paquetes separados o importaciones.

El directorio de patrones de bloque está programado para aterrizar junto con WordPress 5.8. Al principio, serán principalmente patrones básicos. Sin embargo, se alentará a otros a contribuir con el tiempo. Esta es una característica bienvenida para la plataforma, pero nunca coincidirá perfectamente con todos los diseños de temas. Cada tema tiene sus propios matices de diseño. Cada uno tiene diferentes métodos para resolver problemas.

Los mejores patrones provendrán de los mismos autores de temas, especialmente cuando se combinan con estilos de bloques personalizados, empaquetados y comercializados como parte de la experiencia de su tema. Los desarrolladores pueden esperar hasta que todo el mercado se ponga al día o adelantarse al juego.