Novedades de WordPress 6.3 (características y capturas de pantalla)

Publicado: 2023-08-10

WordPress 6.3 se lanzó como la segunda versión principal de WordPress de 2023.

Esta nueva versión de WordPress tiene varias actualizaciones significativas, nuevas características, mejoras y correcciones de errores que hacen que WordPress sea aún más poderoso y útil.

En este artículo, le mostraremos las novedades de WordPress 6.3 y las funciones que debe probar después de la actualización.

What's New in WordPress 6.3

Nota: WordPress 6.3 es una versión importante y, a menos que tenga un servicio de alojamiento de WordPress administrado, deberá iniciar manualmente la actualización. Siga nuestra guía sobre cómo actualizar WordPress de forma segura para obtener instrucciones.

Importante: no olvide crear una copia de seguridad completa de WordPress antes de la actualización.

Dicho esto, aquí hay un desglose de las novedades de WordPress 6.3

  • Navegación del editor del nuevo sitio
  • Gestión de patrones mejorada
  • Editar páginas en el Editor del sitio
  • Administrar menús de navegación en el editor del sitio
  • Cambie fácilmente los estilos de tema en el Editor del sitio
  • Vista previa de temas en el Editor del sitio
  • Revisiones de estilo para deshacer cambios fácilmente
  • Presentamos la nueva herramienta Paleta de comandos
  • Dos nuevos bloques en el editor de bloques
  • Mejores herramientas de margen y relleno
  • Seleccione la relación de aspecto para sus imágenes
  • Barra de herramientas superior mejorada
  • Bloque de cubierta con opciones de diseño y color
  • Mejora del control de enlaces en WordPress 6.3
  • Cambios ocultos

Navegación del editor del nuevo sitio

WordPress 6.3 presenta una experiencia de navegación más pulida para el editor del sitio.

La columna izquierda ahora mostrará Navegación, Estilos, Páginas, Plantillas y Patrones. Los usuarios pueden ubicar fácilmente la sección que desean editar desde aquí.

Site Editor navigation in WordPress 6.3

La nueva interfaz de navegación incluye un botón de búsqueda en la parte superior. Al hacer clic en él, aparecerá la nueva paleta de comandos (más sobre esto más adelante).

También notará que las Partes de la plantilla no se encuentran entre los principales elementos de navegación. Eso es porque se mueven bajo los Patrones.

Gestión de patrones mejorada

WordPress 6.3 ahora incluye una experiencia mejorada de administración de patrones en el Editor del sitio. Comenzando con la navegación del Editor del sitio, que ahora tiene Patrones como uno de los principales elementos de navegación.

Patterns in site editor

Al hacer clic en Patrones, se muestran los patrones sincronizados y no sincronizados junto con las partes de la plantilla.

Los bloques reutilizables ahora se denominan patrones sincronizados. Puede encontrar sus bloques reutilizables en la pestaña Mis patrones. Estos se pueden usar en todo su sitio web, y cambiarlos afecta a todos los lugares donde se usa el patrón.

Los patrones no sincronizados son aquellos que se pueden usar en cualquier lugar y cambiarlos no afecta el patrón original.

Pattern categories

También puede hacer clic en el botón Agregar (+) para crear un nuevo patrón o pieza de plantilla.

En la parte inferior de la columna de navegación, encontrará enlaces para administrar todos sus patrones y partes de plantillas.

Manage template parts and patterns from site editor

Editar páginas en el Editor del sitio

Muchas personas que vienen de otras plataformas web pueden querer agregar o editar una página al editar su sitio web.

WordPress 6.3 facilita la creación y edición de páginas directamente desde el editor del sitio.

Edit pages in site editor

Simplemente haga clic en el menú Páginas en la navegación del Editor y le mostrará una lista de sus páginas.

Puede hacer clic en una página para comenzar a editarla o hacer clic en el botón Agregar (+) para crear un nuevo borrador de página.

Create or edit pages in the site editor

Administrar menús de navegación en el editor del sitio

WordPress 6.3 también presenta una nueva forma de administrar los menús de navegación dentro del Editor del sitio.

