En este artículo, te mostraré las novedades de las últimas Actualización de WordPress 6.4! Con esta actualización, WordPress se acerca un paso más a su objetivo de ser un CMS más colaborativo y rico en funciones. 

WordPress 6.3 2023WordPress 6.4 2024

1. Nuevo tema Veinte Veinticuatro ya disponible

Tema Veinticuatro FotógrafosTema Veinticuatro Emprendedores

WordPress ha lanzado oficialmente su próximo tema importante: ¡el tema Twenty Twenty-Four! Este tema apunta a una mayor flexibilidad para adaptarse a una variedad de casos de uso y profesionales de la industria. Por ejemplo, existen variaciones del tema para propietarios/emprendedores de pequeñas empresas, escritores/blogueros y fotógrafos/creativos. 

El tema también ha recibido muchas mejoras de rendimiento para ayudar a acelerar la carga de la página y ofrecer un mejor SEO listo para usar.  

Puedes explorar el demostración en vivo del tema Twenty Twenty-Four aquí, o consulte los recursos de diseño que se incluyeron en este tema en el Página de Figma de WordPress.

WordPress simplificado: curso sobre cómo crear sitios web potentes por Davies Media Design

2. Nueva función de caja de luz de imagen

Habilite Image Lightbox en la nueva característica de WordPress 6.4

Las imágenes de WordPress FINALMENTE tienen una función de “caja de luz” de forma predeterminada. Esto significa que cuando un visitante del sitio hace clic en una imagen de una página web, la imagen se expandirá para mostrar su versión en tamaño completo, o al menos una versión más grande que la vista previa/miniatura.

Esta nueva función está disponible para el bloque Imagen y el bloque Galería. Para habilitar esta función, simplemente haga clic en la imagen dentro del Editor de bloques y active la opción "Habilitar al hacer clic" en la pestaña Bloque de la barra lateral de Configuración para ese bloque. 

3. Los bloques de grupo obtienen imágenes de fondo

Bloques de grupo compatibles con imágenes BG Ventana emergente de WordPress 6.4

WordPress 6.4 introduce la posibilidad de agregar imágenes de fondo a los bloques de "Grupo". Esto significa que tener imágenes de fondo ya no se limita solo al bloque "Portada", lo que brinda a los diseñadores más flexibilidad al diseñar páginas web.

Para utilizar esta función, haga clic en el bloque de grupo al que desea agregar la imagen, luego navegue hasta la pestaña "Estilos" en la barra lateral de Configuración del bloque. Desplácese hacia abajo hasta la sección "Fondo" y haga clic para agregar su imagen de fondo.

Parece que en este momento no hay ninguna función de color de “superposición” para agregar sobre la imagen. Entonces, si desea aclarar u oscurecer la imagen de fondo para hacer que el texto sea más visible, por ejemplo, deberá realizar esas ediciones antes de cargar la imagen.

Agregar botones de navegación Sin código Ventana emergente de WordPress 6.4

Una nueva característica muy útil en WordPress 6.4 es la capacidad de agregar el bloque "Botones" a sus menús de navegación. Ahora puedes agregar fácilmente un botón llamativo a tu navegación principal, ¡todo sin necesidad de codificar! Esta es una excelente manera de mejorar rápidamente la experiencia del usuario en su sitio e impulsar las conversiones.

Para acceder a esta función, debe ubicar la parte de la plantilla "Encabezado" donde se encuentra su navegación principal. Vaya a Apariencia>Editor para abrir el Editor del sitio, luego haga clic en "Patrones". Desplácese hacia abajo hasta donde dice "Partes de la plantilla" y haga clic en "Encabezado". Haga clic en el patrón denominado "Encabezado" que se muestra aquí.

Desde dentro de la parte de la plantilla de encabezado, que ahora estará abierta en el Editor del sitio, haga clic en el bloque de Navegación. En la barra lateral de Configuración de bloque, haga clic en el signo "+" que aparece en la sección "Menú" (en la pestaña "Vista de lista"). Escriba "Botones" en el campo de búsqueda o seleccione la opción "Botones" si aparece allí de forma predeterminada. ¡Ahora puede agregar texto a su botón, vincularlo a cualquier página o sección de su página y personalizar el estilo del botón!

Cuando haya terminado, haga clic en "Guardar" para guardar los cambios. Los cambios ahora se completarán en cualquier lugar donde se muestre la parte principal de la plantilla "Encabezado" en todo su sitio. 

5. Nueva configuración de orientación de texto vertical

Crear ventana emergente de demostración de WordPress 6.4 con texto vertical

¡WordPress 6.4 admite oficialmente texto vertical! La orientación del texto se puede cambiar del texto horizontal estándar al nuevo texto vertical desde los bloques Párrafo y Encabezado. 

