Lo más destacado de WordPress 6.5: Bibliotecas de fuentes, vistas de datos, API de enlace de bloques e interacción y mucho más

WordPress El lanzamiento de la versión 6.5 está previsto para el 26 de marzo, y esperamos con impaciencia las nuevas e interesantes funciones que traerá consigo.

Esta versión introduce una nueva y potente API que mejora enormemente la experiencia de desarrollo de WordPress. Además, WordPress 6.5 introduce una serie de mejoras diseñadas para optimizar el proceso de creación de sitios y contenidos.

Con la nueva biblioteca de fuentes, los usuarios pueden inyectar valores de campo personalizados en los bloques principales y descargar e instalar fuentes de Google directamente desde el editor del sitio. Una serie de nuevas herramientas de diseño y mejoras en la interfaz de usuario también mejorarán la experiencia de edición.

Pero eso es sólo la punta del iceberg en cuanto a las novedades de WordPress 6.5. La nueva versión incorpora tantas mejoras y actualizaciones que las limitaciones de espacio nos impiden detallarlas todas. Así que hemos reunido las características más transformadoras y emocionantes en este exhaustivo artículo.

Ahora, vamos a sumergirnos en las novedades más destacadas que trae WordPress 6.5.

Nueva biblioteca de fuentes de WordPress

WordPress 6.5 incorpora una nueva función que permite gestionar las fuentes directamente en los ajustes de estilo.

Al igual que ocurre con la gestión de imágenes en una biblioteca multimedia, ahora existe una biblioteca de fuentes específica para WordPress que facilita la gestión de las fuentes.

Instalar o eliminar fuentes locales y fuentes de Google es muy fácil con esta biblioteca de fuentes, y puedes activar o desactivar cualquier fuente tanto como quieras, independientemente del tema que estés utilizando.

Es genial, ¿verdad? Ahora tenemos más control sobre una parte importante de nuestro sitio web: la tipografía. Para utilizar fuentes personalizadas, ya no tienes que depender de las fuentes proporcionadas por el tema o ajustarlas a través de CSS.

También es muy fácil de usar. Basta con abrir la barra lateral "Estilos globales" en el editor del sitio y seleccionar "Tipografía".

En WordPress 6.5, la gestión de fuentes es ahora más sencilla.

Cuando vaya a "Estilos globales", verá todas las fuentes y elementos tipográficos disponibles. Al hacer clic en "Gestionar fuentes", aparecerá una ventana con tres pestañas:

1. "Ficha "BibliotecaAquí se muestra una vista previa de todas las fuentes disponibles.
2. "Pestaña "Cargar: Puedes arrastrar y soltar archivos de fuentes para cargarlos directamente desde tu ordenador.
3. "Pestaña "Instalar fuentesDesde aquí, puede elegir e instalar fuentes de Google Fonts.

Una vez conectado a Google Fonts, puedes ver todas tus opciones de fuentes en un solo lugar. También puedes buscar fuentes concretas por su nombre.

Una vez que hayas encontrado tus fuentes favoritas y sus diferentes estilos, haz clic en "Instalar" y listo.

Tras instalar nuevas fuentes, la biblioteca de fuentes las añadirá a su sitio y las descargará en la carpeta /wp-content/fonts/ del sitio. También utilizará wp-content/uploads/fonts como ubicación de almacenamiento alternativa si es necesario.

Desactivar las bibliotecas de fuentes

Los desarrolladores de plugins y temas ahora pueden desactivar la función de biblioteca de fuentes con el nuevo filtro PHP "fontLibraryEnabled".

function disable_font_library_ui( $editor_settings ) {
$editor_settings['fontLibraryEnabled'] = false;
return $editor_settings;
}
add_filter( "block_editor_settings_all", "disable_font_library_ui" );
function disable_font_library_ui( $editor_settings ) {

$editor_settings['fontLibraryEnabled'] = false;

return $editor_settings;

}

add_filter( "block_editor_settings_all", "disable_font_library_ui" );
function disable_font_library_ui( $editor_settings ) {

$editor_settings['fontLibraryEnabled'] = false;

return $editor_settings;

}

add_filter( "block_editor_settings_all", "disable_font_library_ui" );

vista de datos

DataViewses un componente que permite presentar conjuntos de datos en distintos formatos (por ejemplo, tablas, cuadrículas, listas, etc.).

