blog webempresa

Novedades en WordPress 6.7

por | Dic 8, 2024 | Aprender WordPress

Cada día, en el ámbito tecnológico y digital, somos testigos de una constante e imparable carrera en busca de innovaciones y mejoras en las herramientas que utilizamos a diario. Nuestro gestor de contenidos favorito, WordPress, no es la excepción.

Con el lanzamiento de su versión general 6.7, disponible desde el 12 de noviembre de 2024 (y con una revisión publicada el 21 de noviembre), WordPress introduce una serie de mejoras. Algunas de estas pueden pasar desapercibidas, mientras que otras consolidan la dirección hacia la que ha evolucionado su editor, simplificando el proceso de edición y mejorando tanto la compatibilidad como la flexibilidad.

A continuación, exploraremos de manera sencilla todas las mejoras destacadas que esta nueva actualización global que WordPress 6.7 nos ofrece.

wordpress 6.7.1

 Nuevo tema predeterminado: Twenty Twenty-Five

 

tema twenty twent-five

Comencemos con uno de los elementos más destacados de WordPress 6.7: su nuevo tema predeterminado, Twenty Twenty-Five.

Como es habitual, cada tema predeterminado en versiones globales de WordPress busca resaltar las nuevas funcionalidades que la actualización trae consigo, y Twenty Twenty-Five no es la excepción. Este tema de WordPress se desarrolla bajo la premisa de que “las cosas simples deben ser fáciles e intuitivas, y las complejas deben ser posibles para todos”.

Entre las novedades que introduce este tema, destaca la expansión del apartado de patrones, que ahora incluye una amplia selección de bloques pre-diseñados con múltiples variaciones de estilo.

Esto permite a los usuarios aprovechar estas estructuras como plantillas para darle forma a su sitio web en cuestión de minutos, simplificando enormemente el proceso de diseño.

listado de patrones

Además de los patrones predefinidos, es evidente que el diseño general del tema pone un fuerte énfasis en el formato de blogs, siendo esta una de las vistas principales y predeterminadas.

Este enfoque parece devolver a WordPress a sus “raíces”, destacando su simplicidad y su orientación hacia los sitios de blogs, en contraste con los temas predeterminados anteriores, que se centraban más en usos multipropósito.

Sin embargo, esto no significa que se haya sacrificado flexibilidad. Twenty Twenty-Five sigue ofreciendo un rendimiento sobresaliente en cualquier dispositivo gracias a su diseño ligero y su enfoque en la accesibilidad.

Incluso las personas con conocimientos limitados o nulos sobre la gestión de WordPress encontrarán este tema fácil de personalizar. La posibilidad de ajustar colores, fuentes y diseños con tan solo unos clics hace que el proceso de configuración sea rápido, intuitivo y sin complicaciones.

 Vista de zoom para la edición del sitio (Zoom out)

 

Por más minimalista que parezca el editor Gutenberg de WordPress, en cada iteración logra esconder toda su magia detrás de íconos y opciones discretas. Este es precisamente el caso de la nueva función “Zoom out”, una herramienta que facilita la edición y organización de secciones en páginas extensas.

wordpress zoom out

La función de vista de “Zoom out”, introducida en WordPress 6.7, permite alejar la vista del contenido que estás editando, brindando una mejor perspectiva de la estructura general de la página. Pero no solo se trata de observar: también puedes mover elementos de forma más amplia y organizada para ajustar la disposición de tu contenido.

Con solo hacer clic en la opción “Zoom out”, ubicada en la barra de herramientas en la esquina superior derecha, tendrás la posibilidad de añadir, editar, reorganizar o eliminar patrones según lo necesites, agilizando todo el proceso de diseño.

 Mejoras en los archivos multimedia

 

Un aspecto interesante que WordPress sigue mejorando con cada actualización es la compatibilidad nativa con más tipos de formatos de imagen. En esta ocasión, WordPress 6.7 soluciona un inconveniente común para quienes gestionan su sitio desde dispositivos Apple: ahora es posible subir imágenes en formato HEIC sin complicaciones.

