Guía de pruebas de WordPress 6.7 Beta 3: Nuevas funciones, pasos para las pruebas y principales mejoras

WordPress 6.7 Beta 3 (tercera beta) ¡ya está listo para ser probado!

Este software beta de WordPress está aún en fase de desarrollo.. Cuando descargue la prueba, recuerde asegurarse de noen funcionamientotal vezSitios claveSe recomienda instalar, ejecutar o probar esta versión de WordPress del mismo modo que la versión anterior.Dos versiones beta(WordPress 6.7 Beta 1responder cantandoWordPress 6.7 Beta 2) mismo, lo mejor es descargar WordPress 6.7 Beta 3 para desplegar unPruebas de sitios web en blanco.

Guía de pruebas de WordPress 6.7 Beta 3: Nuevas funciones, pasos para las pruebas y principales mejoras

Aun así, puede probar WordPress 6.7 Beta 3 de las cuatro formas siguientes:

plug-in (componente de software)Instalación y activación en la instalación de WordPressPlugin WordPress Beta Tester. (Seleccione el canal "Bleeding edge" y el flujo "Beta/RC Only").
Descarga directadescargandoVersión Beta 3 (zip)e instálelo en su sitio WordPress.
línea de comandos (informática)Utilice lo siguienteWP-CLIComando:wp core update --version=6.7-beta3
Zona de juegos de WordPressutilizar6.7 Beta 3 WordPress Playground EjemploPruebe el software directamente en su navegador, sin necesidad de un sitio web independiente ni de configuración. 

La fecha objetivo actual para la versión final de WordPress 6.7 es12 de noviembre de 2024

Cómo probar WordPress 6.7 Beta 3

Uno de los aspectos más destacados de esta versión es el nuevo tema predeterminadoVeinticincoDaServicios, página de inicio de sesióny otras categorías ofrecen la flexibilidad de varios modos. Se centra en la sencillez y la adaptabilidad, e incluye una bella tipografía y una paleta de colores globalmente accesible.

Guía de pruebas de WordPress 6.7 Beta 3: Nuevas funciones, pasos para las pruebas y principales mejoras

Cómo probar WordPress Beta

Existen múltiples formas de probar las versiones de desarrollo o beta de WordPress:

Zona de juegos

Zona de juegoses una forma rápida y sencilla de probar una versión Beta o Release Candidate de WordPress sin tener que configurar un entorno completo. Es posible probar WordPress utilizando elZona de juegos de WordPressEntorno de pruebas de inicio rápido.

Sitios web locales autoalojados

Puede utilizar la funciónLocaltal vezwp-envetc. para crear un sitio web local de WordPress. Una vez que el sitio esté listo, puede instalar el plugin Beta Tester para pasar a la versión beta de WordPress.

Pasos de configuración:

  1. Descargar e instalaresta localidad.
  2. Cree un nuevo sitio web WordPress.
  3. Una vez que el sitio esté en funcionamiento, utilice el plugin WordPress Beta Tester para cambiarlo a una versión de desarrollo o beta de WordPress. Este plugin facilita relativamente la instalación de versiones preliminares de WordPress.
    Para utilizar este complemento:
    1. Instale y active el plugin WordPress Beta Tester.
    2. Vaya a Herramientas > Pruebas beta.
    3. Dependiendo de lo que desee probar, seleccione la opción "Borde de sangrado" o "Nocturnos de liberación puntual".
    4. Haga clic en Guardar cambios y actualice la versión de WordPress.

A través de WP-CLI

Si prefiere utilizar herramientas de línea de comandos, puede utilizar la funciónWP-CLIInstale rápidamente WordPress Beta. 

Pasos:

  • Cree un sitio web local de WordPress utilizando su método favorito.
  • Una vez configurado el sitio, abra el terminal y navegue hasta el directorio raíz de su instalación de WordPress.

Ejecute el siguiente comando para actualizar a la última versión de prueba:

wp core update --version=6.7-beta3

o

wp core update --version=6.7-RC1

(Sustituya el número de versión según sea necesario, por ejemplo, -version=6.7-beta2.)

Este método agiliza el cambio entre versiones y facilita las pruebas de versiones específicas.

Pruebas con un sitio temporal