En esta actualización, WordPress 6.5 trae nuevas vistas y funciones para una mejor gestión de páginas, esquemas y plantillas. Esto podría significar que podemos esperar más mejoras en futuras versiones de WordPress.

WordPress 6.5 cuenta ahora con varias vistas nuevas en el editor del sitio:

• plantilla: Puede ver y gestionar las plantillas mediante el diseño de tabla y cuadrícula en "Gestionar todas las plantillas".
• Componentes de patrones y plantillas: En "Gestionar todas las partes de la plantilla", también puede organizarlas y encontrarlas en tablas y diseños de cuadrícula.
• motivosAhora con un diseño de cuadrícula que hace que la búsqueda y la aplicación sean más intuitivas.
• página web: En la sección "Gestionar todas las páginas", se admiten tanto diseños de tabla como de cuadrícula.

Estas mejoras hacen que la visualización y la gestión de los contenidos del sitio web sean más fáciles e intuitivas.

La vista de datos no sólo ha mejorado el diseño, sino que también ha añadido muchas funciones útiles, como filtros, búsqueda, paginación, ordenación y personalización para mostrar u ocultar campos de información.

Ahora puedes utilizar la función de edición por lotes para trabajar con varios contenidos a la vez. Por ejemplo, en el caso de las páginas web, puedes moverlas a la papelera de reciclaje, restaurarlas o eliminarlas por completo.

Además, la vista de datos introduce un nuevo tipo deFiltro principal APIEste filtro especial está siempre visible y permite filtrar directamente en la pantalla. Por ejemplo, en el área de gestión de modos, ahora puedes ver un nuevo filtro que muestra el estado de la sincronización.

Además, la API DataViews está disponible a través del nuevo paquete npm @wordpress/dataviews, que facilita a los desarrolladores la experimentación y el uso de las vistas de datos.

API de enlace de bloques

La API de vinculación de bloques es una nueva función de WordPress 6.5 que permite vincular las propiedades de los bloques a datos de distintas fuentes. Esto significa que el contenido del bloque puede cambiar automáticamente dependiendo de la situación. Por ejemplo, un bloque de título puede mostrar el nombre del autor del cambio, que se basa en el autor de cada entrada.

Se trata de una actualización importante, ya que mejora muchos de los bloques principales. Ahora puedes adjuntar cualquier tipo de datos dinámicos a las propiedades de los bloques, ya sean datos del sitio, campos personalizados, información del usuario, esquemas, códigos cortos, otros bloques o incluso fuentes de datos externas.

El flujo de trabajo de la API de enlace de bloques puede dividirse en tres pasos:

1. Creación de enlacesEn primer lugar, hay que establecer la conexión entre las propiedades del bloque y la fuente de datos.
2. Obtención de datosA continuación, la API extrae información de las fuentes de datos establecidas.
3. Actualización del bloquePor último, el contenido HTML del bloque se actualiza en función de los datos recibidos.

Actualmente, la API de vinculación de bloques permite conectar propiedades de bloques y campos personalizados. Aunque está previsto utilizarla para anulaciones en modo síncrono, esto se ha retrasado hasta la versiónversión futura.

En la fase inicial, sólo unos pocos bloques (como encabezados, párrafos, imágenes y botones) son compatibles con esta API, pero con el tiempo cabe esperar que se añadan a esta función más bloques, incluidos los personalizados.

Para los desarrolladores de plugins, esta nueva API también ofrece la posibilidad de registrar su propia fuente de datos, al igual que se registra una fuente de datos core/post-meta. De este modo, los plugins podrán beneficiarse de esta nueva tecnología.

register_block_bindings_source(
myplugin/plugin-data',
array(
'label' => _x( 'Plugin Data', 'block bindings source' ),
'get_value_callback' => 'myplugin_block_bindings_post_meta_callback',
)
);
register_block_bindings_source(

myplugin/plugin-data',

array(

'label' => _x( 'Plugin Data', 'block bindings source' ),

'get_value_callback' => 'myplugin_block_bindings_post_meta_callback',

)

);
register_block_bindings_source(

myplugin/plugin-data',

array(

'label' => _x( 'Plugin Data', 'block bindings source' ),

'get_value_callback' => 'myplugin_block_bindings_post_meta_callback',

)

);

