WordPress 6.4 - Características a esperar (Primer vistazo y capturas de pantalla)

Como siempre, estamos encantados con la última actualización de WordPress: WordPress 6.4. 

En los últimos días hemos pasado bastante tiempo jugando con él.

La nueva versión incorpora muchas mejoras para facilitar la gestión del sitio web.

Ahora es más suave y está más pulido. Es mucho más avanzado que el editor clásico.

¿Deseoso de explorar las nuevas funciones de WordPress 6.4?

Sumerjámonos.

🆕 Nuevo: Editor de sitios mejorado

En característica principal de WordPress 6.4 es el Editor de Sitios actualizado.

Hay un nuevo menú de Plantillas y Patrones y la posibilidad de personalizar la navegación sin tener que cambiar a la pantalla de Menús.

Empezar a utilizar el Editor de Sitios es sencillo, pero dominarlo puede llevar un poco de tiempo.

Siempre que tengas instalado un tema de bloques compatible, tienes algunas pantallas nuevas con las que experimentar.

Puede acceder al Editor de Sitios desde Apariencia > Editor y obtener una vista de alto nivel de su tema y hacer cambios en todo el sitio.

Verás un menú negro a la izquierda con las opciones principales. Selecciona una y pasarás a la página correspondiente.

Para volver atrás, haga clic en el icono de la flecha pequeña hasta volver a la pantalla principal del Editor de Sitios.

Por ejemplo, haga clic en Estilos y accederá a la paleta de estilos por defecto que utiliza su tema.

Del mismo modo, seleccione Páginas y verá una lista de todas las páginas publicadas en su sitio web. Si haces clic en una, accederás al editor de páginas.

🆕 Nuevas funciones del editor de bloques

Cuando empieces a editar una página, la pantalla de edición te resultará familiar. Su funcionamiento es bastante similar al anterior, pero ahora hay un par de ventajas adicionales.

Efecto de caja de luz, plantilla fija para imágenes, texto vertical y paginación de bucle de consulta son las nuevas incorporaciones para creadores de contenidos y desarrolladores.

Los bloques transicionan suavemente, dándole libertad para ajustar, mover o añadir contenido como desee.

Ahora, sumerjámonos para conocer las novedades.

Efecto caja de luz

Puede que estés familiarizado con el efecto lightbox utilizado para las imágenes en varios plugins y temas. Ahora forma parte de WordPress 6.4.

Puede aplicar este efecto fácilmente en el editor de bloques.

Cuando selecciones una imagen en tu página, dirígete a la configuración de la barra lateral derecha. Allí encontrará un botón llamado Ampliar al hacer clic.

Si quieres el efecto lightbox, activa esta opción.

En la parte frontal, al pasar el ratón por encima de la imagen, verás un icono de zoom. Haz clic en él y la imagen se ampliará suavemente con el efecto lightbox.

Para volver al tamaño original, haz clic de nuevo en la imagen o pulsa la "X" de la esquina superior derecha.

Recuerda que esta función no se activa automáticamente. Tendrás que activarla para cada imagen en la que quieras el efecto lightbox, incluso en las galerías.

Imágenes de fondo en bloques de grupo

Ahora puedes darle un toque especial a los bloques de grupo con una imagen de fondo.

Para empezar, seleccione el grupo que desee de la lista Ver lista.

Esta acción también abrirá los ajustes relacionados en la barra lateral de la derecha.

A continuación, diríjase al Estilo pestaña. Busque el icono Fondo y haga clic en ella.

A partir de ahí, puedes elegir una imagen de tu biblioteca multimedia o subir una directamente desde tu ordenador.

Si cambias de opinión, hay un Restablecer para eliminar la imagen añadida.

Ratio de imagen del marcador de posición

Las imágenes de marcador de posición ahora pueden mantener una relación de aspecto específica bloqueada, lo que resulta práctico al crear plantillas de imágenes en tu página.

Veamos un ejemplo. Tienes un bloque en tu página con una imagen dentro que tiene una relación de aspecto estándar de 4:3.