Anteriormente, los usuarios tenían que agregar un bloque de navegación y luego editarlo. Ahora los usuarios pueden crear, editar y administrar menús haciendo clic en la pestaña Navegación en el editor del sitio.

Editing WordPress navigation menus in Site Editor

Esto le mostrará todos los menús de navegación que ha creado en su sitio web.

Para editar un menú, haga clic para abrirlo en el editor del sitio.

Navigation menus list

Primero, verá los elementos del menú como una lista en la columna de navegación. Si solo desea reorganizarlos, puede mover los elementos del menú hacia arriba y hacia abajo.

Para editar un menú, haga clic en el botón de edición o en el lienzo del editor y comience a editar el menú en el editor del sitio.

Editing menus in the site editor

Cambie fácilmente los estilos de tema en el Editor del sitio

Anteriormente, los estilos de temas estaban escondidos debajo del panel Estilos dentro del editor del sitio. Esto los hizo un poco menos perceptibles para los principiantes.

Ahora los usuarios pueden ver los estilos en la propia navegación del editor del sitio. De esta manera, pueden comenzar con el estilo que prefieran e inmediatamente comenzar a editarlo a su gusto.

Browse and switch styles

Vista previa de temas en el Editor del sitio

Antes, los usuarios podían obtener una vista previa de los temas de WordPress usando el Personalizador de temas. Esto permitió a los usuarios obtener una vista previa de un tema sin activarlo en su sitio web.

WordPress 6.3 le permitirá obtener una vista previa de los temas de bloque dentro del editor del sitio. Vaya a la página Apariencia en el área de administración y haga clic en el botón Vista previa en vivo debajo de un tema de bloque.

Live preview block themes in site editor

Esto abrirá el tema en el editor del sitio con una vista previa en vivo de cómo aparecerá su contenido en el nuevo tema.

También puede editar el tema, probar diferentes estilos, usar sus propios colores y realizar cualquier cambio antes de elegir el tema. Sin embargo, para guardar esos cambios, deberá activar el tema.

New theme preview in site editor

Nota: Los temas clásicos sin compatibilidad con el editor de sitios aún mostrarán la vista previa en vivo usando el personalizador de temas anterior.

Revisiones de estilo para deshacer cambios fácilmente

WordPress guarda múltiples revisiones de su contenido mientras trabaja en él. Esto le permite deshacer fácilmente los cambios en sus publicaciones y páginas.

Del mismo modo, WordPress 6.3 ahora le permite ver las revisiones de sus estilos y deshacer fácilmente cualquier cambio.

Simplemente seleccione un estilo o bloque que desee editar en el panel Estilos. Haga clic en el botón 'Revisiones' y luego seleccione 'Historial de revisiones'.

Style revisions in WordPress 6.3

Esto le mostrará los cambios que ha realizado en ese estilo o bloque en particular. Puede moverse entre diferentes revisiones para ver cómo se veía un artículo en ese momento.

Para deshacer los cambios, simplemente haga clic en el botón Aplicar y WordPress restaurará esa revisión.

Browse revisions

Presentamos la nueva herramienta Paleta de comandos

Los atajos de teclado lo ayudan a ser más productivo al hacer cosas rápidamente sin quitar los dedos del teclado.

WordPress ya viene con un montón de atajos de teclado, pero con WordPress 6.3, ahora también tiene una herramienta de paleta de comandos.

Para intentarlo, simplemente edite una publicación o página de WordPress o abra el editor del sitio. Una vez que esté en el editor, presione las teclas CTRL+K o Comando+K en su teclado.

Command tool in site editor

Mostrará una ventana emergente de búsqueda donde puede encontrar atajos de teclado para alternar paneles, crear nuevas publicaciones o páginas, navegar al editor del sitio y más.

La herramienta de paleta de comandos también tiene una API que permite a los desarrolladores externos agregar sus propios comandos a la herramienta.

Dos nuevos bloques en el editor de bloques

El editor de bloques en WordPress 6.3 viene con dos bloques nuevos que puedes usar.

Bloque de notas al pie