A continuación, añada el objeto vinculante al bloque:

<!-- wp:paragraph
{
"metadata": {
"bindings": {
"content": {
"source": "myplugin/plugin-data",
"args": {
"key":"plugin_key"
}
}
}
}
}
-->
<p>Párrafo</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph

{

"metadata": {

"bindings": {

"content": {

"source": "myplugin/plugin-data",

"args": {

"key":"plugin_key"

}

}

}

}

}

-->

<p>Párrafo</p>

<!-- /wp:paragraph -->
<!-- wp:paragraph

{

"metadata": {

"bindings": {

"content": {

"source": "myplugin/plugin-data",

"args": {

"key":"plugin_key"

}

}

}

}

}

-->

<p>Párrafo</p>

<!-- /wp:paragraph -->

He aquí una breve descripción de cada sección:

• metadatos: Se trata de una recopilación de información sobre el bloque.
• fijacionesEsta sección contiene uno o varios enlaces de datos para conectar datos y propiedades de bloque.
• contenido: Es el atributo del bloque que está conectado a la fuente de datos. En este ejemplo, es el atributo "content" del bloque de párrafo.
• fuenteFuentes de datos.
• args: El conjunto de parámetros pasados a la fuente de datos.

A medida que pase el tiempo, se introducirán más funciones en la API de vinculación de bloques. Pronto podremos crear vinculaciones directamente desde el editor visual, conectar propiedades de bloque a más tipos de fuentes de datos (como datos del sitio o datos categóricos) y poder utilizar esta funcionalidad en más bloques.

Ahora, vamos a explorar la primera implementación de la API de enlace de bloques de forma más visual.

Vinculación de campos personalizados a bloques

Antes de la actualización de WordPress 6.5, los desarrolladores no podían mostrar los datos de los campos personalizados directamente en los bloques estándar de su sitio web, como texto o imágenes. Tenían que crear bloques personalizados específicamente para mostrar esta información.

Pero ahora, en la versión 6.5 de WordPress, las cosas son mucho más sencillas. Puede configurar elCampos personalizadosLos datos almacenados en el bloque se muestran directamente en bloques de uso común, como botones, pies de foto, imágenes y párrafos de texto.

Como ya se ha mencionado, la nueva API de vinculación de bloques permite vincular las propiedades de los bloques a diversas fuentes de datos, incluidos los campos personalizados. Para activar esta función, basta con ir al menú "Opciones" del editor, luego a "Preferencias", "General " y habilite allí los campos personalizados.

Tenga en cuenta que en la versión 6.5 de WordPress aún no existe una interfaz de usuario intuitiva que le ayude a conectar el valor de un campo personalizado a un atributo de bloque.

Esto significa que después de haber añadido la clave y el valor de su campo personalizado, tiene que ir al modo de editor de código y añadir una sección llamada "bindings" al código del bloque, como en el código de ejemplo siguiente:

<!-- wp:paragraph
{
"metadata": {
"bindings": {
"content": {
"source":"core/post-meta",
"args": {
"key":"my_custom_field"
}
}
}
}
} -->
<p>Párrafo</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph

{

"metadata": {

"bindings": {

"content": {

"source":"core/post-meta",

"args": {

"key":"my_custom_field"

}

}

}

}

} -->

<p>Párrafo</p>

<!-- /wp:paragraph -->
<!-- wp:paragraph

{

"metadata": {

"bindings": {

"content": {

"source":"core/post-meta",

"args": {

"key":"my_custom_field"

}

}

}

}

} -->

<p>Párrafo</p>

<!-- /wp:paragraph -->

Cuando añades un campo personalizado a un bloque, la configuración asociada se bloquea, lo que significa que ya no puedes editar manualmente el contenido de ese bloque.

Veamos cómo se aplica esto al bloque de imagen. Añadiremos dos campos personalizados a los atributos "alt" (texto alternativo) y "src" (fuente de la imagen) de la imagen.

Tenga en cuenta que una vez que haya configurado un campo personalizado, no podrá utilizar los controles habituales del editor para cambiar la fuente de la imagen.

Actualmente, en la primera versión de la vinculación de bloques, sólo se pueden vincular campos personalizados a estas propiedades de bloque a continuación:

