WordPress 6.2 acaba de lanzarse y es la primera versión importante de WordPress de 2023.
Esta nueva versión incluye importantes mejoras y nuevas funciones. Muchos de ellos se centraron en el editor de bloques y la edición de sitios en WordPress.
En este artículo, le mostraremos las novedades de WordPress 6.2 y qué funciones debería probar después de la actualización.
Nota: WordPress 6.2 es una versión importante y, a menos que esté utilizando un servicio de alojamiento de WordPress administrado, deberá iniciar la actualización manualmente. Aquí se explica cómo actualizar WordPress de forma segura.
Importante: No olvide crear una copia de seguridad completa de WordPress antes de actualizar.
Dicho esto, aquí están todas las nuevas características de WordPress 6.2.
El editor del sitio de WordPress ya no está en versión beta
El editor del sitio ya no está en versión beta.
Ha existido desde algunas versiones anteriores de WordPress, eliminar la etiqueta beta es simplemente una invitación para que más usuarios lo prueben.
Esto también señala la finalización de la Fase 2 de la hoja de ruta 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 agregadas al editor del sitio, incluidas algunas herramientas nuevas de las que hablaremos más adelante en este artículo.
Los menús de navegación le ayudan a definir el diseño de su sitio web para sus usuarios. Sin embargo, crearlos en el editor completo del sitio fue un poco difícil para los principiantes.
WordPress 6.2 ahora presenta 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 haga clic en el botón agregar (+). También puede arrastrar y soltar elementos del menú para reorganizarlos.
¿Quieres utilizar un menú diferente? Ahora puede cambiar fácilmente entre menús creados anteriormente haciendo clic en el menú de tres puntos en la barra lateral.
En general, esta es una mejora significativa con respecto al antiguo bloque de navegación en el que había que editar elementos en línea, lo que no era una buena experiencia para los principiantes.
Experiencia de navegación de plantillas mejorada
WordPress 6.2 viene con una nueva experiencia de navegación de plantillas.
Esto permite a los usuarios navegar a través de diferentes plantillas para saber cuál necesitan editar si desean realizar cambios en un área determinada de su sitio web.
Para editar una plantilla o parte de la plantilla, simplemente haga clic para cargarla en la ventana de vista previa. A continuación, simplemente haga clic en la ventana de vista previa para comenzar a editar.
¿Quieres salir del editor del sitio?
Simplemente haga clic en el logotipo de WordPress o el logotipo de su sitio en la esquina superior izquierda de la pantalla para acceder al navegador de plantillas. Luego haga clic nuevamente para salir y regresar a su panel de WordPress.
La pantalla del navegador de plantillas ahora también mostrará que hay cambios no guardados.
También ofrece una experiencia de guardado mejorada que le muestra qué cambios está guardando.
Partes del modelo resaltadas con colores.
Una plantilla en el editor del sitio puede incluir diferentes partes de la plantilla, como el encabezado y el pie de página.
Estos son elementos globales que se pueden utilizar en varios lugares de su sitio web de WordPress. Si cambia una parte de la plantilla en una página, esos cambios se reflejarán en todo su sitio.
Anteriormente, cuando editaba una pieza de modelo, la única indicación era que la etiqueta superior cambiaba para mostrar el nombre de la pieza de modelo.
El cambio de piezas del modelo afecta a todos los modelos que incluyen esos elementos. Esto hace que sea importante indicar que los usuarios están editando una parte global del modelo y no simplemente la página que están viendo.
WordPress 6.2 ahora hace esto más obvio al agregar colores y un ícono para indicar que estás editando una parte de la plantilla.
Edita tu tema con el libro de estilo
WordPress 6.2 viene con una función de libro de estilo en el editor del sitio.
Este es básicamente un lugar conveniente para descubrir cómo su tema muestra todos los bloques. Para acceder a él, debe ir al panel Estilos y luego hacer clic en el icono Libro de estilos. Es lo que parece un ojo.
Esto le mostrará todos los bloques y cómo están diseñados en su tema. Están organizados en diferentes categorías para que puedas localizar fácilmente el bloque que deseas editar.
Haz clic para comenzar a editar un bloque y verás todas las herramientas que puedes usar en el panel de la barra lateral. Los cambios realizados aquí se aplicarán globalmente a su tema.
Básicamente, puedes cambiar el aspecto de todo el tema editando bloques individuales aquí y creando un estilo completamente nuevo.
¿Quieres cambiar los estilos de bloque individualmente? No te preocupes, hay aún más herramientas de diseño a tu disposición para editar bloques.
Posibilidad de agregar CSS personalizado a su tema o bloques
De forma predeterminada, el editor del sitio oculta la interfaz de personalización del tema heredado. Muchos usuarios han agregado su propio CSS personalizado en el panel CSS adicional disponible con el personalizador anterior.
Hasta la versión 6.2, era complicado agregar CSS personalizado utilizando las herramientas predeterminadas disponibles.
WordPress 6.2, sin embargo, ahora le permite agregar CSS personalizado que se aplica a todo su sitio. Simplemente haga clic en el panel Estilos y elija CSS personalizado en el menú de tres puntos.
También puedes agregar CSS personalizado a bloques individuales.
Vaya al panel Estilo y luego haga clic en Bloques.
Ahora debes seleccionar el bloque que deseas editar.
A continuación, haga clic en la pestaña Bloque CSS adicional para insertar su código CSS personalizado.
WordPress 6.2 facilita la adición de CSS personalizado si es necesario. Sin embargo, viene con toneladas de herramientas de diseño integradas que son mucho más fáciles de usar que agregar CSS personalizado.
Copiar y pegar estilos de bloque
Otra característica de estilo que reduce la necesidad de agregar CSS personalizado es la capacidad de simplemente copiar y pegar estilos de bloque.
Digamos que acaba de realizar algunos cambios en un bloque y desea realizar los mismos cambios en otro bloque también.
Con WordPress 6.2, simplemente puede hacer clic en Copiar estilos debajo de las opciones de bloque.
A continuación, haga clic en las opciones del bloque en el que desea pegar el estilo y seleccione Pegar estilos.
Nota: Su navegador le pedirá permiso para permitir que su sitio web muestre 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 prediseñados que puedes utilizar para crear diseños de contenido personalizados más rápido.
De forma predeterminada, WordPress viene con varias plantillas integradas. Tu tema de WordPress también puede incluir su propio patrón. Además puedes encontrar más modelos en Directorio de plantillas de WordPress.
WordPress 6.2 viene con una interfaz mejorada para insertar patrones.
Integración de la biblioteca multimedia gratuita Openverse
WordPress 6.2 ahora también agrega una pestaña Medios en el insertador.
Aquí puede elegir medios de su biblioteca multimedia de WordPress o buscar imágenes libres de derechos de Openverse.
Abiertoverso es un proyecto hermano de WordPress.org. Permite a todos descubrir y utilizar obras de dominio público y con licencia abierta.
Una vez que seleccione una imagen, se insertará en el editor y también se descargará en su biblioteca multimedia de WordPress.
WordPress también guardará el título de la imagen que puede incluir un enlace a la fuente original. Puede eliminar este título si la imagen es de dominio público.
Nuevos subpaneles para configuraciones y estilos de bloques.
WordPress 6.2 ahora usa subpaneles para separar configuraciones y estilos de bloques.
Esto ayuda a los usuarios a comprender dónde deben buscar si desean cambiar la apariencia de un bloque.
Nuevo modo sin distracciones
Históricamente, WordPress siempre ha brindado opciones para ocultar botones de formato y barras de herramientas en la pantalla del editor de publicaciones.
Así es como se veía en WordPress 4.1 con el antiguo editor clásico.
Sin embargo, el editor de bloques tenía la capacidad de usarse en modo de pantalla completa. WordPress 5.4 comenzó a usar el modo de pantalla completa de forma predeterminada.
Esto permitió a los usuarios tener una interfaz de escritura mucho más limpia, pero no había un modo libre de distracciones.
WordPress 6.2 ahora viene con un modo completamente limpio, tranquilo y sin distracciones.
Los usuarios podrán elegirlo desde la configuración del editor y eliminará todas las barras de herramientas y paneles de edición de la pantalla.
Importe widgets clásicos como partes de plantilla en temas de bloques
WordPress 6.2 proporciona una excelente 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 cuando cambiaron a un tema de bloque. Ahora puedes importarlos como piezas de modelo.
Simplemente cree una nueva pieza de modelo haciendo clic en el botón Agregar nuevo bloque (+).
Desde el panel de configuración de la parte de la plantilla, haga clic en la pestaña Avanzado para expandirla y encontrará la opción para importar un área de widgets del tema anterior.
Varias mejoras
WordPress 6.2 contiene muchas mejoras. Fusiona 10 versiones de Gutenberg (“Gutenberg” es el nombre en clave del proyecto de editor de bloques original) en el núcleo de WordPress, por lo que hay muchas mejoras y nuevas características para explorar.
Estas son 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 del título debajo de la imagen y movía automáticamente el cursor al título.
Esto ha llevado a que muchos usuarios sigan escribiendo su texto sin darse cuenta de que lo están escribiendo en el área de subtítulos.
WordPress 6.2 soluciona este problema agregando un botón de título a la barra de herramientas. Los usuarios ahora pueden usarlo para agregar un título si es necesario.
2. Bloqueo de calendario mejorado
El bloque de calendario ahora incluye más opciones de color.
3. Los paneles Lista, Estructura e Información están fusionados.
La vista de lista, la vista de árbol y el panel de información ahora se encuentran 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 de los archivos multimedia.
La pantalla multimedia ahora mostrará un enlace Descargar archivos en la vista de lista.
6. Nuevo ícono para el panel de Configuración
El ícono para mostrar el panel de configuración usaba anteriormente un ícono de engranaje. Ahora se presenta con un icono de panel.
Cambios bajo el capó
WordPress 6.2 también incluye toneladas de cambios dirigidos a los desarrolladores. A continuación se detallan algunos de estos cambios:
- Se introduce una nueva API 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 del bloque antes de que el editor procese. (Detalles)
- La API de patrones se ha ampliado para incluir la propiedad template_types. (Detalles)
- Actualizaciones más rápidas moviendo directorios en lugar de copiarlos. (Detalles)
- Se introduce una nueva función switch_to_user_locale(). (Detalles)
- Cree reseñas que se guarden automáticamente solo cuando cambie el contenido. (Detalles)
- Agregue 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 qué nuevas funciones probar. Estamos especialmente entusiasmados con todos los cambios en el editor del sitio y las mejoras de rendimiento para los temas de bloques.
