¿Qué hay de nuevo en WordPress 6.2 (Características y capturas de pantalla)?

WordPress 6.2 se acaba de lanzar y es la primera versión importante de WordPress de 2023.

Esta nueva versión está repleta de mejoras significativas y nuevas funciones. Muchas de ellas se centran en el editor de bloques y la edición de sitios en WordPress.

En este artículo, te mostraremos qué hay de nuevo en WordPress 6.2 y qué funciones deberías probar después de la actualización.

Nota: WordPress 6.2 es una versión importante y, a menos que estés en un servicio de hosting de WordPress administrado, tendrás que iniciar la actualización manualmente. Aquí te mostramos cómo actualizar WordPress de forma segura.

Importante: No olvides crear una copia de seguridad completa de WordPress antes de actualizar.

Dicho esto, aquí tienes todo lo nuevo en WordPress 6.2.

• El editor de sitios de WordPress sale de la versión beta
• Bloque de menú de navegación mejorado
• Experiencia mejorada para navegar por plantillas
• Partes de plantilla resaltadas con colores
• Modifica tu tema con el libro de estilos
• Capacidad para agregar CSS personalizado a tu tema o bloques
• Copia y pega estilos de bloques
• Inserción de patrones mejorada
• Integración de la biblioteca de medios gratuitos de Openverse
• Nuevos subpaneles para la configuración y estilos de bloques
• Nuevo modo sin distracciones
• Importar widgets clásicos como partes de plantilla en temas de bloques
• Mejoras varias
• Cambios internos

El editor de sitios de WordPress sale de la versión beta

El editor de sitios sale de la versión beta.

Ha estado presente en los últimos lanzamientos de WordPress, la eliminación de la etiqueta beta es simplemente una invitación para que más usuarios lo prueben.

Esto también indica la finalización de la fase 2 del plan de desarrollo de WordPress, que comenzó con el lanzamiento del nuevo editor de bloques en WordPress 5.0 (finales de 2018).

WordPress 6.2 incluye varias características nuevas añadidas al editor de sitios, incluyendo algunas herramientas completamente nuevas de las que hablaremos más adelante en este artículo.

Bloque de menú de navegación mejorado

Los menús de navegación te ayudan a definir el diseño de tu sitio web para tus usuarios. Sin embargo, crearlos en el editor de sitio completo había sido un poco difícil para los principiantes.

WordPress 6.2 ahora viene con un bloque de 'Navegación' mejorado.

Ahora puedes crear y administrar el bloque de Navegación editando elementos en la barra lateral.

Para agregar un nuevo elemento de menú, simplemente haz clic en el botón 'agregar (+)' . También puedes arrastrar y soltar elementos del menú para reorganizarlos.

¿Quieres usar un menú diferente? Ahora puedes cambiar fácilmente entre los menús que has creado anteriormente haciendo clic en el menú de tres puntos en la barra lateral.

En general, esta es una mejora significativa respecto al bloque de Navegación anterior, donde tenías que editar los elementos en línea, lo cual no era una buena experiencia para los principiantes.

Experiencia mejorada para navegar por plantillas

WordPress 6.2 viene con una nueva experiencia de navegación de plantillas.

Esto permite a los usuarios explorar diferentes plantillas para averiguar cuál necesitan editar si desean realizar cambios en un área específica de su sitio web.

Para editar una plantilla o una parte de plantilla, simplemente haz clic para cargarla dentro de la ventana de vista previa. Después de eso, solo haz clic en la ventana de vista previa para comenzar a editar.

¿Quieres salir del editor del sitio?

Simplemente haz clic en el logo de WordPress o en el logo de tu sitio en la esquina superior izquierda de la pantalla para ingresar al navegador de plantillas. Luego haz clic de nuevo para salir y regresar al panel de control de WordPress.

La pantalla del navegador de plantillas ahora también te mostrará que tienes cambios sin guardar.

También ofrece una experiencia de guardado mejorada que muestra qué cambios estás guardando.

Partes de plantilla resaltadas con colores

Una plantilla en el editor del sitio puede incluir varias partes de plantilla, como el encabezado y el pie de página.

Estos son elementos globales que se pueden usar en varios lugares de tu sitio web de WordPress. Si editas una parte de plantilla en una página, esos cambios se reflejarán en todo tu sitio.

Anteriormente, al editar una parte de plantilla, la única indicación era que la etiqueta en la parte superior cambiaba para mostrar el nombre de la parte de plantilla.