• Párrafos: sólo pueden vincularse a atributos "contenido".
• Título: De nuevo, sólo enlace con el atributo "contenido".
• Imágenes: pueden vincularse a los atributos "URL", "alt" (texto alternativo) y "title".
• Botones: pueden enlazar con "text", "URL", "linkTarget" y "rel " (atributo de relación).

Si quiere aprender a asociar campos personalizados con propiedades de bloque, consulte la secciónFunción de enlace de bloquesLos detalles de la

mejoradosistema de enmiendas

La función de revisión permite editar con confianza y audacia, ya que siempre se puede volver al aspecto anterior del sitio y deshacer cualquier cambio no deseado. Esta función es especialmente importante para los sitios que requieren la colaboración de varias personas, por lo que las revisiones de estilo se han vuelto fundamentales en esta última etapa de desarrollo de WordPress. En la versión 6.5 de WordPress, el sistema de revisión ha sufrido algunos cambios.actualización importante.

Estas son algunas de las actualizaciones de las funciones revisadas de WordPress 6.5.

Explicación de los cambios

En versiones anteriores de WordPress, cuando se visualizaban las revisiones, sólo se podía ver la fecha y hora de la revisión y quién había realizado los cambios. Pero a partir de la versión 6.5 de WordPress, además de esta información básica, puedes ver un breve resumen e información más detallada sobre cada revisión.

Revisiones y paginación ilimitadas

Antes de WordPress 6.5, sólo se podía ver un máximo de 100 revisiones en la barra lateral de la interfaz de edición debido a las limitaciones de la API Rest.

Sin embargo, desdeGutenberg 17.2desde la introducción delDos nuevos selectoresgetRevisions y getRevision, están ahora integrados en WordPress 6.5, por lo que el límite anterior de 100 revisiones ha sido eliminado. Ahora puede ver todas las revisiones, que se desglosan en cada página10 artículos para mostrar.

serie revisada de libros de estilo

Otra actualización es que el panel "Revisiones" ahora también se puede utilizar en el panel "libro modelo"Arriba. Esto significa que puede ver los cambios realizados en patrones y estilos de bloque que no están en la plantilla actual.

Revisión de encofrados y piezas de encofrado

Ahora también puedes cambiar entre plantillas y registros de revisión para secciones de plantillas, volviendo a versiones anteriores del proyecto de diseño, lo que añade una capa extra de protección a tu edición.

API interactiva

existeWordPress 6.5Antes, si los desarrolladores querían hacer más interactivas las páginas web, tenían que introducir y utilizar por su cuenta sus bibliotecas JavaScript favoritas. Sin embargo, esta práctica dejaba el front-end de la web desprovisto de un estándar uniforme para el desarrollo de JavaScript.

A partir de la versión 6.5 de WordPress, la introducción del nuevoAPI interactivaSe trata de un enfoque moderno y estandarizado que le permite añadir fácilmente elementos interactivos a su sitio web de WordPress.

Si te interesa esta nueva API, echa un vistazo a algunas de las primeras implementaciones de la versión 6.4 de WordPress, como los bloques de imágenes, búsqueda, archivos, navegación y consulta, que se han refactorizado para aprovechar esta API. Un ejemplo concreto es el efecto lightbox para imágenes.

Puede implementar funciones como la paginación dinámica, la búsqueda instantánea y la interacción en tiempo real entre bloques en su sitio con esta nueva API interactiva.

Ahora los bloques pueden compartir datos, realizar operaciones y enviarse callbacks entre sí. Esto facilita la comunicación entre bloques y reduce la posibilidad de errores. Por ejemplo, al hacer clic en un bloque "Añadir a la cesta", se actualiza automáticamente otro bloque "Cesta".

Y todo es superrápido. Los scripts necesarios sólo se cargan si hay al menos un bloque interactivo presente en la página, para no ralentizarla innecesariamente.

La API de interactividad emplea las últimas técnicas de desarrollo front-end para reducir drásticamente la cantidad de código JavaScript necesario para implementar la interactividad de la página mediante el uso de atributos HTML personalizados.

Si ya estás familiarizado con librerías front-end como HTMX y Alpine.js, apreciarás la posibilidad de utilizar la Interactivity API en WordPress para implementar una funcionalidad similar. ¿Cómo funciona exactamente? Veámoslo más de cerca.

¿Qué es la API de interacción?

