¿Qué son los temas de bloque? Lo que necesita saber antes de WordPress 5.9

Publicado: 2022-01-12

WordPress 5.9 se lanzará el 25 de enero y muchos usuarios se sorprenderán. El próximo lanzamiento será el cambio más monumental en el funcionamiento de la plataforma desde la introducción del editor de contenido basado en bloques en 5.0. Los temas de bloques, los estilos globales y el editor de sitios impulsarán un nuevo futuro para WordPress.

Para el lector promedio de WP Tavern, esto no es una noticia. Hemos cubierto temas de bloques aquí durante más de un año. Para aquellos que no están informados, hay mucho de lo que ponerse al día en las próximas dos semanas.

Una de las quejas con el lanzamiento del editor de bloques en 2018 fue que los usuarios solo podían optar por no usarlo instalando Classic Editor o un complemento relacionado. Este no es el caso de las nuevas características en 5.9. Los usuarios pueden seguir usando su configuración actual sin ningún cambio. Acceder al editor del sitio y a los estilos globales es un proceso de suscripción. Requiere la activación de un tema de bloque.

Los próximos cambios afectarán a dos grupos principales de usuarios. Los primeros son aquellos que prefieren ejecutar el último tema predeterminado de WordPress. El segundo serán aquellos que estén listos para probar el nuevo sistema.

Actualmente, hay 35 temas de bloque en el directorio de WordPress.org, con más en la cola de revisión. Eso limita las opciones disponibles por ahora.

Cuadrícula de tres filas de tres columnas. Cada uno muestra una captura de pantalla de un tema de WordPress y su nombre.
Bloquear temas de WordPress.org.

Después de que se lance WordPress 5.9 y los desarrolladores se familiaricen más con la creación del nuevo sistema, espero que veamos un aumento notable en los temas de bloques en los próximos meses.

Nota: esta publicación se centra en los cambios que enfrentan los usuarios. Si es un desarrollador que quiere comenzar con el diseño de temas de bloques, lea la descripción general de Marcus Kazmierczak sobre temas de bloques de construcción para WordPress 5.9 .

veinte veintidós

Sobre diseño de página con logo, título y menú en la parte superior. A continuación hay una gran sección de introducción y una imagen de un pájaro.
Veinte Veintidós tema sobre plantilla de página.

El último tema predeterminado de WordPress, Twenty Twenty-Two, se lanzará junto con la versión 5.9. Si bien tengo algunos inconvenientes al respecto, podría ser mi tema predeterminado favorito de todos los tiempos que se haya creado.

WordPress 5.9 RC 2 se lanzó hoy. Ahora es un buen momento para probarlo. Twenty Twenty-Two ya se incluye con esta versión.

Como suele ser el caso con los temas predeterminados, es probable que se convierta en el estándar de facto en el que los desarrolladores crean sus propios proyectos. Utiliza todas las funciones más recientes y es uno de los temas más actualizados que existen. Esto lo convierte en el punto de partida ideal para los usuarios que desean probar el nuevo sistema.

El tema es simplemente un componente de un sistema más amplio. Para los usuarios, puede ser algo que configuran y olvidan. O bien, pueden llevarlo al siguiente nivel y personalizar su interfaz hasta que su corazón esté satisfecho.

Editor del sitio y estilos globales

Los temas de bloque son diferentes a muchos temas tradicionales. En la era clásica, los usuarios activaban un tema y personalizaban las opciones que el desarrollador ponía a disposición. Era un sistema rígido que a menudo no brindaba mucha flexibilidad a los usuarios a menos que supieran cómo escribir código.

Los usuarios pueden acceder a un montón de nuevas funciones después de activar un tema de bloque. Esto se hace a través del editor del sitio, ubicado en la pantalla de administración Apariencia > Editor. Los usuarios pueden modificar sus plantillas de temas directamente en el lienzo y personalizar su diseño a través del panel de estilos globales.

Editor de sitios de WordPress abierto a la plantilla de inicio. El panel de estilos globales está abierto a la derecha con opciones de tipografía, colores y diseño.
Editor de sitios con panel de estilos globales abierto (derecha).

La primera experiencia con el editor del sitio puede ser abrumadora. Algunos pueden preferir sumergirse directamente, mientras que otros adoptan un enfoque diferente. Independientemente de cómo aprendas, te recomiendo que sigas el curso de diseño de sitio simple con edición completa del sitio de Learn WordPress. El equipo de Capacitación ha creado un plan de 15 lecciones que lo guía a través de todo lo que necesita saber. También tienen un taller de seis minutos sobre el uso de estilos globales.

Usar el editor del sitio puede ser divertido, pero también puede ser frustrante. Esta es esencialmente una "versión 1.0" de la característica. No satisfará las necesidades de todos con su lanzamiento en dos semanas. Llevará algún tiempo madurar y que los autores de temas se basen en él.

Pasé más de una década construyendo temas profesionalmente. Una de las preguntas más comunes que recibí fue: "¿Cómo cambio el metaárea de la publicación?" Los usuarios querrían eliminar al autor, mover la lista de categorías y hacer muchas otras cosas. Ninguna cantidad de opciones de temas cubría todos los escenarios. A menudo recurrí a guiar a los no codificadores a través de la realización de cambios en sus plantillas de temas.

Excepto en los casos más complejos, este problema ya no existe. A través del editor del sitio, los usuarios pueden elegir lo que aparece.

Insertar un área de firma personalizada en el bloque Query Loop en el editor del sitio de WordPress. Debajo del título de la publicación, aparece el nombre del autor, la fecha y el enlace de comentarios.
Publicación personalizada byline/meta.

Ojalá tuviéramos un sistema así hace una década. Me habría ahorrado horas de trabajo de soporte.

Por supuesto, este es un ejemplo simple de lo que es posible con el editor del sitio. Todo, desde cambiar partes de una plantilla hasta crear una paleta de colores personalizada completa, está a solo unos clics del mouse de la realidad.

Sin embargo, las posibilidades no son ilimitadas. Existen limitaciones con las que los usuarios sin duda se encontrarán a medida que avanzan más y más con las ideas de diseño. Los colaboradores han dado grandes pasos para preparar esta primera versión para WordPress 5.9. Y habrá más por venir.

Personalizador, widgets y menús de navegación

Lo más impactante para aquellos que han estado fuera del circuito probablemente será la desaparición de las pantallas de administración del personalizador, los widgets y los menús de navegación. Estos componentes son reemplazados por el editor del sitio cuando se usa un tema de bloque.

Hay algunos problemas conocidos relacionados con el personalizador, como la falta de una opción de CSS personalizada, vistas previas en vivo o la configuración del icono del sitio. Cubrí esto con más detalle en una publicación anterior.

Los menús de navegación ahora se manejan a través del bloque de navegación:

Bloque de navegación seleccionado y abierto en el editor del sitio de WordPress.
Selección de un menú de navegación.

Podría llevar algo de tiempo acostumbrarse. Si bien soy un fanático del sistema de bloques, es cierto que sigo prefiriendo administrar los menús a través de la pantalla clásica. Sin embargo, estoy empezando a darme la vuelta. Los colaboradores que han estado trabajando en el bloque han hecho que la experiencia sea mucho mejor que hace unos meses.

En cuanto a las barras laterales dinámicas y los widgets, desaparecieron, al menos en el sentido tradicional. Todo es un bloque ahora. Los autores de temas pueden crear columnas o contenedores que parecen barras laterales del pasado, pero todos se administran a través del editor del sitio. Y los usuarios pueden pegar cualquier bloque que quieran en cualquier lugar.