Empieza por eliminar la imagen y, a continuación, haz clic en el botón '+para volver a añadir un bloque de imagen.

Cuando selecciones el bloque de imagen para añadir una imagen, verás que aparece el campo de relación de aspecto en la barra lateral derecha.

En la lista desplegable, seleccione una relación de aspecto diferente a la de la imagen original. Por ejemplo, vamos a seleccionar aquí una relación de aspecto Retrato 3:4 para demostrar cómo funciona la relación de aspecto bloqueada.

Ahora, añada una imagen que tenga una relación de aspecto diferente de la establecida para su marcador de posición. En nuestro ejemplo, la imagen tiene un tamaño de 1920×1310 píxeles.

Observará que la imagen se recorta perfectamente para ajustarse a la relación de aspecto que hemos establecido. Esto significa que has creado una plantilla con una relación de aspecto fija

Cada vez que añada una imagen en este marcador de posición, no se tendrá en cuenta la relación de aspecto original de la imagen y se ajustará automáticamente al valor establecido.

Texto vertical

En WordPress 6.4, puedes cambiar la orientación del texto. Es una herramienta muy útil para varias necesidades, especialmente si buscas un toque artístico.

Para realizar este cambio en un bloque de párrafos, diríjase a la sección Tipografía en la barra lateral derecha.

Haz clic en el menú de tres puntos para ver más opciones. Dentro de ese menú, verá Orientación del texto.

Esto le mostrará dos botones de orientación. Haga clic en el botón de orientación vertical para ver cómo altera el texto.

Mejoras en la paginación del bucle de consulta

Cabe destacar la mejora de la función de paginación en el bloque de bucle de consulta.

Actualmente, el desplazamiento entre dos páginas en el bloque de bucle de consulta provoca una actualización completa de la página. Sin embargo, en la versión 6.4 se ha solucionado este problema.

He aquí cómo puedes hacerlo:

• Basta con hacer clic en el bloque Bucle de consulta.
• A continuación, ve a la barra lateral de configuración, desplázate un poco hacia abajo y, debajo de la opción Sticky posts, encontrarás Enhanced pagination.
• Active esta función, actualice su configuración y previsualice la página en una nueva pestaña.

Ahora, cuando navegues a la página siguiente, verás que la página ya no se recarga.

Ganchos de bloque

Los ganchos de bloque son una nueva función de desarrollo que permite "enganchar" una función a un bloque.

Inspirados en los ganchos de las API centrales de WordPress, los ganchos de bloque permiten a los desarrolladores ampliar bloques de forma dinámica.

Esto significa que los plugins pueden introducir sus opciones exclusivas en un bloque. Los usuarios verán estas opciones adicionales en el panel de configuración del bloque y podrán activarlas o desactivarlas.

🆕 Mejoras en el flujo de trabajo

En WordPress 6.4, vemos muchas mejoras en los flujos de trabajo que facilitan el mantenimiento diario del sitio web, las tareas de administración y la gestión de contenidos.

Aquí están las actualizaciones:

Paleta de comandos mejorada

La paleta de comandos es un acceso directo a comandos comunes dentro del editor de WordPress y fue lanzada inicialmente en WordPress 6.3.

Esta versión actualizada es más fácil de usar, ya que el texto es más oscuro y hay algunos atajos de teclado nuevos.

Hit ⌘+k en Mac o Ctrl+K en Windows o selecciona el nuevo menú en la parte superior de la pantalla de edición y verás una ventana emergente con la búsqueda.

Escribe cualquier cosa para ver los comandos relevantes. Por ejemplo, escribe 'page' y verás todos los comandos de página que puedes utilizar.

Seleccione una opción y accederá inmediatamente a ese recurso, ya sea una página nueva, la pantalla de edición o cualquier otro lugar.

Revisiones de estilo

Las revisiones son una de las partes más útiles de un constructor de páginas y otra razón por la que Elementor es tan popular.

WordPress 6.4 se une ahora a la fiesta con Revisions.

En la parte inferior del panel izquierdo del Editor de Sitios, verá un icono azul Revisiones o Revisión 1 cambio... botón.