Se puede crear un sitio de producción/en tiempo real paraemplazamiento provisionaly actualícelo a la versión beta de WordPress. Esto le permite probar con seguridad la nueva versión sin afectar al sitio en vivo. Antes de aplicar la actualización al entorno de producción/vivo, asegúrese de que todo funciona correctamente.

parche de prueba

Si tiene intención de probar el parche, puedeSiga estas instruccionesConfiguración local de la versión de desarrollo de WordPress.

Guía de pruebas de WordPress 6.7 Beta 3: Nuevas funciones, pasos para las pruebas y principales mejoras

Lista de pruebas rutinarias

Para una prueba rápida de la compatibilidad de la versión actualizada de WordPress con su sitio web, verifique lo siguiente:

Primero, actualice WordPress a Beta o RC, y en wp-config.php habiliteajustar los componentes durante las pruebasy actualizar temas y plugins.

  • Asegúrese de que los plugins y los temas no se desactivan automáticamente cuando se actualizan.
  • Comprobar WordPressSalud del sitioSi hay nuevas advertencias o problemas con la herramienta.
  • Compruebe que no hay roturas de trazado ni elementos desalineados.
  • Pruebe los enlaces y permalinks para asegurarse de que no hay errores 404.
  • Compruebe que las publicaciones, imágenes y medios se muestran correctamente.
  • Asegúrese de que los archivos sitemap y robots.txt funcionan correctamente.
  • Asegúrese de que tiene acceso completo al panel de gestión y de que no hay errores.
  • Si el sitio tiene bloques personalizados, cree contenido en nuevos bloques y edite el contenido existente.
  • Cree un nuevo post: añada contenido, copie y pegue texto y añada archivos multimedia manualmente. Guarde el post y observe la consola para detectar cualquier problema.
  • Cree una nueva página, añada contenido y compruebe cómo se muestra en los distintos navegadores.
  • Abra la consola de desarrollador de su navegador y compruebe si hay algún error, advertencia o notificación.
  • Abra el archivo de registro de errores y compruebe si hay notificaciones, advertencias y errores fatales.
  • Revise los roles y permisos de los usuarios para asegurarse de que permanecen intactos.
  • Verifique que los mensajes programados o las tareas automatizadas, como las copias de seguridad, siguen ejecutándose según lo previsto.
  • Asegúrese de que todos los servicios de integración (por ejemplo, pasarelas de pago o análisis) funcionan correctamente.
  • Abra la página web en diferentes navegadores y compruebe que todas las funciones funcionan como se espera.

Principales características a probar

Nuevo tema por defecto - Twenty Twenty-Five

En WordPress 6.7, el tema Twenty Twenty-Five consigue el equilibrio perfecto entre sencillez y flexibilidad. Inspirado en la naturaleza y la historia, el tema ofrece una amplia variedad de patrones y plantillas para adaptarse a una gran variedad de casos de uso, desde blogs personales hasta carteras complejas. Incluye una rica paleta de colores y una gran variedad de plantillas de blog que lo hacen apto para un público global.Para obtener más detalles sobre este nuevo tema, visite la páginaLea el artículo introductorio

paradigma

El tema Twenty Twenty-Five presenta una variedad de patrones preconstruidos para ayudar a los usuarios a crear páginas de forma eficaz. Estos patrones cubren una gran variedad de categorías, como servicios, páginas sobre, frases de llamada a la acción y mucho más. Están diseñados para proporcionar flexibilidad e interoperabilidad, permitiendo a los usuarios construir rápidamente diseños de página coherentes y con propósito.

Pasos de la prueba:

  1. Navegue hasta Apariencia > Editor para abrir el Editor de Sitios.
  2. Abra cualquier plantilla o cree una nueva página.
  3. Pulse el icono "+" para añadir un nuevo bloque.
  4. Vaya a la pestaña Patrones del Insertador de bloques.
  5. Seleccione patrones de diferentes categorías (por ejemplo, Servicios, Acerca de, Llamada a la acción o Galería).
  6. Introduzca los patrones y compruebe que se visualizan correctamente.
  7. Pruebe la interoperabilidad de estos modos combinando varios modos en una sola página.
  8. Adapte y personalice los modos según sea necesario y asegúrese de que responden en diferentes dispositivos.
  9. Asegúrese de que el diseño en el editor del sitio coincide con el diseño en el front-end. 

Paletas de colores y estilos