Las API interactivas son un nuevo estándar que simplifica a los desarrolladores web la adición de elementos interactivos a las páginas web, lo que significa que los visitantes del sitio web pueden realizar acciones directamente en la página, como buscar al instante, publicar un comentario o añadir algo a un carrito de la compra, sin necesidad de actualizar toda la página.

Esta nueva tecnología tiene muchas características modernas que la convierten en una potente herramienta de desarrollo:

• Es capaz de generar el contenido de la página en el lado del servidor y también admite la actualización de este contenido en el lado del cliente.
• Funciona bien con el lenguaje PHP y los sistemas de módulos de página existentes.
• Funciona con los plugins de WordPress y las bibliotecas de JavaScript existentes.
• Utiliza programación declarativa, lo que significa que sólo es necesario describir el resultado que se desea, no los pasos exactos que hay que dar.
• Funciona con eficacia y puede ampliarse según las necesidades.
• Se basa en unidades pequeñas y componibles: puede construir efectos complejos con diferentes bloques funcionales pequeños.
• Puede utilizarse con otras herramientas de desarrollo de WordPress.

En pocas palabras, la API interactiva permite añadir todo tipo de funciones dinámicas a los elementos web mediante atributos HTML especiales, lo que hace que las páginas web sean más animadas e interactivas. He aquí un ejemplo de bloque interactivo:

<div
no numeric noise key 1004
data-wp-interactive='{ "namespace": "create-block" }'
data-wp-context='{ "isOpen": false }'
data-wp-watch="callbacks.logIsOpen"
>
<button
data-wp-on--click="actions.toggle"
data-wp-bind--aria-expanded="context.isOpen"
aria-controls="<?php echo esc_attr( $unique_id ); ?>"
>
<?php esc_html_e( 'Toggle', 'inter-block' ); ?>
</button>
<p
id="<?php echo esc_attr( $unique_id ); ?>"
data-wp-bind--hidden="!context.isOpen"
>
<?php
esc_html_e( 'Inter Block - hello from an interactive block!', 'inter-block' );
?>
</p>
</div>
<div

no numeric noise key 1004

data-wp-interactive='{ "namespace": "create-block" }'

data-wp-context='{ "isOpen": false }'

data-wp-watch="callbacks.logIsOpen"

>

<button

data-wp-on--click="actions.toggle"

data-wp-bind--aria-expanded="context.isOpen"

aria-controls="<?php echo esc_attr( $unique_id ); ?>"

>

<?php esc_html_e( 'Toggle', 'inter-block' ); ?>

</button>

<p

id="<?php echo esc_attr( $unique_id ); ?>"

data-wp-bind--hidden="!context.isOpen"

>

<?php

esc_html_e( 'Inter Block - hello from an interactive block!', 'inter-block' );

?>

</p>

</div>
<div

no numeric noise key 1004

data-wp-interactive='{ "namespace": "create-block" }'

data-wp-context='{ "isOpen": false }'

data-wp-watch="callbacks.logIsOpen"

>

<button

data-wp-on--click="actions.toggle"

data-wp-bind--aria-expanded="context.isOpen"

aria-controls="<?php echo esc_attr( $unique_id ); ?>"

>

<?php esc_html_e( 'Toggle', 'inter-block' ); ?>

</button>

<p

id="<?php echo esc_attr( $unique_id ); ?>"

data-wp-bind--hidden="!context.isOpen"

>

<?php

esc_html_e( 'Inter Block - hello from an interactive block!', 'inter-block' );

?>

</p>

</div>

WordPress procesa estas instrucciones en el servidor y genera las etiquetas adecuadas.

Cómo empezar a utilizar la API interactiva

El uso de la API interactiva no cambia el proceso normal de creación de módulos web. Puede crear fácilmente un módulo web utilizando la función @wordpress/crear-bloque y, a continuación, seleccione una plantilla de interacción especializada para crear un plugin que le permita añadir módulos web con funciones interactivas.

Abre tu programa de línea de comandos favorito, busca tu carpeta de plugins yIntroduzca el siguiente comando::