Todas las imágenes cargadas en formato HEIC serán convertidas automáticamente a JPEG, asegurando así su compatibilidad con una amplia variedad de navegadores y dispositivos.

Sin embargo, es importante tener en cuenta que esta conversión requiere que el servidor web tenga instalado el módulo Imagick con soporte para archivos HEIC. Por suerte, la mayoría de los proveedores de hosting web ya incluyen esta funcionalidad de manera predeterminada.

Para confirmar que nuestro sitio web está preparado para realizar esta conversión, vamos a seguir los siguientes pasos:

  • Vamos a Herramientas → Salud del sitio.
  • En la pestaña Información, nos desplazamos hasta la sección Manejo de medios → Formatos de archivo compatibles con ImageMagick.
  • Desde este apartado podremos validar si el formato HEIC aparece en la lista de tipos de archivo soportados.

salud del sitio heic

Gracias a esta mejora, WordPress facilita aún más la gestión de imágenes, eliminando barreras técnicas y garantizando una experiencia más fluida para los usuarios de dispositivos Apple.

Por otro lado, es importante destacar otras mejoras añadidas en esta última actualización de WordPress relacionadas con el manejo de elementos multimedia.

Para cerrar el tema del formato HEIC, aunque la plataforma convierte automáticamente estas imágenes a JPEG, siempre es posible utilizar el enlace absoluto de la imagen en su formato original. Esto permite que los usuarios puedan acceder o descargar la versión HEIC como archivo adjunto si lo desean.

En cuanto a otras mejoras destacables relacionadas con las imágenes, WordPress 6.7 ahora ofrece un mayor control sobre la gestión de fondos. Los usuarios pueden definir qué imágenes se usarán como fondo y aplicarlas de manera global en todo el sitio o de forma específica en ciertos bloques.

Esta flexibilidad permite una personalización más detallada y un diseño más acorde a las necesidades de cada proyecto.

imagenes fondo wordpress

Por último, pero no menos importante, otro aspecto que sigue teniendo margen de mejora en cada iteración es la carga diferida de las imágenes, refinando cada vez más la función del “Lazy loading” garantizando que las imágenes se carguen únicamente cuando sean necesarias, lo que contribuye significativamente al rendimiento del sitio.

 Filtrado de vistas de datos

 

Podemos definir las vistas de datos en WordPress como una forma mejorada de organizar y mostrar colecciones de plantillas, patrones, páginas y otros elementos donde básicamente podemos visualizar conjuntos de datos en el editor de sitios en distintas disposiciones, como en tablas, cuadrículas o listas.

Esta es una funcionalidad agregada en la versión de WordPress 6.5 para luego ser mejorada en la versión 6.6, las vistas de datos ahora son aún más flexibles y funcionales en WordPress 6.7, con nuevas opciones que facilitan su personalización.

En WordPress 6.7, se agrega un icono de engranaje en la parte superior derecha de la vista de cuadrícula. Al hacer clic en él, se abre un panel con varias opciones que te permiten:

  • Ordenar los elementos mostrados.
  • Ajustar la densidad de la cuadrícula (es decir, cuántos elementos se muestran por fila).
  • Establecer cuántos elementos se muestran por página.
  • Elegir qué propiedades del elemento se verán en la vista previa.

vistas de datos opciones

Además, un botón de alternancia permite mostrar u ocultar filtros, lo que mejora la visualización en pantallas más pequeñas. Cuando se aplican filtros, el botón muestra cuántos filtros están activos.

vistas de datos filtros

Otros cambios incluyen una relación de aspecto ajustable y nuevas opciones de visualización fuera del menú, lo que mejora aún más la experiencia de usuario.

  Mejoras en la biblioteca de fuentes

 

El apartado de fuentes es otro protagonista en la versión de WordPress 6.7 presentando mejoras importantes en la interfaz de estilos, especialmente en la personalización de fuentes.