Puede cambiar la orientación de su texto desde el editor de bloques haciendo clic en el bloque que contiene el texto que desea editar y luego navegando hasta la barra lateral de configuración del bloque.

En "Tipografía", haga clic en el ícono del menú kabob (menú de tres puntos) y seleccione "Orientación del texto". Ahora aparecerá un pequeño par de íconos de orientación; haga clic en el ícono “vertical” para que el texto sea vertical.

Para personalizar aún más el texto vertical, simplemente cambie la alineación del texto usando la barra de herramientas del bloque. "Alinear a la derecha" hará que el texto se lea de abajo hacia arriba, mientras que "Alinear a la izquierda" volteará el texto para que se lea de arriba hacia abajo.

6. La vista de lista recibe múltiples funciones nuevas

La función "Vista de lista" en WordPress ha ido adquiriendo un papel cada vez más importante con cada nueva versión de WordPress. Esta versión más reciente no supone ninguna diferencia, ya que la Vista de lista recibe más atención por parte de los contribuyentes de WordPress. 

Las dos características nuevas más notables agregadas a la Vista de lista incluyen vistas previas de imágenes y etiquetas de bloques de grupo editables. 

Vistas previas de imágenes

Vista de lista Vistas previas de imágenes Ventana emergente de WordPress 6.4

Las nuevas vistas previas de imágenes de la Vista de lista le permiten ver rápidamente qué imágenes pueden estar contenidas en un bloque, en particular una galería o un bloque de imágenes.

Un efecto secundario positivo de esta nueva característica es que encontrar bloques específicos ahora debería ser mucho más fácil, especialmente cuando tienes muchos bloques anidados e instancias del mismo tipo de bloque (es decir, muchos bloques de imágenes en una sola página).

Cambiar el nombre de los bloques de grupo

Cambiar el nombre de los bloques de grupos de etiquetas Ventana emergente de WordPress 6.4

La última característica mencionada es la nueva función de cambio de nombre de bloque de grupo. Ahora puede cambiar el nombre de cualquier bloque de grupo dentro de la Vista de lista, lo que facilita etiquetar diferentes bloques de grupo.

Una vez más, esta función debería facilitar la búsqueda de varios bloques de grupos en una página web, especialmente cuando tiene muchos grupos diferentes. 

Duplicar bloques con una nueva tecla de acceso directo

La última característica nueva de Vista de lista que mencionaré aquí es la nueva tecla de acceso directo para duplicar bloques. Simplemente use ctrl+shift+d (Windows) o cmd+shift+d (MAC) para duplicar cualquier bloque o grupo de bloques. Esto no solo duplicará el elemento de la lista en la Vista de lista, sino que también duplicará ese bloque o conjunto de bloques real en su página web en el Editor de bloques.

WordPress simplificado: curso sobre cómo crear sitios web potentes por Davies Media Design

7. Nueva función de categoría de patrón

Categorizar patrones Ventana emergente de demostración de WordPress 6.4

Con esta última versión de WordPress viene una nueva característica que le permite categorizar un patrón recién creado (una colección de bloques predefinidos/diseñados previamente). Dado que los patrones están organizados dentro de la pestaña "Patrones" del Insertador de bloques, esta nueva función facilita ordenar rápidamente sus nuevos patrones y encontrarlos cuando los necesite. 

Para utilizar esta función, ubique el bloque o grupo de bloques que desea convertir en un patrón. Haga clic en el icono de la brocheta "Opciones" en la barra de herramientas y seleccione "Crear patrón".

En la ventana que aparece, escriba el nombre que desea asignar a su nuevo patrón, luego use el nuevo campo "Categoría" para seleccionar el nombre de una categoría existente o escriba un nuevo nombre de categoría.

Presione la tecla Intro para aplicar un nuevo nombre de categoría. Haga clic en "Crear" para crear el nuevo patrón con una categoría asignada. 

8. Comparta patrones en varios sitios

Compartir patrones entre sitios Ventana emergente de WordPress 6 4

Una de las características nuevas más sorprendentes que ha pasado desapercibida es la capacidad de exportar e importar patrones como archivos JSON para compartir y usar patrones fácilmente en múltiples sitios. ¿No sabes qué es un archivo JSON? No se preocupe: no necesita alterar el archivo JSON real para que la función funcione.

Simplemente navegue hasta Apariencia>Editor para acceder al Editor del sitio. A continuación, navegue hasta la sección "Patrones". Localice el patrón que desea exportar y haga clic en el enlace del menú de tres puntos/brocheta. Seleccione "Exportar como JSON" en el menú. 

A continuación, elija o cree una nueva carpeta donde desea guardar el archivo de patrón, asigne un nombre al archivo y luego haga clic en "Guardar". 