El tema ofrece una gran variedad de esquemas de color y variaciones de estilo, lo que permite a los usuarios personalizar fácilmente el aspecto de su sitio web. El tema incluye una variedad de esquemas de color y emparejamientos tipográficos diseñados para un uso global, garantizando una compatibilidad de alta calidad con una amplia gama de idiomas y regiones. Estas opciones proporcionan a los usuarios la flexibilidad necesaria para adaptar la estética de su sitio web a su estilo único, manteniendo al mismo tiempo un aspecto uniforme y visualmente atractivo.

Pasos de la prueba:

  1. Navegue hasta Apariencia > Editor para abrir el Editor de Sitios.
  2. Haga clic en la esquina superior derecha delBotones de estilo(icono de media luna).
  3. Elija diferentes paletas de colores y combinaciones de fuentes para aplicarlas a su sitio web.
  4. Observe cómo cambian los colores y las fuentes en todo el sitio cuando se selecciona una nueva paleta o estilo.
  5. Guarde los cambios y previsualice el sitio en el front-end para confirmar que el nuevo estilo se ha aplicado correctamente a todas las páginas.

plantilla

Twenty Twenty-Five ofrece una gama de plantillas de blog adaptables, que incluyen blogs centrados en el texto con barras laterales y blogs fotográficos de gran impacto visual. Está totalmente integrado con el editor del sitio y aprovecha las nuevas funciones de diseño, como los bloques de cuadrícula y los estilos de patrón/sección.

Diseño alternativo de plantillas

El tema incluye cuatro conjuntos de diseños alternativos: un blog de texto sin formato, un blog de fotos, un blog de noticias y un blog con cabeceras verticales. Los diseños están construidos como patrones para sustituir el contenido de la plantilla.

Para probar el diseño del blog fotográfico, siga estos pasos:

  1. Vaya a Apariencia > Editor.
  2. Seleccione la plantilla de la opción de menú.
  3. Elija la plantilla que desee probar, como una entrada única, una página, un archivo o la página de inicio del blog.
  4. En el editor, abra la barra lateral Configuración.
  5. Seleccione la pestaña Plantillas.
  6. En la pestaña Plantillas, localice y expanda el panel Diseño.
  7. El panel Diseño muestra una vista previa de los diseños disponibles:
    • Pase el ratón por encima de la vista previa para ver el nombre del diseño.
    • Haga clic en Vista previa para sustituir el contenido de la plantilla por el diseño seleccionado.
  8. Asegúrese de que el diseño en el editor del sitio coincide con el diseño en el front-end

Estilo parcial

El tema Twenty Twenty-Five introduce cuatro estilos de sección únicos que se utilizan principalmente para cambiar los colores de los grupos y las columnas. Estos estilos proporcionan la flexibilidad necesaria para crear diseños visualmente atractivos. Las pruebas consistieron en asegurarse de que los nuevos estilos se aplicaban correctamente tanto en el editor como en el frontend, centrándose en la usabilidad y la legibilidad.


Pasos de la prueba:

  1. Cree una nueva entrada o página en el panel de control.
  2. Inserta un bloque de grupo o de columna.
  3. Dentro de un grupo o bloque de columnas, añada algunos bloques como encabezamientos, párrafos, etc.
  4. Abra la barra lateral de Configuración y seleccione la pestaña Bloqueo.
  5. Abra la pestaña Estilos y busque el panel Estilos en la parte superior.
  6. Seleccione uno de los estilos alternativos. Repita la operación con cada estilo para probar todos los estilos.
  7. Asegúrese de que los diseños del editor y del front-end tienen el mismo aspecto.
  8. Compruebe que las combinaciones de colores son legibles, incluidos los fondos, el texto, los enlaces y los botones.

Mejorar la vista de los datos 

Posibilidad de fijar la densidad de la información en el diseño de la cuadrícula

En WordPress 6.7, los usuarios pueden ajustar la densidad del diseño de la cuadrícula para ofrecer una experiencia de visualización más personalizable y receptiva. Esta actualización introduce nuevos controles de interfaz de usuario en la vista de cuadrícula que permiten a los usuarios elegir la densidad que prefieran.

Guía de pruebas de WordPress 6.7 Beta 3: Nuevas funciones, pasos para las pruebas y principales mejoras