<code>npx @wordpress/create-block@latest mi-bloque-interactivo --template @wordpress/create-block-interactive-template</code>
<code>npx @wordpress/create-block@latest mi-bloque-interactivo --template @wordpress/create-block-interactive-template</code>
npx @wordpress/create-block@latest mi-bloque-interactivo --template @wordpress/create-block-interactive-template
npx @wordpress/create-block@latest mi-bloque-interactivo --template @wordpress/create-block-interactive-template
npx @wordpress/create-block@latest mi-bloque-interactivo --template @wordpress/create-block-interactive-template

Al hacerlo se crea un módulo web con interactividad que se basa en una plantilla especial que utiliza una plantilla llamada viewScriptModule para almacenar información. Cuando este módulo se visualiza en una página web, los camposviewScriptModule El código del programa especificado en el interior se ejecutará automáticamente. Puede obtener más información sobre el viewScriptModule y cómo desarrollarmódulo de scriptLos detalles de la

Una vez completada la instalación, encontrarás un nuevo plugin en la interfaz de administración de WordPress. Ábrelo, luego vuelve a la línea de comandos y busca la carpeta donde se encuentra este nuevo plugin e inicia el servicio asociado:

cd mi-bloque-interactivo && npm start

Ahora, ve a crear una nueva entrada o página, abre la herramienta para añadir módulos y desplázate hasta la sección "Widgets". Verás un nuevo módulo llamado "Mis bloques interactivos" que puedes utilizar para crear nuevos e interesantes contenidos interactivos:

Actualización del editor del sitio web

Se han introducido varias mejoras en el editor de sitios web, que deberían hacer que te sientas más relajado al editar tu sitio web y que tu trabajo sea más fluido.

Mejoras en la vista de lista

En primer lugar, ahora puedes hacer clic en cualquier módulo de la vista de lista con el botón derecho del ratón para abrir rápidamente las opciones de configuración del módulo. Se trata de una pequeña pero útil mejora, ya que facilita en gran medida el ajuste de la configuración del módulo directamente desde la vista de lista.

En segundo lugar, ahora puede cambiar el nombre de casi todos los módulos en la vista de lista, excepto los siguientes módulos especiales:

• Núcleo/Bloque
• Sección núcleo/plantilla
• Núcleo/Patrón
• Núcleo/navegación

Además, se han mejorado los atajos de teclado para la vista de lista. Ahora, pulsando CTRL + A en Windows o CMD + A en Mac, puede seleccionar rápidamente todos los módulos de la vista de lista, lo que facilita enormemente las operaciones por lotes.

Copie y cambie el nombre de la plantilla

Anteriormente, no se podían editar las plantillas proporcionadas por el tema, lo que significa que no se podían utilizar como base para crear plantillas propias, o modificar algunas partes de las plantillas. Sin embargo, en WordPress 6.5, se ha añadido la funciónNueva función muy útilAhora puedeshaga una copia deresponder cantandorenombrarLas plantillas están disponibles, lo que significa que puedes modificarlas y adaptarlas a tus necesidades.

Además, en WordPress 6.5 se han introducido dos nuevos tipos de plantillas: audio y vídeo. Esto significa que ahora puede ser más especializado paraAudio y vídeoContenido.

Panel de preferencias mejorado

En la versión 6.5 de WordPress, la interfaz de configuración se ha actualizado y reorganizado. Los principales cambios son:

• Se han añadido nuevas opciones de configuración de "Aspecto" y "Accesibilidad".
• Se ha añadido una nueva opción para la barra de herramientas superior en la configuración de Apariencia.

Si activas la barra de herramientas superior, todas las herramientas de edición y la configuración del documento al editar una página web se concentrarán en una barra de herramientas en la parte superior del editor, haciendo que la operación sea más concentrada y cómoda.

Bloquear la barra de herramientas en modo sin interferencias

Antes de la actualización de WordPress 6.5, cuando activabas el modo sin distracciones, no podías ver la barra de herramientas de edición de bloques y tenías que activarla y desactivarla cada vez que necesitabas usarla. Pero ahora, a partir de WordPress 6.5, puedes ver instantáneamente la barra de herramientas de edición de bloques en cuanto pasas el ratón por encima del editor. Esto facilita mucho la edición y elimina la necesidad de activarla y desactivarla con frecuencia.

Componentes de control de enlace mejorados

La función de enlaces se ha mejorado y añadir enlaces es ahora mucho más fácil. La siguiente imagen muestra el panel actualizado que verá cuando haga clic en un enlace para editarlo.