La edición de partes de plantilla afecta a todas las plantillas que incluyen esos elementos. Esto hace que sea importante indicar que los usuarios están editando una parte de plantilla global y no simplemente la página que están viendo.

WordPress 6.2 ahora hace esto más notorio al agregar colores y un ícono para indicar que estás editando una parte de plantilla.

Modifica tu tema con el libro de estilos

WordPress 6.2 viene con una función de libro de estilos en el editor del sitio.

Este es básicamente un lugar conveniente para explorar cómo tu tema muestra todos los bloques. Para acceder a él, necesitas cambiar al panel de Estilos y luego hacer clic en el ícono del Libro de Estilos. Es el que parece un ojo.

Esto te mostrará todos los bloques y cómo están estilizados en tu tema. Están organizados en diferentes categorías para que puedas localizar fácilmente el bloque que deseas editar.

Haz clic para empezar a editar un bloque y verás todas las herramientas que puedes usar en el panel lateral. Los cambios que hagas aquí se aplicarán globalmente a tu tema.

Básicamente, puedes cambiar la apariencia de todo tu tema editando bloques individuales aquí y creando un estilo completamente nuevo propio.

¿Quieres editar los estilos de los bloques individualmente? No te preocupes, hay aún más herramientas de diseño a tu disposición para editar bloques.

Capacidad para agregar CSS personalizado a tu tema o bloques

Por defecto, el editor del sitio oculta la interfaz heredada del Personalizador de Temas. Muchos usuarios añadieron su CSS personalizado en el panel de 'CSS adicional' disponible con el personalizador heredado.

Hasta la versión 6.2, era un problema añadir CSS personalizado usando las herramientas predeterminadas disponibles.

Sin embargo, WordPress 6.2 ahora te permite añadir CSS personalizado que se aplica a todo tu sitio. Simplemente haz clic en el panel Estilos y elige CSS personalizado en el menú de tres puntos.

También puedes añadir CSS personalizado a bloques individuales.

Cambia al panel Estilo y luego haz clic en Bloques.

Ahora, necesitas seleccionar el bloque que quieres modificar.

Después de eso, haz clic en la pestaña 'CSS adicional del bloque' para introducir tu código CSS personalizado.

WordPress 6.2 facilita la adición de CSS personalizado si lo necesitas. Sin embargo, viene con un montón de herramientas de diseño integradas que son mucho más fáciles de usar que añadir CSS personalizado.

Copia y pega estilos de bloques

Otra característica de estilo que reduce la necesidad de añadir CSS personalizado es la capacidad de simplemente copiar y pegar estilos de bloques.

Digamos que acabas de hacer algunos cambios en un bloque y quieres hacer los mismos cambios en otro bloque también.

Con WordPress 6.2 puedes simplemente hacer clic en 'Copiar estilos' en las opciones del bloque.

Después de eso, haz clic en las opciones del bloque donde quieres pegar el estilo y selecciona 'Pegar estilos'.

Nota: Tu navegador te pedirá permiso para permitir que tu sitio web vea el contenido del portapapeles. Debes hacer clic en ‘Permitir’ para continuar.

Inserción de patrones mejorada

Los patrones de bloques de WordPress son una colección de elementos de diseño prefabricados que puedes usar para crear diseños de contenido personalizados más rápido.

Por defecto, WordPress viene con varios patrones integrados. Tu tema de WordPress también puede incluir sus propios patrones. Además, puedes encontrar más patrones en el Directorio de patrones de WordPress.

WordPress 6.2 viene con una interfaz de inserción de patrones mejorada.

Integración de la biblioteca de medios gratuitos de Openverse

WordPress 6.2 ahora agrega una pestaña de ‘Medios’ en el insertador también.

Aquí, puedes elegir medios de tu propia biblioteca de medios de WordPress o buscar imágenes libres de derechos de Openverse.

Openverse es un proyecto hermano de WordPress.org. Permite que las obras con licencia abierta y de dominio público sean descubiertas y utilizadas por todos.

Una vez que selecciones una imagen, se insertará en el editor y también se descargará en tu biblioteca de medios de WordPress.

WordPress también guardará el pie de foto de la imagen, que puede incluir un enlace a la fuente original. Puedes eliminar este pie de foto si la imagen es de dominio público.

Nuevos subpaneles para la configuración y estilos de bloques