Descripción de la prueba:

  1. Abrir desde el salpicaderoEditor del sitio.
  2. Navegue hasta "paradigma"Parte.
  3. Pulse el icono Configuración para abrir el panel Apariencia y configuración.
  4. De "Tamaño de la vista previa"Ajustar opciones de densidad de malla".
  5. Observe cómo aparece el patrón.

Opciones para ocultar/mostrar filtros en la interfaz de usuario

Guía de pruebas de WordPress 6.7 Beta 3: Nuevas funciones, pasos para las pruebas y principales mejoras

Posibilidad de personalizar el orden de las columnas en la vista de tabla

WordPress 6.7 introduce la posibilidad de personalizar el orden de las columnas en la vista de tabla, lo que proporciona una mayor flexibilidad a la hora de mostrar los datos. Esta función permite a los usuarios mover las columnas de la tabla a izquierda o derecha para crear un diseño más personalizado al gestionar plantillas, esquemas o páginas.

Descripción de la prueba:

  1. Abra cualquier vista de datos tabulares (plantilla, esquema o página) en WordPress.
  2. Haga clic en los títulos de las columnas para ver las acciones disponibles.
  3. Seleccione "Desplazar a la izquierda" o "Desplazar a la derecha" para reordenar las columnas.
  4. Compruebe que las columnas se ajustan en consecuencia y mantienen el nuevo orden cuando se actualiza la página.

La opción de vista jerárquica de datos del menú permite una mayor expresión del diseño

Se han mejorado las opciones de vista de datos para una mayor flexibilidad de diseño. Se ha añadido un nuevo icono de engranaje con un "Ver opciones" Configuración. Esto abrirá un "apariciones" que permite al usuario gestionar las preferencias de visualización.

Por ejemplo, el número de elementos por página y las opciones de clasificación.

Algunos ejemplos son "Ordenar por", "Ordenar por", tamaño de la vista previa, número de elementos por página, etc.

Descripción de la prueba:

  1. Abra cualquier vista de datos (plantilla, esquema o página) en el editor del sitio.
  2. Pulse el icono de engranaje para mostrar la configuración de las Opciones de visualización.
  3. Abra la ventana emergente Apariencia para explorar las opciones disponibles.
  4. Ajuste el número de elementos por página y las opciones de clasificación (por ejemplo, "Ordenar por" y "Ordenar por").
  5. Compruebe que los ajustes se han aplicado y se reflejan en la vista de datos.

Perfeccionamiento del bucle de investigación 

El bloque de bucle de consulta es un componente clave de la construcción de sitios en WordPress y actualmente está siendo objeto de mejoras para aumentar su usabilidad e intuitividad. Aunque sigue siendo un bloque potente y versátil, estas mejoras se centran en facilitar su personalización. Los cambios clave incluyen una mejor detección del contexto y copias más claras de los ajustes, lo que garantiza que los usuarios puedan crear y gestionar consultas complejas con facilidad. 

Descripción de la prueba:

  1. Abra el panel de control de WordPress y cree una nueva página o entrada.
  2. Inserta un bloque de bucle de consulta en una página o entrada.
  3. Compruebe los ajustes en la barra lateral y anote la descripción.
  4. Personalice el bucle de consulta y asegúrese de que los cambios sean intuitivos y fáciles de aplicar.
  5. Guarde los cambios y compruebe la exactitud de la salida del front-end. 

Zoom para componer utilizando un patrón

WordPress 6.7 introduce una nueva función de "Zoom Out" para mejorar la forma en que los usuarios interactúan con los patrones cuando construyen y editan sitios web. Esta función proporciona una vista de edición avanzada que permite a los usuarios centrarse en el patrón en lugar de realizar ajustes finos bloque a bloque. Entre los aspectos clave se incluye una interfaz reducida para insertar patrones, crear nuevas páginas centradas en patrones y gestionarlos (moverlos, eliminarlos, etc.) mediante barras de herramientas verticales. Los usuarios pueden alternar entre la reducción y la edición detallada de bloques, mejorando la experiencia general del usuario con una manipulación mejorada de los patrones y una edición avanzada sólo de contenidos.

estampar algo