Para ver toda la información sobre la actualización de la función de control de enlaces, consulte #50891.

Mejoras en la función de arrastrar y soltar

La función de arrastrar y soltar del editor se ha mejorado en muchos aspectos:

en la vista de lista:

• Si arrastra un módulo a un módulo colapsable, ese módulo colapsado se expandirá automáticamente.
• Cuando arrastres algo, verás un icono especial de arrastre.

en el lienzo principal del editor:

• Ahora puede arrastrar cosas fácilmente al principio o al final del contenido.
• Arrastrar elementos entre módulos contenedores del mismo nivel resulta más fluido.
• También puede arrastrar y soltar módulos en la sección de plantillas.
• Un nuevo consejo le indicará qué módulos no pueden arrastrarse.
• Puede arrastrar elementos directamente al principio o al final de un documento.
• Basta con arrastrar un módulo junto a otro para crear una fila o galería. Por ejemplo, si colocas una imagen junto a otra, formarán automáticamente una galería.

Para obtener una lista más completa de las mejoras de arrastrar y soltar, consulteBloquear los problemas de seguimiento de arrastrar y soltar.

Otros cambios y mejoras

WordPress 6.5 también introduce muchas otras actualizaciones y mejoras importantes.

Herramientas de apariencia para temas clásicos

A partir de la versión 6.5 de WordPress, podrá utilizar algunas de las nuevas funciones de diseño en el editor del sitio incluso si su sitio utiliza un tema heredado. Si seleccionas la compatibilidad con temas de appearanceTool, podrás utilizar las siguientes herramientas de diseño:

• Configuración de los bordes
• Selección de colores
• espaciado
• tipografía

Esto significa que los usuarios de temas heredados pueden experimentar algunas de las funcionalidades del editor del sitio, y es más fácil la transición de un tema heredado a un tema moderno que utiliza bloques.

Compatibilidad con AVIF

WordPress 6.5 es ahora compatible con un nuevo formato de imagen llamado AVIF, que utiliza técnicas más avanzadas para comprimir las imágenes de modo que sean más pequeñas que los formatos anteriores (incluido WebP), pero sigan teniendo una alta calidad de imagen.

Los usuarios ya pueden subir imágenes en formato AVIF a través de la biblioteca multimedia de WordPress con la misma facilidad con la que pueden subir imágenes en otros formatos. No obstante, es recomendable comprobar si el servicio de alojamiento web es compatible con el formato AVIF antes de subir las imágenes.

En WordPress, puedes comprobar si tu alojamiento web admite el formato de imagen AVIF. Sólo tienes que hacer clic en "información"y, a continuación, busque y abra la pestaña "manejo de medios"Sección para ver.

dependencia del plug-in

A partir de la versión 6.5 de WordPress, los desarrolladores de plugins pueden utilizar una nueva etiqueta "Requiere plugins" para indicar de qué otros plugins depende su plugin para funcionar. Esta etiqueta enumera todos los plugins necesarios por nombre, separados por comas.

Esta función facilita a los usuarios de plugins saber qué plugins necesitan instalar y activar, y también proporcionará enlaces al repositorio de plugins de WordPress.org para facilitar su descarga e instalación.

Además, si un plugin depende de otro, se indicará en los detalles. Esto significa que si un plugin depende de otro, no podrás eliminarlo a menos que primero elimines el que depende de él.

WordPress 6.5 tiene una nueva función llamada wp_plugin_dependencies_slug lo que significa que ahora puede ajustar mediante programación las dependencias de los plugins.

Para obtener más información, consulte la Guía del desarrollador sobre dependencias de plugins.

Actualizaciones de la API HTML

En la versión 6.5 de WordPress, se ha mejorado la herramienta para trabajar con código HTML. Ahora reconoce y gestiona mejor todo tipo de código HTML, como el marcado normal, los comentarios, las definiciones de tipo de documento y el contenido de texto.

Esta mejora significa que puede cambiar con más seguridad el texto dentro del código HTML sin destruir la estructura de toda la página.

"Texto modificable" se refiere a las partes del texto que se pueden cambiar, incluido el contenido de un nodo de texto normal, el contenido de un comentario HTML o elementos específicos (como la etiqueta <script> tal vez <style>) entre las etiquetas.