Las notas al pie son la forma más fácil de proporcionar referencias a los recursos al final de su artículo. Sin embargo, los usuarios de WordPress tuvieron que crearlos manualmente o usar complementos separados para agregar notas al pie.

Ahora, con WordPress 6.3, solo puede usar el bloque de notas al pie. Simplemente seleccione la opción 'Nota al pie' usando el menú de tres puntos en la barra de herramientas.

Adding footnotes in WordPress 6.3

El bloque de detalles

El bloque de detalles le permite ocultar contenido que requiere que los usuarios hagan clic en un elemento para revelar el contenido oculto.

Simplemente agregue el bloque Detalles y proporcione el contenido que desea que vean los usuarios. Debajo de eso, puede proporcionar contenido que se revelará cuando los usuarios hagan clic en el contenido visible.

Using Details block

Puede agregar cualquier tipo de bloque para ocultarlo, incluidos párrafos, imágenes, medios, bloques agregados por complementos y más.

También puede agregar varios cuadros de detalles para crear una sección de preguntas frecuentes, preguntas de trivia, paneles de información y más.

Preview Details block

Mejores herramientas de margen y relleno

Anteriormente, cuando los usuarios desvinculaban las herramientas de margen y relleno, ocupaban mucho espacio.

Las nuevas herramientas de relleno y margen ahora ocupan mucho menos espacio y son más fáciles de usar.

Compact padding and margin controls

Seleccione la relación de aspecto para sus imágenes

WordPress 6.3 permite a los usuarios seleccionar la relación de aspecto para mostrar una imagen. En lugar de cambiar el tamaño y recortar una imagen, los usuarios ahora pueden elegir una relación de aspecto que se vea bien en todos los dispositivos.

Image aspect ratio

Barra de herramientas superior mejorada

WordPress muestra una barra de herramientas sobre el bloque en el que está trabajando en el editor de publicaciones.

También tiene la opción de mover la barra de herramientas a la parte superior para una experiencia de edición más limpia.

Enable top toolbar

Sin embargo, la barra de herramientas superior apareció justo debajo de la barra de herramientas en la parte superior.

Ocupaba más espacio y no se veía muy bien.

WordPress 6.3 ahora incluye una barra de herramientas mejorada en el panel superior para un acceso más fácil y rápido.

New top toolbar in WordPress 6.3

Bloque de cubierta con opciones de diseño y color

El bloque de portada también ha recibido un lavado de cara en WordPress 6.3.

Al igual que el bloque de grupo, los usuarios ahora pueden elegir el diseño para el bloque de portada.

Cover layout

También incluye más opciones de diseño en el panel de configuración de bloques.

También puede usar filtros de duotono con un bloque de cobertura como el bloque de imagen.

Cover block duotone and colors

Mejora del control de enlaces en WordPress 6.3

El control de enlaces es la herramienta utilizada por el editor de bloques para agregar enlaces. WordPress 6.3 viene con una configuración mejorada de control de enlaces.

Por ejemplo, ahora puede crear una página directamente desde la ventana emergente de control de enlaces.

New link control

WordPress 6.3 también ha movido la palanca para abrir un enlace en una nueva pestaña o ventana.

Ahora se encuentra en la configuración avanzada al agregar un enlace.

Open link in new tab

Cambios ocultos

WordPress 6.3 también incluye varios cambios destinados a los desarrolladores. Estos son algunos de los cambios ocultos más significativos.

  • Mejoras en el rendimiento de la imagen para mejorar la velocidad de carga de la página y resolver algunos de los problemas fundamentales comunes de la web, como la representación del LCP y la priorización de imágenes en la ventana gráfica de los usuarios. (Detalles)
  • Cargador de emoji mejorado para reducir el tiempo dedicado a cargar el script de emoji. (#58472)
  • Se agregó soporte diferido y asíncrono a la API de WP Scripts. (#12009)
  • Se agregó soporte de prioridad de recuperación para imágenes. (#58235)
  • Omitir la carga diferida para imágenes fuera del bucle en temas clásicos. (#58211)
  • Intenta revertir las actualizaciones fallidas de complementos y temas. (#51857)
  • Combinar get_posts() y get_pages(). (#12821)

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

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