Descripción de la prueba:

  1. Navegue hasta el editor del sitio e inserte el esquema en la página o entrada.
  2. Utilice el botón Alejar para cambiar a la vista ampliada.
  3. Compruebe que la estructura general de la página es visible para facilitar la manipulación del esquema.
  4. En la vista reducida, pruebe a mover, eliminar y reordenar los patrones utilizando la nueva barra de herramientas vertical.
  5. Asegúrese de que el patrón responde con precisión a las operaciones de arrastrar y soltar y se coloca correctamente sin movimientos accidentales.
  6. Compruebe que la opción de zoom funciona como es debido acercando el zoom para ver la edición detallada de los bloques y alejándolo para ver una vista más amplia de la página.
  7. Observe si hay problemas de UX o incoherencias al interactuar con el patrón en modo reducido.
  8. Salga del modo de contracción y asegúrese de que todos los cambios permanecen intactos y se muestran correctamente en el editor de bloques estándar.

Explore las variaciones del estilo encogido

Descripción de la prueba:

  1. Abra Apariencia > Editor para acceder al Editor del sitio.
  2. Seleccione el lienzo para empezar a editar la plantilla de la página de inicio del blog.
  3. Abra Estilos y seleccione Examinar estilos para ver las distintas opciones de variación de estilos. Esto activará automáticamente una vista reducida.
  4. Desplácese por las distintas opciones de estilo y explore la posibilidad de alejar la vista.
  5. Puede alternar entre entrar y salir de la vista reducida abriendo y cerrando bloques de estilo, cambiando de bloque de estilo y devolviendo los cambios de estilo para su comparación.

Mejoras en los medios de comunicación

WordPress 6.7 introduce importantes mejoras en los medios de comunicación que mejoran la forma en que éstos se manejan y se muestran. Entre las principales actualizaciones se incluyen la compatibilidad con la carga de imágenes HEIC y las conversiones automáticas, el redimensionamiento automático de las imágenes de carga retardada y la ampliación de la funcionalidad de las imágenes de fondo. Los usuarios pueden ahora establecer imágenes de fondo a nivel de bloque y global, con nuevas opciones como los fondos fijos. Además, se ha introducido una interfaz modal más simplificada para gestionar las imágenes de fondo. Estas mejoras optimizan el manejo de los medios y aumentan la flexibilidad del diseño del sitio.

Admite la carga de imágenes HEIC

Las cargas de imágenes HEIC se convierten automáticamente a JPEG en el servidor para garantizar la compatibilidad con todos los navegadores. La imagen HEIC original puede seguir descargándose desde la página Archivos adjuntos. Si el servidor no admite la conversión HEIC a través de Imagick, WordPress pedirá al usuario que convierta la imagen manualmente.

Descripción de la prueba:

  1. Cargue imágenes HEIC en la mediateca.
  2. Confirme que la imagen se ha convertido a JPEG.
  3. Compruebe si el HEIC original está disponible para su descarga en la página Archivos adjuntos.
  4. Verifique la compatibilidad con HEIC de Imagick en Herramientas → Salud del sitio → Información → Procesamiento de medios.
  5. Asegúrese de que aparece una advertencia si el servidor carece de soporte HEIC.
  6. Confirme que la imagen se muestra correctamente en posts y páginas en distintos navegadores.

Retrasa el tamaño automático de la imagen cargada. 

Esta función añade automáticamente el valor auto al principio del atributo sizes de cualquier imagen de carga retardada. Esta mejora ayuda al navegador a determinar automáticamente el tamaño de imagen adecuado para mejorar la capacidad de respuesta de la imagen. 

Descripción de la prueba:

  1. Habilite la carga retardada de imágenes en su sitio WordPress (puede que esté activada por defecto).
  2. Suba o inserte una imagen en un post o página.
  3. Abra las herramientas para desarrolladores de su navegador y compruebe la pestaña Imágenes.
  4. Comprueba que el atributo de tamaño de todas las imágenes de carga diferida comienza por auto.
  5. Guarde y previsualice el post o la página para asegurarse de que la imagen del front-end se carga con el comportamiento correcto.

Imágenes de fondo a nivel de bloque en estilos globales

WordPress 6.7 introduce la posibilidad de establecer la imagen de fondo de un bloque a nivel de estilo global, lo que proporciona a los usuarios un mayor control sobre la apariencia de su sitio. Esta nueva función permite a los usuarios aplicar una imagen de fondo a todas las instancias de un tipo de bloque específico, como los bloques de Cita, al tiempo que conserva la flexibilidad de anular el fondo predeterminado a nivel de bloque individual. Esto añade otra capa de personalización a los temas de WordPress, lo que resulta en un diseño más cohesivo y visualmente atractivo.