Vaya al administrador de WP del sitio donde desea cargar el patrón y una vez más navegue hasta el Editor del sitio (Apariencia>Editor>Patrones). Haga clic en el icono "+" junto al título "Patrones" y seleccione "Importar patrón desde JSON".

Seleccione el archivo JSON de su computadora y haga clic en "Abrir". Ahora deberías ver tu patrón en la categoría "Mis patrones". 

Tenga en cuenta que los estilos de todo el sitio no se transferirán a su Pattern en el nuevo sitio, pero puede editar manualmente los estilos del Pattern para diseñarlo a su gusto. 

9. La alineación de bloques en patrones sincronizados ahora se actualiza en todo el sitio

Actualizaciones de alineación Patrones sincronizados Ventana emergente de WordPress 6.4

WordPress 6.4 agrega funcionalidad adicional a los patrones sincronizados al aplicar nuevas configuraciones de alineación en todas las instancias de un patrón sincronizado. 

Simplemente aplique una nueva configuración de alineación a un patrón sincronizado a través del Editor de bloques, luego haga clic en "Publicar", seguido de "Guardar" para guardar los cambios en todos los patrones sincronizados (aquí verá una lista con todos los patrones sincronizados donde se aplicará este cambio). aplicarse (con una marca de verificación al lado de cada elemento).

10. Defina la relación de aspecto para las imágenes de marcador de posición

Bloquear relación de aspecto Imágenes de marcador de posición Ventana emergente de WordPress

Lo siguiente en WordPress 6.4 es una nueva característica que le permite establecer la relación de aspecto de las imágenes de marcador de posición en sus páginas web o publicaciones de blog.

Para utilizar esta función, inserte un bloque de imagen en su página web. Luego, en la barra lateral de Configuración del bloque, en la pestaña "Configuración", haga clic en el menú desplegable "Relación de aspecto" y seleccione la relación de aspecto que desea establecer para este bloque. Cualquier imagen futura que agregues a este bloque ahora tendrá la relación de aspecto que establezcas.

Esta característica es ideal para Plantillas porque puede agregar una imagen de marcador de posición al diseño de una página web sin preocuparse por los cambios en la relación de aspecto según la imagen cargada.

11. Barras de herramientas mejoradas para listas, cotizaciones y bloques de navegación

WordPress ha realizado mejoras en estos tres bloques de escritura para mejorar la experiencia de escritura en WordPress y hacerla más consistente. 

12. La paleta de comandos obtiene nuevos accesos directos en el editor del sitio

La comunidad de WordPress ha implementado algunos atajos nuevos para la función Paleta de comandos que se introdujo originalmente en WordPress 6.3. Desde la paleta de comandos, a la que puede acceder con la tecla de acceso directo Ctrl+k (Windows) o cmd+k (MAC), ahora puede abrir y cerrar la vista de lista, mostrar u ocultar rutas de navegación en la parte inferior del Editor del sitio, o Activa o desactiva el “Modo libre de distracciones”.

Para realizar cualquiera de estas acciones, simplemente necesita presionar Ctrl+k para abrir la paleta de comandos, comenzar a escribir el nombre de la acción (es decir, "pan" para "Ocultar rutas de navegación de bloques" o "lista" para "Alternar vista de lista"). ”) luego haga clic en la acción de la lista que se muestra. Si la acción es la primera en la lista, simplemente necesita presionar la tecla Intro en su teclado.

Idioma de la paleta de comandos mejorado

Además de la nueva característica anterior, la paleta de comandos también recibió un lenguaje mejorado al mostrar acciones y otros resultados de búsqueda.

En su mayor parte, el lenguaje se ha simplificado para que la acción o herramienta que está buscando se muestre con un texto mínimo.

Por ejemplo, cuando empiece a escribir "Nav", en lugar de decir "Abrir navegación", simplemente dirá "Navegación". Al hacer clic en esta entrada se abrirá la pantalla de navegación en el Editor del sitio.

13. Nuevas funciones adicionales

WordPress 6.4 también ha recibido más de 100 mejoras de rendimiento, incluidas mejoras en la forma en que se cargan las imágenes, los temas y otros recursos importantes de la página. Estas mejoras de rendimiento deberían mejorar la experiencia del usuario para los diseñadores, así como ayudar a que WordPress esté más optimizado para la búsqueda lista para usar (¡lo cual es excelente para SEO y clasificación de páginas!). 

¡Eso es todo en cuanto a las novedades de WordPress 6.4! Si desea obtener más información sobre WordPress y el diseño de sitios web, consulte mi WordPress simplificado 2023: curso sobre cómo crear sitios web potentes en Udemy. También puedes ver mi Vídeotutoriales de WordPress o leer cualquiera de mis Artículos de ayuda de WordPress (disponible en más de 40 idiomas).

Salir de la versión móvil