WordPress 6.5 también introduce algunas funciones nuevas que le permiten:

• next_token(): Pasa al siguiente fragmento de código del documento.
• get_token_type(): Averigua el tipo del fragmento de código actual.
• get_token_name(): Obtiene el nombre del fragmento de código actual.
• get_modifiable_text(): Obtiene y modifica el contenido de texto de un fragmento de código específico.
• get_comment_type(): Identifica el tipo de anotación.
• paused_at_incomplete_token(): Compruebe si termina en una interrupción del documento.

Para obtener información más detallada, consulte la guía para desarrolladores de WordPress 6.5 en la página Actualizaciones de la API HTMLLa parte de la

Armonización del sitio web y del editor de correos

WordPress 6.5 ha actualizado la interfaz de edición para conseguir una interfaz y un funcionamiento más unificados.

• Algunas funciones de edición se han trasladado del módulo "Editar artículo" al módulo más genérico "Editar artículo".@wordpress/editorMódulos. Esto se hace para permitir que el editor del sitio para utilizar estas características también, incluyendo:
  • Propiedades de la página
  • Categorías de artículos
• Ahora, en el editor del sitio, también puede ver para diferentes tipos de post el "comprobar"Enlace.
• Para dar cabida a distintos tipos de artículos, se han añadido paneles de discusión en la barra lateral del editor del sitio.
• Se han añadido paneles de imágenes destacadas.
• También se ha añadido un nuevo panel de revisión al editor del sitio.

Además, cuando editas una página en el editor de artículos, ahora puedes previsualizar la plantilla como lo harías en el editor del sitio. Puedes activar o desactivar la vista previa de la plantilla desde la barra lateral de configuración de la página. Esto te da una mejor visualización de cómo se verá finalmente la página.

mejora del rendimiento

WordPress 6.5 introduce más de 110 mejoras que aumentan drásticamente la velocidad y la productividad del editor de entradas y del editor de sitios. Estos editores se cargan ahora el doble de rápido que antes y responden casi cuatro veces mejor a la escritura y las entradas. Además, se ha integrado una nueva biblioteca llamada Performant Translations i18, que ayuda a reducir el tiempo que tardan los sitios web traducidos en utilizar la memoria y cargarse.

Mejoras de accesibilidad

La actualización WordPress 6.5 trae más de 65 mejoras para facilitar el uso del panel de administración. Estas mejoras incluyen indicaciones de enfoque más claras, un mayor contraste de colores y menús personalizados más fáciles de ordenar, entre otras.

Actualización de los ganchos de bloque

La versión 6.4 de WordPress introduce por primera vez la función "ganchos de bloque", que permite colocar automáticamente un bloque específico en un lugar determinado del contenido.

Anteriormente, esta función sólo podía utilizarse para aquellas plantillas, secciones de plantillas o diseños que no hubieran sido modificados por el usuario. Pero ahora, los ganchos de bloque pueden utilizarse incluso para aquellos diseños que hayan sido modificados.

Antes de la actualización de WordPress 6.5, sólo podías colocar estos "ganchos" delante o detrás del bloque de navegación. Ahora, también puedes añadirlos como primer o último subbloque del bloque de navegación.

Además, esta actualización aporta nuevos bloque_enganchado responder cantando hooked_block_{$hooked_block_type} Filtrar.

Para obtener información más detallada y ejemplos, consulte la guía del desarrollador sobre actualizaciones de ganchos de bloqueo.

resúmenes

¿Preparado para una nueva actualización de WordPress? Marque el 26 de marzo en su calendario porque WordPress 6.5 está al caer. Esta nueva versión traerá muchas mejoras para la construcción de tu sitio web y la creación de contenidos.

Ahora, con la nueva biblioteca de fuentes de WordPress, puedes gestionar las fuentes como si fueran imágenes, lo que hace que la maquetación sea más cómoda. La función DataViews te permite mostrar datos en diferentes diseños, así como utilizar filtros y búsquedas para que la gestión del sitio sea más eficiente. Y con la API de enlace de bloques y la API de interacción, los visitantes de tu sitio disfrutarán de una experiencia más fluida y personalizada.

En general, la actualización de WordPress 6.5 hace que su sitio web sea más potente y le ofrece un conjunto de posibilidades totalmente nuevo para la producción de sitios web y la creación de contenidos.