WordPress 6.2 ahora utiliza subpaneles para separar la configuración y los estilos de los bloques.

Esto ayuda a los usuarios a entender dónde deben buscar si quieren cambiar la apariencia de un bloque.

Nuevo modo sin distracciones

Históricamente, WordPress siempre ha proporcionado opciones para ocultar los botones de formato y las barras de herramientas en la pantalla del editor de publicaciones.

Así se veía en WordPress 4.1 con el editor clásico anterior.

Sin embargo, el editor de bloques tenía la opción de usarse en modo de pantalla completa. WordPress 5.4 comenzó a usar el modo de pantalla completa de forma predeterminada.

Esto permitía a los usuarios tener una interfaz de escritura mucho más limpia, pero no había un modo sin distracciones.

WordPress 6.2 ahora viene con un modo sin distracciones completamente limpio y tranquilo.

Los usuarios podrán elegirlo en la configuración del editor, y elimina todas las barras de herramientas y paneles de edición de la pantalla.

Importar widgets clásicos como partes de plantilla en temas de bloques

WordPress 6.2 proporciona una buena solución alternativa para importar widgets heredados clásicos en temas de bloques al cambiar de tema.

Los usuarios con temas de widgets clásicos perdieron sus widgets heredados al cambiar a un tema de bloques. Ahora, puedes importarlos como partes de plantilla.

Simplemente crea una nueva parte de plantilla haciendo clic en el botón 'Añadir nuevo bloque' (+).

Desde el panel de configuración de la parte de plantilla, haz clic en la pestaña Avanzado para expandirla, y encontrarás la opción para importar un área de widget de tu tema anterior.

Mejoras varias

WordPress 6.2 contiene una gran cantidad de mejoras. Fusiona 10 lanzamientos de Gutenberg ('Gutenberg' es el nombre en clave del proyecto original del editor de bloques) en el núcleo de WordPress, por lo que hay muchos refinamientos y nuevas funciones para explorar.

Aquí tienes algunas de las mejoras más útiles.

1. Botón de subtítulos en la barra de herramientas del bloque de imagen

Anteriormente, WordPress agregaba automáticamente el área de subtítulos debajo de la imagen y movía automáticamente el cursor al subtítulo.

Esto llevó a muchos usuarios a seguir escribiendo su texto sin darse cuenta de que lo estaban escribiendo en el área de subtítulos.

WordPress 6.2 soluciona esto al agregar un botón de pie de foto a la barra de herramientas. Los usuarios ahora pueden usarlo para agregar un pie de foto si es necesario.

2. Bloque de calendario mejorado

El bloque de calendario ahora viene con más opciones de color.

3. Los paneles de Lista, Esquema e Información se fusionan

La vista de lista, el esquema y el panel de información ahora se fusionan en una ubicación conveniente.

4. Diseño de Bloque de Grupo

El bloque ‘Grupo’ ahora te permite elegir un diseño.

5. El Enlace de Descarga para Archivos Multimedia

La pantalla de medios ahora mostrará un enlace ‘Descargar Archivo’ en la vista de lista.

6. Nuevo Icono para el Panel de Configuración

El icono para mostrar el panel de configuración, que antes usaba un icono de engranaje, ahora se presenta con un icono de paneles.

Cambios internos

WordPress 6.2 también incluye una gran cantidad de cambios destinados a los desarrolladores. A continuación, se presentan algunos de estos cambios:

• Se introduce una nueva API de HTML llamada WP_HTML_Tag_Processor. (Detalles)
• Se introduce un nuevo filtro del lado del cliente llamado blockEditor.useSetting.before. Permite a los desarrolladores cambiar la configuración de los bloques antes de que se renderice el editor. (Detalles)
• La API de Patrones se amplía para incluir la propiedad template_types. (Detalles)
• Actualizaciones más rápidas al mover directorios en lugar de copiarlos. (Detalles)
• Se introduce una nueva función switch_to_user_locale(). (Detalles)
• Crear revisiones de autoguardado solo cuando el contenido ha cambiado. (Detalles)
• Agregar una etiqueta de variación de estilo a los temas que usan variaciones de estilo. (Detalles)

Esperamos que este artículo te haya ayudado a descubrir las novedades de WordPress 6.2 y las nuevas funciones que puedes probar. Estamos particularmente entusiasmados con todos los cambios en el editor de sitios y las mejoras de rendimiento para los temas de bloques.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.