Lo que veas dependerá de si has hecho algún cambio y de cuántos hayas hecho.

Pulsa el botón azul y una ventana emergente te mostrará los cambios recientes y te preguntará si quieres guardarlos.

Vista previa de la imagen

En WordPress 6.4, encontrar imágenes dentro de la Vista de Lista (también conocida como Vista General del Documento) es ahora más sencillo.

Esto es muy útil, sobre todo si tienes muchas imágenes en una página y necesitas localizar rápidamente una en concreto con la ayuda de una pequeña vista previa.

Renombrar grupos

Ahora, gestionar tus grupos es más fácil con nombres más descriptivos. Ahora puedes cambiar el nombre de tu grupo en el Ver lista a lo que más le convenga.

Por ejemplo, si un grupo tiene información "sobre nosotros", puedes nombrarlo así para localizarlo rápidamente.

Para cambiar el nombre de un grupo, elija el que desee en la vista de lista, haga clic en el icono de tres puntos y seleccione Cambie el nombre de del menú. A continuación, escriba el nuevo nombre y pulse Guardar.

Mejora de la barra de herramientas

Parece una mejora menor que puede pasar desapercibida, pero creemos que tendrá un impacto significativo en su flujo de trabajo.

En WordPress 6.4, la barra de herramientas es ahora consistente para los bloques padre e hijo como citas, navegación y listas.

No importa si se trata del contenido principal o del bloque de citas secundario, la barra de herramientas permanece en el mismo lugar.

Es un ajuste sutil, pero mejora significativamente la experiencia del usuario. Comprobemos su impacto en un elemento de la lista.

Abrir enlace en una nueva pestaña

A muchos usuarios les gusta abrir enlaces en pestañas nuevas. Así no tienen que salir de la página actual.

En WordPress 6.4 los administradores de sitios web pueden decidir si un enlace de la página debe abrirse en una pestaña nueva o en la actual.

Ahora, cada vez que añadas un enlace en cualquier parte de la página, verás una vista previa del enlace y una casilla de verificación debajo. Marca la casilla y el enlace se abrirá en una nueva pestaña para los usuarios.

Páginas adjuntas desactivadas

A partir de WordPress 6.4, las páginas de adjuntos no se activarán por defecto. Esto resuelve un problema de larga data en los sitios de WordPress.

Antes, cuando subías archivos adjuntos (imágenes), WordPress generaba automáticamente páginas que mostraban el archivo y su descripción. Los motores de búsqueda indexaban esas páginas, lo que repercutía en el SEO de su sitio.

Para solucionarlo, los usuarios recurrían a plugins SEO como All in One SEO o Rank Math para desactivar las páginas adjuntas y guiar a los usuarios de vuelta al post original.

Aunque este cambio se aplicará a los sitios nuevos, los sitios antiguos creados antes de WordPress 6.4 seguirán funcionando como antes.

Si desea desactivar las páginas de adjuntos en su sitio web, puede implementar el siguiente código personalizado.

update_option( 'wp_attachment_pages_enabled', 0 );

🆕 Personalización de patrones

Block Patterns ha sido un beneficio clave de Spectra y Elementor desde hace un tiempo. La función se añadió a WordPress en la versión 6.3, pero ahora es mucho mejor.

Estas son algunas de las mejoras y nuevas funciones añadidas a los patrones en WordPress 6.4:

Categorizar patrones

Ahora puedes organizar (categorizar) tus patrones de bloques personalizados para una mejor gestión en todo tu sitio. Es como tener tu propia caja de herramientas llena de tus patrones favoritos, listos para ser reutilizados siempre que los necesites.

Una forma sencilla es hacerlo desde la vista de lista.

Haga clic en el menú de tres puntos situado en el borde de un grupo o columna padre para abrir el menú.

A continuación, seleccione la opción Crear patrón para abrir un cuadro en el que puede establecer un nombre de categoría de patrón y elegir entre las categorías disponibles.