Descripción de la prueba:

  1. Abra el Editor del Sitio desde Apariencia > Editor 
  2. Seleccione una plantilla y navegue hasta"Estilo" > "Bloque".
  3. Busca un bloque y establece una imagen de fondo para ese bloque a nivel de estilo global, por ejemplo, estableciendo una imagen de fondo para el bloque Cita.
  4. Compruebe que todos los bloques de referencia tienen ahora aplicada la imagen de fondo predeterminada.
  5. Verifique que los ajustes globales e individuales a nivel de bloque funcionan correctamente y sin problemas.

Añadir soporte para archivos adjuntos de fondo (fondos fijos)

WordPress 6.7 introduce una nueva función que permite alternar el comportamiento de los archivos adjuntos de fondo para bloques y fondos de sitio. Ahora los usuarios pueden elegir si la imagen de fondo se desplaza con la página o permanece fija. Esto mejora la flexibilidad de diseño de los bloques y los fondos de sitio.

Descripción de la prueba:

  1. Añade una imagen de fondo al bloque.
  2. Confirme que la imagen de fondo se desplaza con la página por defecto.
  3. Activa la opción "Fondo fijo".
  4. Compruebe que la imagen de fondo es ahora fija.
  5. Guarde los cambios y compruebe el frontal para confirmar el comportamiento.
  6. En Estilo > Diseño en el Editor de Sitios, añada una imagen de fondo del sitio.
  7. Pruebe el mismo comportamiento de desplazamiento y fijación contra el fondo del sitio.

Actualizado el soporte de imágenes de fondo para utilizar los modos 

Esta actualización introduce un panel emergente en la barra lateral que permite a los usuarios añadir, cargar o restablecer imágenes de fondo. El panel emergente permite un acceso más fácil a los controles de la imagen de fondo, garantizando un ajuste perfecto de las propiedades de la imagen de fondo (por ejemplo, posición, tamaño, etc.).

Descripción de la prueba:

  1. Vaya a la configuración del bloque en la barra lateral y añada una imagen de fondo.
  2. Compruebe que al hacer clic en la imagen de fondo de la barra lateral se activa la ventana emergente modal.
  3. Utilice los controles de la ventana emergente para ajustar las propiedades de la imagen de fondo (por ejemplo, posición, tamaño).

Herramientas de diseño 

Las herramientas de diseño se han mejorado significativamente con una mayor compatibilidad con los bloques, lo que proporciona una mayor flexibilidad y control creativo a los diseñadores y creadores de temas. Entre las actualizaciones clave se incluye la tan esperada compatibilidad con las sombras de bloques de grupo, así como la compatibilidad añadida con bordes, colores, rellenos y fondos para una amplia gama de bloques como botones, galerías y párrafos. Estas mejoras están pensadas para simplificar la personalización y permitir diseños más complejos directamente en el editor de bloques.

Continuamos mejorando el soporte para PHP 8.x

WordPress 6.7 sigue mejorando la compatibilidad con PHP 8.x mediante la eliminación de código específico de versiones anteriores de PHP no compatibles. Esto garantiza un mejor rendimiento, seguridad y estabilidad para los sitios que funcionan con la última versión de PHP.

Descripción de la prueba:

  1. Actualice el sitio web de WordPress a PHP 8.x.
  2. Realice las pruebas tal y como se describen en la sección "Pruebas generales" anterior.
  3. Supervisar cualquier advertencia, notificación o error en el funcionamiento del sitio web.
  4. Compruebe el registro de errores para asegurarse de que no se están utilizando funciones obsoletas o eliminadas.
  5. Compruebe que el panel de administración y el front-end se cargan sin problemas.

Versiones e iteraciones de la API

Esta versión incluye dos nuevas API diseñadas para agilizar los flujos de trabajo de los desarrolladores:

API de registro de plantillas  

Esta función simplifica el registro de plantillas para los plugins mediante la introducción de una nueva API. Antes, los plugins tenían que engancharse a varios filtros, pero ahora pueden registrar plantillas de forma más sencilla y eficaz.

API de opciones de vista previa  