Si bien en versiones anteriores ya era una posibilidad el definir fuentes personalizadas, ahora los usuarios tienen más control sobre los tamaños de fuente predefinidos, lo que facilita la creación y aplicación de tamaños personalizados en todo el sitio. Esto ahorra tiempo y hace que la experiencia de diseño sea más fluida.

Desde el editor de estilos, si nos enfocamos en el apartado de tipografía vamos a poder encontrar una nueva opción marcada como “Tamaños de Fuente”, la cual nos permite establecer tamaños de forma global para todo el sitio web.

preajustes tamaño fuentes

Desde el mismo apartado de los preajustes de tamaño de fuente hay una nueva opción interesante y se trata de la introducción de la tipografía fluida, una función que permite que el texto se ajuste dinámicamente a diferentes tamaños de pantalla. Esto garantiza que el contenido sea siempre responsivo y fácil de leer, ya sea en un teléfono móvil o en una computadora de escritorio.

tipografia fluida

Por último, desde la nueva biblioteca de fuentes hace que la gestión de tipografías sea mucho más eficiente. En esta actualización nos permite agrupar las fuentes por su origen y administrar varias de ellas al mismo tiempo, activándolas o desactivándolas desde una interfaz sencilla.

tipografias agrupadas

Estas mejoras no solo optimizan el diseño de los sitios web, sino que también simplifican la personalización, permitiendo a los usuarios mantener un diseño coherente y adaptado a cualquier dispositivo.

  Bloque de bucle de consultas refinado

 

Uno de los bloques mas potentes que nos permite invocar un listado dinámico de entradas en la estructura de nuestras paginas es el bloque de bucle de consultas (Query loop).

En versiones anteriores el configurar este bloque para que obtuviese el aspecto deseado requería de varias acciones manuales, este proceso ha sido simplificado considerablemente haciendo que el bloque en esta nueva versión de WordPress 6.7 el bloque pueda obtener los estilos heredados directamente de la plantilla activa de forma predeterminada.

El uso del bloque funciona de igual manera tanto desde el editor de plantillas como desde el editor de la entrada o la página de forma convencional.

bloque de bicle de consultas

 Mejoras en la API de interactividad

 

Desde la introducción de la API de Interactividad en WordPress 6.5, cuyo objetivo es ayudar a los desarrolladores a manejar tareas asincrónicas de manera más eficiente, la versión 6.7 presenta importantes mejoras que la hacen más estable y funcional.

Una de las principales ventajas de esta API es que simplifica la implementación de funciones como la carga diferida (lazy loading) y la división de código en directivas, optimizando significativamente el rendimiento de los sitios web.

Un ejemplo práctico de su uso es agregar un efecto interactivo a las imágenes. Al configurar una imagen en la opción de enlace como “Ampliar al hacer clic”, esta se abrirá en un lightbox (ventana emergente) al ser seleccionada.

accion imagen lightbox

Esta funcionalidad no solo mejora la experiencia del usuario al interactuar con contenido multimedia, sino que también demuestra el potencial de esta API para ser integrada en más plugins y temas en el futuro.

Con estas actualizaciones, WordPress sigue cubriendo necesidades clave, facilitando la creación de funcionalidades dinámicas más rápidas y accesibles. Esto abre dos escenarios interesantes: por un lado, se podría reducir la dependencia de plugins de terceros; por otro, se habilita a los desarrolladores para crear herramientas aún más avanzadas y creativas.

 Mejoras de interfaz de usuario en el editor

 

WordPress 6.7 no reinventa la rueda, pero sí afina detalles importantes que mejoran la experiencia de uso del editor. A continuación, destacamos una de las mejoras más notables, diseñada para optimizar la productividad y, sobre todo, la experiencia del usuario.

 Posición botón de guardar/publicar

 

Al guardar cambios en una entrada o página, ya sea para publicar, establecer como borrador o programar en el tiempo, es habitual encontrarse con dos botones: “Cancelar” y “Guardar”.