WordPress tiene categorías predeterminadas para ayudarle a categorizar sus patrones fácilmente. También puedes crear tu propio nombre de categoría.

Añada varias categorías si es necesario y haga clic en Cree una vez que hayas terminado.

Recuerde apagar el Sincronizado de la que hablaremos a continuación.

Cuando desee utilizar este patrón en otra página, vaya a Insertador de bloques > Patrones para encontrar la carpeta denominada Mi patrón donde se almacenan sus patrones personalizados.

Verás estos patrones específicos en cada categoría que hayas seleccionado al crearlos, como la categoría Servicios en nuestro ejemplo.

Patrones de importación y exportación

Los usuarios de WordPress tienen ahora la posibilidad de compartir patrones entre varios sitios web. Para ello, deberá exportar su patrón preferido como archivo JSON e importarlo a cualquier otro sitio web que desee.

He aquí cómo puedes hacerlo:

Abra el editor del sitio yendo a Apariencia > Editor y haciendo clic en Patrones en la barra lateral izquierda.

A continuación, vaya a Mis patrones para ver los patrones guardados. Pulse el botón de menú de tres puntos y seleccione Exportar como JSON para guardar el archivo en su ordenador.

Cuando estés en otro sitio web, abre el editor del sitio y ve a patrones.

Haga clic en el botón '+en la parte superior izquierda y seleccione Importar patrón desde JSON para introducir el patrón deseado.

Ya está. Ha creado con éxito un patrón en un sitio web y lo ha importado a otro.

Nota: A veces, el estilo del patrón importado puede no coincidir exactamente en el nuevo sitio web. En tales casos, puede personalizar manualmente el patrón para adaptarlo a sus preferencias.

Sincronizar patrones

Hace tiempo que utilizamos la configuración global en creadores de páginas como Spectra y Elementor. Ahora, desde la versión 6.4 de WordPress, esta función forma parte de la oferta predeterminada de WordPress.

¿Recuerdas la opción Sincronizar de la que hablamos al crear patrones? Te permite crear un patrón que se actualiza globalmente dondequiera que se utilice.

Volvamos al editor de páginas y creemos un patrón desde la vista de lista como antes. Esta vez, mantén Sincronizado activado, que es la configuración por defecto para todos los patrones.

Cuando realice cambios en este patrón, los cambios se aplicarán automáticamente en todos los lugares en los que se utilice.

Otra forma de modificar un patrón es a través del editor de patrones.

Ir a Apariencia > Editor y seleccione Patrones. A continuación, en la parte inferior de la barra lateral izquierda, haga clic en Gestionar todos mis patrones para acceder a ellos.

A partir de ahí, abra el patrón que desea editar (como "Llamada global a la acción" en nuestro caso).

Cualquier cambio que realice aquí actualizará todas las copias del patrón que haya creado.

🆕 Añadir botones a la barra de navegación

A partir de WordPress 6.4, añadir botones a la barra de navegación es más fácil, ¡incluso para los que no saben codificar!

Por ejemplo, supongamos que desea añadir un botón de registro. He aquí cómo en unos sencillos pasos:

• Abra la plantilla de página para acceder al bloque de navegación.
• Haga clic dentro del bloque de navegación para mostrar el icono negro '+. No es necesario hacer clic.
• Vaya a la barra lateral derecha, debajo de los elementos del menú de navegación, y pulse el botón azul '+Botón de inserción de bloques.
• Elija el elemento del botón y personalice su aspecto como desee.

🆕 Tema Veinticuatro

WordPress 6.4 introduce el nuevo tema por defecto, Twenty Twenty Four.

Al igual que sus predecesores, es un elegante tema de bloques, pero esta vez ofrece un poco más.

Cuando lo abres en el Editor de Sitios y vas a Estilos en el menú, puedes previsualizar diferentes looks usando preajustes.

Elegir un estilo actualiza instantáneamente la apariencia. Una vez que encuentres un estilo que te guste, pulsa el botón azul Guardar abajo a la izquierda.

Aunque pocos usarán realmente Twenty Twenty Four para un sitio en vivo, es una gran manera de explorar lo que WordPress 6.4 ofrece.