Esta API proporciona una mayor flexibilidad para la funcionalidad de previsualización, permitiendo a los desarrolladores de plugins integrar sin problemas opciones de previsualización personalizadas en el editor de WordPress. Satisface la necesidad de una gran variedad de procesos y herramientas de publicación.

API interactiva

WordPress 6.7 introduce mejoras en la API de bloques, incluidas nuevas funciones diseñadas para mejorar la interactividad. Actualmente, la atención se centra en probar la interfaz de usuario y la funcionalidad de la función Lightbox Support. 

Descripción de la prueba:

  1. Añada un bloque de galería a una entrada o página.
  2. Suba e inserte algunas imágenes.
  3. Para cada imagen, seleccione la opción "Enlace" y después "Pulse para ampliar" para activar la caja de luz.
  4. Guarde la página y visualícela en el front-end.
  5. Compruebe que al hacer clic en una imagen se abre la caja de luz y asegúrese de que admite la ayuda del teclado.
Guía de pruebas de WordPress 6.7 Beta 3: Nuevas funciones, pasos para las pruebas y principales mejoras

API de enlace de bloques

La API de vinculación de bloques permite a los desarrolladores vincular metadatos personalizados y datos dinámicos de los plugins a los bloques. Esta API simplifica el proceso de integración de campos de metadatos de entrada y datos personalizados en las propiedades de los bloques, lo que permite la representación dinámica del contenido de los bloques sin cambios en el código base existente. Esta prueba se centra en verificar que los metadatos de post pueden registrarse, actualizarse y mostrarse con éxito en el front-end utilizando varios bloques.

Pasos de la prueba:

1. Añada el siguiente código al archivo de su tema o plugin para registrar los metadatos de la entrada y simular los datos dinámicos del plugin.

add_action('init', function () {
// Registrar meta post personalizado.
register_meta(
'post', 'block_binding_meta_test', 'block_binding_meta_test', 'post_meta_test'
'block_binding_meta_test',
[
'label' => __( 'My Custom Post Meta', 'text-domain' ),
'show_in_rest' => true,
'single' => true, 'type' => 'string'
'type' => 'string', 'default' => '
'default' => '', '
]
); }; // END Registrar meta post personalizados.
// END Registrar meta post personalizados.

// Registrar enlace dinámico de datos.
$blockBindingCallback = function () {
return sprintf( __( 'Hora actual: %s', 'tu-dominio-texto' ), date_i18n( 'r' ) ); }; }
};

if (function_exists('register_block_bindings_source')) {
register_block_bindings_source( 'mi-plugin/hora-actual', [
'label' => __( 'Hora actual', 'text-domain' ), [
'get_value_callback' => $blockBindingCallback
] );
}
// END Registrar enlace dinámico de datos.
}).

2. Cree una nueva entrada y añada un bloque de párrafo.

3. En Configuración del bloque, seleccione Propiedades y haga clic en Contenido. Debería ver la selección de mis metadatos de entrada personalizados para el bloqueOpciones.

4. Introduzca los valores de los metadatos de la entrada y guárdela.

5. En el front end, compruebe que se muestra el valor meta de la entrada personalizada.

6. Añada otro bloque de párrafo y asegúrese de que el metavalor personalizado introducido anteriormente se rellena automáticamente.

7. Repita estos pasos para otros bloques como imágenes, títulos y botones.

8. Ahora añada manualmente otro bloque de párrafo utilizando el siguiente código.

<!-- wp:paragraph {
    "metadata": {
        "bindings": {
            "content": {
                "source": "my-plugin/current-time"
            }
        }
    }
} -->
<p></p>
<!-- /wp:paragraph -->

9. Compruebe que puede ver la salida de la hora actual en el frontal.

Si desea ver más información, puede consultarRegistro oficial de actualizaciones.


Póngase en contacto con nosotros
¿No puede leer el artículo? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas
Teléfono: 020-2206-9892
QQ咨询:1025174874
(iii) Correo electrónico: info@361sale.com
Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres
Publicado por photon fluctuations, retweeted with attribution:https://www.361sale.com/es/21470/

Como (0)
Anterior hace 4 días
Siguiente hace 3 días

Recomendado

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Póngase en contacto con nosotros

020-2206-9892

QQ咨询:1025174874

Correo electrónico: info@361sale.com

Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres

Servicio de atención al cliente WeChat