En esta actualización, se ha cambiado el orden de estos botones, colocando el de “Guardar” en la posición más a la izquierda.

¿Por qué este cambio?

  • Mayor claridad: Al ubicar “Guardar” al extremo izquierdo, se alinea con la lógica de que esa es la acción principal que realizamos al editar contenido.
  • Prevención de errores: Reduce el riesgo de clics accidentales en “Cancelar” por inercia.
  • Optimización de movimiento: Aunque pueda parecer un detalle menor, el cambio también minimiza el recorrido del cursor, mejorando la usabilidad y haciendo el proceso más intuitivo.

orden botones publicar

 Nombres de bloques personalizados

 

Desde WordPress en su versión 6.6 cuando vemos los bloques usados desde la vista de lista, estos bloques solo mostraban sus nombres por defecto, ahora en WordPress 6.7 varios bloques adquieren un nombre personalizado acorde a su contenido, por ejemplo el bloque de título tomará como nombre automático el contenido que le corresponda.

bloque titulo personalizado

 Agregar imagenes desde el bloque

 

La carga de imágenes en el editor de WordPress, hasta ahora, seguía un método convencional: añadir un bloque de imagen y luego seleccionar el archivo desde la biblioteca de medios o subirlo desde el ordenador.

Con la nueva actualización, este proceso se ha simplificado significativamente. Ahora, solo necesitas agregar el bloque de imagen y, utilizando la función de arrastrar y soltar, puedes cargar una o varias imágenes directamente desde tu equipo. Además, si arrastras múltiples imágenes, el sistema generará automáticamente una galería.

Esta mejora agiliza el flujo de trabajo, haciendo que añadir contenido visual sea más rápido y sencillo para todos los usuarios.

arrastrar imagenes

 Números de teléfono con enlaces automáticos

 

Si bien la acción de agregar enlaces en el contenido mediante el editor es realmente sencillo, ahora en WordPress 6.7 tenemos la peculiaridad de que logra interpretar cuando el contenido que deseamos enlazar se trata de un número de teléfono y lo traduce automáticamente a un enlace “tel:”.

numero con enlace

 Ocultar patrones de inicio

 

Por defecto, al momento de crear una nueva entrada o página nos aparece una ventana emergente, la cual presenta un listado de parones sugeridos con los cuales podemos tomar como base y comenzar a darle forma al contenido.

Sin embargo, si esta ventana nos parece intrusiva o innecesaria, podemos desactivarla por completo desde las preferencias, apagando la opción “Mostrar patrones de inicio”.

desactivar patrones inicio

 Soporte para bordes y sombras

 

Siguiendo con las novedades estéticas que seguramente serán del agrado de quienes buscan más opciones de personalización, la capacidad de personalizar estilos de bordes ha sido ampliada significativamente, permitiendo su aplicación en una amplia variedad de bloques.

Bloques como botones, imágenes, títulos, párrafos y muchos otros ahora admiten ajustes de estilo a nivel de bordes. Estas opciones incluyen la posibilidad de modificar el grosor del borde, aplicar esquinas redondeadas (border-radius) e incluso añadir sombras al bloque, ofreciendo mayor flexibilidad para darle un toque único y personalizado al diseño de cada elemento.

Las opciones de borde y sombra no se ven limitadas a los bloques mencionados, ya que es posible también aplicar estos estilos a elementos más generales como a contenedores, columnas e incluso grupos de elementos, lo que expande considerablemente las opciones de personalización.

bordes y sombras

 Gestión directa de enlaces de bloques

 

La API de vinculación de bloques (Block Binding API), introducida en WordPress 6.5, recibe una actualización significativa en WordPress 6.7 que promete facilitar aún más la gestión de campos personalizados y atributos dentro de los bloques.

Uno de los cambios más relevantes es la incorporación de una nueva interfaz de usuario que permitirá crear y gestionar vínculos directamente desde el editor de bloques, eliminando la necesidad de trabajar desde el editor de código.