Es uno de los temas por defecto más prácticos que hemos visto hasta ahora.

Vista previa del tema

En WordPress 6.4, la previsualización de temas se menciona como una actualización menor, pero en realidad es bastante útil.

En lugar de activar un tema para ver cómo queda, ahora puedes previsualizarlo directamente en el Editor de Sitios.

Esto le permite comprobarlo y decidir qué funciona y qué no antes de convertirlo en su tema activo.

Para quienes disfrutan experimentando con temas, esto supone un gran ahorro de tiempo.

Para probarlo, diríjase a Apariencia > Temas.

Pase el ratón por encima del tema que le interese y haga clic en el icono azul Avance en directo en la parte inferior del bloque temático para cargar la ventana de vista previa.

Si se trata de un tema inactivo, también verá un icono azul Activar de la parte inferior izquierda para establecerlo como tema predeterminado.

Conveniente, ¿verdad?

🆕 Otras mejoras de WordPress 6.4

WordPress 6.4 introduce más de 170 actualizaciones de rendimiento para ayudar a mejorar el tiempo de carga de las páginas en general. Estas son algunas actualizaciones dignas de mención:

• Función de avisos administrativos: WordPress 6.4 introduce dos funciones para las notificaciones de admin en lugar de utilizar el antiguo enfoque de mezclar códigos HTML y PHP.
• Consultas divididas en la caché de objetos: Esta función ayuda a WordPress a descomponer las consultas complejas en otras más pequeñas y eficientes. Esto mejora significativamente la velocidad del sitio web.
• Más accesibilidad: Entre las más de 50 mejoras de accesibilidad se incluyen un mejor etiquetado, una mejor navegación, títulos revisados y nuevos controles para el editor de imágenes que ayudan a navegar mejor.
• Bloque de notas a pie de página: Si quieres añadir anotaciones a páginas y entradas, puedes utilizar el nuevo bloque Notas al pie.
• Bloque de detalles: El nuevo bloque Detalles permite añadir secciones de contenido ampliable para las preguntas frecuentes o combinar respuestas cortas y largas dentro de la misma sección.
• Versiones recomendadas de PHP: WordPress se basa en PHP para su funcionamiento. Le sugerimos que utilice PHP 8.1 o 8.2 en su servidor para que WordPress 6.4 funcione sin problemas.
• Mejora de la carga de plantillas: La nueva versión incluye varias mejoras en la carga de plantillas para hacer las cosas más rápidas y eficientes tanto para los desarrolladores de WordPress como para los usuarios. Estas mejoras incluyen la reducción de las búsquedas de archivos y el acceso al sistema de archivos, la optimización de las búsquedas de plantillas de bloques y la mejora de la gestión de errores.

El tema Astra y otros productos BSF

Como no hay grandes cambios estructurales en WordPress en esta actualización, no habrá grandes cambios en el tema Astra ni en otros productos de Brainstorm Force.

Por supuesto, probaremos a fondo Astra y todas las plantillas de inicio para asegurarnos de que funcionan a la perfección con la nueva actualización.

Nos aseguraremos de que Spectra siga funcionando al máximo y cada producto que fabriquemos será sometido a pruebas exhaustivas.

Esto incluye SureCart, SureMembers, SureTriggers, SureWriter, CartFlows, Presto Player, ProjectHuddle, WPPortfolio y todos los demás plugins y productos que creamos.

Tenga la seguridad de que si utiliza cualquier producto creado por Brainstorm Force, nos aseguraremos de que funcione perfectamente con WordPress 6.4.

¡WordPress tiene buena pinta!

Estas son algunas de las novedades y mejoras de WordPress 6.4 que hemos probado hasta ahora.

Hay muchos otros cambios menores y cada vez descubrimos más. Actualizaremos este post si descubrimos alguna función especialmente sorprendente para mantenerte informado.

¿Has probado ya WordPress 6.4? ¿Te gusta lo que ves? ¿Te gusta la dirección que está tomando WordPress? Cuéntanoslo en los comentarios.