Aunque esta opción aún no está disponible para todos los usuarios, la intención es que en futuras revisiones sea completamente funcional. Una vez habilitada, permitirá seleccionar y vincular metadatos directamente desde las opciones de los bloques, simplificando enormemente el proceso. Esta funcionalidad estará integrada inicialmente en bloques esenciales como Título, Párrafo, Imagen y Botón.

Este avance no solo agiliza la experiencia de edición, sino que también la hace más accesible para usuarios con poca experiencia técnica, ofreciendo un control más intuitivo y eficiente sobre el contenido y la personalización en WordPress.

enlazar campos personalizados

 Cambios técnicos internos en WordPress 6.7

 

WordPress 6.7 introduce una serie de mejoras internas enfocadas tanto en pulir funcionalidades presentadas en versiones anteriores, además de optimizar el rendimiento, la estabilidad y nuevas funcionalidades de API para desarrolladores.

Entre los cambios técnicos trasladados a mejoras que benefician tanto a los administradores de sitios como a los desarrolladores al optimizar la experiencia general podemos mencionar los siguientes:

Compatibilidad con PHP 8: para WordPress 6.7 se han realizado refinamientos importantes para mejorar el soporte con las versiones más recientes de PHP 8, eliminando código obsoleto de versiones anteriores de PHP y asegurando que el core de WordPress sea completamente compatible con entornos modernos de PHP.

API de Registro de Plantillas: se presenta una nueva API la cual facilita el registro de plantillas y sus secciones / patrones de forma programada. Esto elimina la necesidad de utilizar filtros y simplifica cómo los plugins gestionan las plantillas personalizadas.

Mejoras en el cargador de scripts: desde la gestión del codigo fuente se han eliminado polyfills obsoletos como wp-polyfill y regenerator-runtime, reduciendo dependencias innecesarias en navegadores modernos.

Entre las actualizaciones relacionadas con rendimiento podemos mencionar las siguientes:

  • Carga más rápida de patrones.
  • Vistas previas más optimizadas en el componente de vistas de datos.
  • Compatibilidad mejorada con PHP 8+ y eliminación de código en desuso.
  • Gestión automática de tamaños para imágenes con carga diferida (lazy loading).
  • Procesamiento más eficiente de etiquetas HTML gracias a optimizaciones en la API HTML.

Entre las actualizaciones relacionadas con accesibilidad podemos mencionar las siguientes:

  • Más de 65 correcciones y mejoras en accesibilidad.
  • Mejoras en la navegación con teclado y componentes de la interfaz en el editor.
  • Etiquetas más claras en toda la plataforma.
  • Un encabezado accesible en las pantallas de inicio de sesión.

  Conclusión

 

La versión 6.7 de WordPress puede no parecer un cambio radical a simple vista, pero el esfuerzo detrás de su desarrollo es notable: más de 500 mejoras y más de 200 correcciones de errores tanto en el editor como en el núcleo. Este compromiso refleja la dedicación constante de su comunidad para seguir perfeccionando la plataforma.

Entre los aspectos más destacados, no solo encontramos ajustes que mejoran la usabilidad y el rendimiento, sino también la incorporación de herramientas clave que brindan mayor flexibilidad y control tanto a usuarios como a desarrolladores.

Funciones como la tipografía fluida, la gestión simplificada de metadatos y las mejoras en personalización demuestran el enfoque en ofrecer una experiencia más intuitiva y versátil. Además, las optimizaciones internas, centradas en rendimiento y accesibilidad, subrayan el objetivo de hacer de WordPress una plataforma más moderna y eficiente.

Esta actualización no solo busca perfeccionar la experiencia para usuarios finales, sino también empoderar a administradores y desarrolladores, consolidando a WordPress como el CMS multipropósito preferido. Atrás quedó la idea de que WordPress es solo para blogs personales; con cada iteración, la plataforma reafirma su posición como una herramienta poderosa y adaptable para todo tipo de proyectos web.

Tambien te puede interesar:

¿Te ha resultado útil este artículo?

Black Friday 2024