blog webempresa

Novedades de WordPress 6.4

por | Nov 16, 2023 | Actualizar WordPress

¿Cómo enviar emails a usuarios registrados en WordPress?

En el dinámico mundo del desarrollo web, cada nueva versión de WordPress trae consigo una ola de innovaciones y mejoras. Con la llegada de WordPress 6.4, nos encontramos ante un horizonte de posibilidades ampliado, donde la funcionalidad y la creatividad se encuentran en un punto de encuentro fascinante.

En esta guía, vamos a conocer las novedades y características de WordPress 6.4. Descubriremos mejoras en la interfaz de usuario y nuevas funciones que hacen que la vida de los desarrolladores y diseñadores sea más sencilla.

Ya seamos un veterano en el uso de WordPress o alguien que recién se inicia en este vasto universo, las actualizaciones hacia la versión 6.4 están aquí para enriquecer nuestra experiencia y expandir los horizontes.

Preparémonos para un análisis detallado de las mejoras de WordPress 6.4. Exploraremos cada función para entender cómo pueden beneficiar nuestros proyectos web. Descubriremos juntos por qué la actualización de WordPress 6.4 es importante.

¿Es ideal actualizar WordPress a 6.4?

 

Cuando se trata de actualizar a la última versión de WordPress, como la 6.4, es natural preguntarse si el cambio vale la pena. La decisión de actualizar nuestro sitio a WordPress 6.4 no es solo una cuestión de mantenerse al día con las últimas tendencias; es también una reflexión sobre cómo estas nuevas características pueden enriquecer y mejorar nuestro sitio web.

Primero, consideremos la seguridad de WordPress. Las actualizaciones de WordPress a menudo incluyen parches de seguridad esenciales que protegen nuestro sitio de vulnerabilidades recién descubiertas. Al actualizar a la versión 6.4, estás dando un paso proactivo hacia la protección de nuestro sitio contra posibles amenazas, lo cual es crucial en el siempre cambiante panorama de la seguridad en línea.

En segundo lugar, hablemos de las funciones. Cada nueva versión de WordPress trae consigo mejoras y nuevas características que pueden aumentar la eficiencia y la efectividad de nuestro sitio. La versión 6.4, con sus novedades, promete no solo mejorar la experiencia del usuario, sino también ofrecer herramientas más robustas y flexibles para los desarrolladores y diseñadores.

Sin embargo, es importante tener en cuenta la compatibilidad. Antes de realizar la actualización, es esencial asegurarse de que los temas de WordPress y plugins de WordPress actuales sean compatibles con la nueva versión. Una actualización precipitada sin la debida preparación puede llevar a problemas de compatibilidad que afecten el funcionamiento de nuestro sitio.

Es por esto que es ideal tener una copia de seguridad de WordPress, ya sea por medio de un plugin de seguridad o nuestra herramienta de superbackup, la cual facilita en gran medida el trabajo.

Actualización: hooks de bloque

 

Es posible utilizar esta función por medio de un hook de WordPress y un archivo (block.json), sin embargo, esto no será de gran utilidad y diferencial, este al ser agregado de esta forma se aplicará a todas las páginas que tengan esta condición.

Es por esto que lo mejor es utilizar la nueva propiedad de blockHooks, la cual toma como principio un objeto con el nombre de la sección donde queramos implementar el hook y el valor del mismo, podemos especificarlos según su ubicación.

Es posible establecerlo en las siguientes posiciones:

before: antes del bloque objetivo.
after: después del bloque destino.
firstChild: el primer hijo del bloque contenedor de destino.
lastChild: el último hijo del bloque contenedor de destino.

Algo parecido a esta función:

{
	blockHooks: {
		'core/spacer': 'after'
	}
}

En este sentido si usamos las dos últimas opciones, los paneles serán mostrados en el inspector de bloques y se insertarán de forma automática, con unos activadores que nos facilitaran el poder activar o no la inserción automática de los bloques.

Anidar bloques utilizando la función hooked_block_types

 

Una forma más flexible para los programadores de hacer funcionales los bloques, es por medio del nuevo filtro de función hooked_block_types. Este nos va a ayudar a hacer hooks de bloques basándonos en una condición específica, por ejemplo, un bloque que va a mostrarse según la plantilla de WordPress o el sitio donde se encuentre.

Para esto, la función de hooked_block_types nos permite hacer uso de varios parámetros:

$hooked_blocks: este es un array de bloques enganchados.
$position: es posible ser usado con before, after, first_child, o last_child.
$anchor_block: por lo general se conoce como el nombre del bloque.
$context: la sección a la que va a pertenecer el bloque, ya sea una parte de la plantilla o cualquier patrón.

Al ser algo técnico de esta actualización se hace un poco más engorroso, si tenemos más dudas sobre esta nueva función podemos verla en la página de las notas de la versión.

Sistema de patrones mejorado

 

Los bloques de patrón son herramientas que nos ayudan a mejorar el diseño de nuestro sitio, podemos utilizar estos patrones en los bloques de nuestro tema, incluso crear un directorio de patrones para ser utilizados en varios elementos.

De la misma forma, podemos crear patrones desde cero, con una interfaz de edición y si se nos da bien el tema de programación podemos agregarlo al archivo functions.php, una de las mejoras de la versión de WordPress 6.4 es la de agregar categorías de patrones.

En adición a los ajustes que podíamos hacer en la versión anterior, nombre y tipo de patrón, ahora podremos hacer ajustes a nivel de categorías para organizar mejor estos patrones.

ubicacion de los patrones

Incluso podemos editar las categorías al modificar el patrón. Además, para hacerlo más sencillo, se ha eliminado la opción de Patrones sincronizados al agregar bloques. Ahora puedes acceder a ellos desde la ventana de patrones. De la misma forma se hace más fácil importar y exportar patrones como JSON desde el editor del sitio WordPress.

    Categoria e importar

    Nuevo tema: Twenty Twenty-Four

     

    El nuevo tema introducido en WordPress 6.4 mantiene la misma estética que sus predecesores. Es un tema minimalista y adecuado para varios propósitos, como la creación de sitios web para empresas, fotografías o blogs. Es una opción sólida en estos casos.

    Aunque los temas por defecto no suelen tener muchas funciones personalizadas, este tema trabaja en conjunto con los patrones para destacar sus características y posibilidades. Proporciona una variedad de contenido predeterminado, incluyendo estructuras y páginas que se ajustan a nuestras necesidades.

    nuevo tema de WordPress

    Actualización: herramientas personalizables y funciones de diseño

     

    En esta nueva versión de WordPress se incorporan algunas funciones muy buenas y algunas herramientas que nos ayudaran a mejorar nuestros diseños. Algunas de las funciones más interesantes que tenemos son controles de color, bloque de imagen, lightbox y más.

    Controles de color para el bloque contenido

     

    Cuando trabajamos con un bloque de contenido nos encontramos ahora con una mejora sustancial en cuanto a personalización, la posibilidad para editar los bloques de texto de WordPress es ahora una realidad. Al contar con el menú habitual de colores para personalizar enlaces, textos y fondos.

    Con WordPress 6.4, el uso de bloques de contenido ha sido mejorado de forma sustancial en cuanto a estética del sitio.

    parrafos con estilos

    Soporte para el bloque de imagen de fondo

     

    En esta versión de WordPress 6.4, es posible que agreguemos imágenes de fondo con el bloque de grupo, para aquellos especializados en código, este hace un llamado a la función appearanceTools, la podemos encontrar en theme.json. Antes no teníamos esta opción y ahora en esta versión es posible esta modificación.

    Al insertar la imagen de fondo se establece la propiedad de background-image, esto para el elemento de DIV que se esté usando como bloque, junto al estilo background-size: cover, para garantizar que la imagen cubra por completo nuestro bloque.

    fondo a grupo

    Si queremos irnos más al porqué de los bloques, tenemos dos formas de agregar la imagen de fondo en nuestros temas, una es por medio de la propiedad de apariencias del bloque, lo cual habilita el diseño que incluye el fondo.

    La segunda es mediante el propio archivo que hicimos mención antes theme.json, sin embargo, para poder manejar este tendremos que tener más control sobre que códigos agregar haciendo un llamado a esta función.

    {
    	"settings": {
    		"background": {
    			"backgroundImage": true
    		}
    	}
    }

    Incorporación de efecto lightbox en las imágenes

     

    Contaremos con una nueva opción en el panel de ajustes una vez insertamos una imagen en WordPress, este permitirá activar o desactivar el efecto lightbox o popup de imágenes. Si nos encontramos con algunos errores debemos tener algo de paciencia.

    Esta herramienta es nueva para la versión de WordPress 6.4 por lo que se espera que se actualice para mejorar su funcionamiento más adelante.

    popup de imagen

    Si bien contamos con esta mejora, el botón no indica que se agregara un efecto lightbox, este tendrá el activador de Expandir al hacer clic. Si bien puede causar algunas confusiones al inicio una vez que nos acostumbremos podemos agregarlo o desactivarlo sin problemas.

    Es una mejora en relación con versiones anteriores donde si queríamos esta función teníamos que instalar algún plugin de WordPress para tener popups en WordPress. Es una mejora sustancial para mejorar el rendimiento de nuestro sitio.

    Orientación vertical del texto

     

    En la actualización de WordPress 6.4, una de las novedades es la capacidad de colocar texto de forma vertical en nuestro sitio. Esta función se utiliza especialmente con el nuevo tema Twenty Twenty-Four, que se activa en las configuraciones de tipografía en el panel lateral de nuestro bloque.

    Orientacion del texto

    Si bien puede parecer una gran mejora según la circunstancia la encontraremos desactivada por defecto. Para activarla debemos agregar la función en nuestro archivo theme.json, para que el método de escritura pueda cambiar en la configuración.

    De la misma forma podemos establecer un comportamiento predeterminado para otros bloques. Por ejemplo, se muestra como establecer la orientación en vertical para los bloques de párrafos:

    {
    	"styles": {
    		"blocks": {
    			"core/paragraph": {
    				"typography": {
    					"writingMode": "vertical-rl"
    				}
    			},
    		}
    	}
    }

    Mejoras para el bloque de notas en el pie de página

     

    En la versión de WordPress 6.4 se incorpora algunas mejoras a este bloque de Notas al pie de página. Si bien antes era utilizado ahora es cuando tendremos ajustes de diseño en este mismo, desde color de enlaces hasta color de fondo. Este nuevo panel proporciona unos controles más avanzados para modificar las tipografías, bordes y más elementos.

    pie de pagina mejoras

    Mejoras en botones en el bloque navegación

     

    El proceso de creación es cambiante y una de las mejoras que podemos encontrar a nivel de botones de navegación es la posibilidad de crear nuevos botones de navegación desde la propia barra de herramientas de este bloque.

    Si bien la tarea algunas veces solía ser engorrosa, ahora con la propia barra de herramientas que posee el bloque tenemos a la mano el poder agregar estos botones.

    mejoras en menu

    Interfaz de usuario mejorada y flujo de trabajo

     

    Si bien WordPress se caracteriza por tener una interfaz sencilla y amigable para todos, en la versión de WordPress 6.4 se introducen una cantidad de mejoras en la interfaz del editor, brindado no solo una experiencia de edición más fluida, sino que también, ayudando a agilizar el flujo de trabajo.

    Es aquí donde salen a relucir ajustes de la versión como serían las mejoras en las paleta de comandos, una vista de lista con avances en que opciones podemos darle, barras de herramienta que al ser fijas nos ayudan a comprender y trabajar mejor y más rápido.

    Paleta de comandos actualizada

     

    En esta actualización, WordPress 6.4 trae mejoras visuales y nuevas funciones para hacer que los elementos sean más coherentes. Ahora, podemos transformar bloques, duplicarlos, copiarlos, eliminarlos, e insertarlos antes o después de otros elementos.

    busqueda

    Esta nueva versión trae una serie de comandos nuevos en la selección de bloques, para verlos en funcionamiento debemos seleccionar unos bloques de nuestro editor de sitios y pulsar Ctrl + K, esto realiza una búsqueda donde escribimos transformar, para que nos muestre estas nuevas opciones.

    Busqueda personalizada

    De la misma forma es posible realizar varias acciones con estos bloques, una de ellas es la de agrupar y desagrupar, en el momento tenemos una lista de comandos disponible, las cuales veremos a continuación:

    • Añadir antes.
    • Añadir después.
    • Eliminar.
    • Duplicar.
    • Mover a.
    • Agrupar.
    • Desagrupar.
    • Transformar a.

    Vista de lista mejorada

     

    En la vista de lista podemos encontrar de forma rápida los ajustes de nuestros bloques, los grupos y los patrones que estamos utilizando. Estas acciones incluyen la posibilidad de copiar elementos, duplicarlos, agrupar y muchas más opciones. Esto como ya conocemos es de gran utilidad para poder construir nuestros sitios.

    Ya sea mejorar la estructura o ayudarnos a expandir y contraer grupos de elementos para realizar varias acciones en bloque, el poder ver nuestro sitio en lista es una mejora sustancial.

    lista mejorada

    Barras de herramientas fijadas

     

    Cuando editamos los bloques de nuestro constructor algunas veces estos tienen elementos internos que son complicados de editar cuando la página es larga y tenemos que estar constantemente subiendo a la parte superior del sitio. Hay algunos bloques de contenido que sufren más que otros de este problema.

    Antes de la versión 6.4 de WordPress si seleccionábamos el bloque inferior, la barra se movía a una posición diferente, desde esta nueva versión de WordPress 6.4 la barra esta unida entre hijos y padres.

    Esto quiere decir que cuando cambiamos la selección entre bloques de una misma sección la barra va a permanecer fija, ayudándonos en gran medida en cuanto la posición para poder editar.

    lista mejorada 2

    En esta versión de momento solo contamos con estos ajustes en bloques como navegación, lista y cita.

    Mejoras para el rendimiento del sitio

     

    En esta actualización de WordPress 6.4 han incorporado una gran cantidad de actualizaciones para mejorar el rendimiento de WordPress de nuestros sitios web en WordPress. Hay varios de estos que son orientados para desarrolladores de temas, entre estos ajustes tenemos la carga de scripts, un componente nuevo de progressBar y mucho más.

    Actualización de carga de scripts

     

    La opción de carga de scripts se agregó en versiones anteriores, sin embargo, se ha mejorado, esta mejora nos ayuda a manejar mejor el orden de los scripts que se cargan en el sitio, es posible controlarlos de la misma forma con los atributos de async y defer.

    En la versión de WordPress 6.4 se mejoran las estrategias de carga de scripts logrando implementarlos tanto en el frontend del sitio mediante el código fuente como desde los archivos en el dashboard de WordPress.

    De la misma forma estos atributos que se cargan con el valor de defer, son movidos del pie de página al header del sitio. Este con el objetivo de que sea cargado antes que el resto de contenido evitando problemas de carga y puedan ser mostrados con más rapidez.

    Como dato general sobre la actualización, mejora la seguridad del core para poder garantizar una mejor seguridad en nuestro sitio.

    Actualización en las páginas de adjuntos

     

    Desde la versión de WordPress 6.4 la página de adjuntos en nuevas instalaciones no esta presente, antes de esta versión se creaba de forma automática una página de adjuntos para cada archivo multimedia que se subía. Sin embargo, esto no era del todo útil en muchos casos, estas páginas creadas se indexaban y podían suponer un reto para la auditoria seo WordPress.

    En la actualización 6.4 de WordPress el activar esto en caso de necesitarlo esta disponible con una variable en la base de datos wp_attachment_pages_enabled, esta controla el comportamiento de la página de adjuntos que se ha eliminado.

    Podemos escribirlos bajo un 1 (uno) para activarlo o un 0 (cero) para desactivarlo, en los sitios que se actualizan desde versiones anteriores a esta esta establecido por defecto en 1 (uno).

    Esto es posible modificarla por medio del WP CLI:

    wp option set wp_attachment_pages_enabled 0
    wp option set wp_attachment_pages_enabled 1

    Si no somos programadores e igual queremos hacer este cambio lo encontramos accesible en nuestro dashboard de WordPress en wp-admin/options.php, recordando que este panel solo es accesible por medio de la escritura de la URL.

    atatchment

    Nuevo componente ProgressBar

     

    Si estamos familiarizados con los spinners habituales que utilizaba WordPress para indicar una carga, en esta actualización de WordPress 6.4 se han agregado también un horizontal ProgressBar. Este sustituye al spinner clásico al momento de cargar los elementos del editor del sitio.

    Horizontal loader

    Actualización en los patrones de carga

     

    En versiones previas a esta actualización, la función de _register_theme_block_patterns() se encargaba de gestionar cualquier patrón que se pudiera identificar en el tema activo. Si bien es una herramienta muy buena, la cantidad de recursos que necesitaba para generar estos archivos hacía que esta función fuese problemática.

    Provocando sobrecarga de recursos en nuestros servidores web, en especial con temas que se prestan a generar más patrones como es la gama de temas twenty twenty. Una solución a esto es la nueva función de

    _wp_get_block_patterns(), esta almacena los datos de patrones en una caché transitoria.

    Gracias a esta función, las peticiones no se guardan en nuevos archivos cada vez que se necesiten, ya que pueden acceder a esta caché y tomarlo de aquí. También es posible el desactivar esta caché con el uso de la función WP_Theme::delete_caches(). Pero para aplicar esta tenemos que tener un poco más de conocimientos sobre programación.

    Baja la cantidad de comprobaciones de existencia de archivos

     

    Si bien es normal que algunos temas hagan comprobaciones en su código, en las versiones anteriores algunas APIs de WordPress hacían este proceso un poco más engorroso, creando conflictos entre temas hijos y temas padres.

    Como podemos entender, no es óptimo para nuestro sitio que estos conflictos se creen solo por una función del tema. Es por esto que en esta versión se han actualizado algunas funciones y APIs de temas que ahora solo verifican si el tema actual coincide con el directorio del tema padre.

    Si se encuentra con esta coincidencia es cuando realiza la comprobación de archivos, esto es una mejora significativa en cuanto al rendimiento que puede tener nuestro sitio, si bien es algo muy específico según el tema, tener esta opción nos ayuda a fomentar aún más el uso de temas hijos en nuestros WordPress.

    Nuevas funciónes de opciones

     

    Las opciones que encontramos en WordPress son cargadas de forma automática, cuando el sitio tiene una cantidad que sobrepasa un número el servidor web comienza a presentar fallas y problemas. Para evitar esto si somos desarrolladores de plugins podemos aprovechar algunas funciones que vienen en esta actualización de WordPress 6.4.

    Estas funciones nos ayudan a mejorar el rendimiento y establecer un comportamiento diferente al que se tenía, algunas de estas permiten obtener varias opciones como una sola consulta en la base de datos:

    • prime_options(): nos va a permitir obtener tener varios ajustes juntos, los valores de las opciones de las llamadas de get_option() se almacenan en una sola consulta para la base de datos.
    • prime_options(): nos va a ayudar a que los nombres de los arrays se muestren más rápido generando una caché correspondiente a cada campo que maneje.
    • prime_options_by_group(): esta funciona de una forma parecida a la primera pero trabajando con algunas funciones en específico.

    De la misma forma tenemos otras dos funciones más que nos ayudan a establecer los valores de autocarga para algunas opciones:

    • wp_set_option_autoload_values(): en general es utilizado para establecer un tiempo de autocarga para cada opción
    • wp_set_options_autoload_values(): puede que una de las más grandes mejoras, nos ayudara a establecer valores de carga automáticos, una vez que se aplica esto algunas opciones de nuestro tema cargaran de forma más rápida.

    Hay que recordar que estos ajustes están orientados a programadores de temas, pero es bueno conocer la amplitud de las actualizaciones de WordPress, y que van más allá de lo visual.

     Mejoras extras para desarrolladores

     

    Algunos de los cambios que podemos notar para desarrolladores son:

    • Cambio de las etiquetas de estilo por wp_add_inline_style() en el código fuente.
    • Configuración de valores mínimo y máximo para tipografías, ayudando al viewport desde theme.json.
    • Desactivar algunos controles de diseño desde el theme.json.
    • Es posible establecer un nuevo modo de edición de bloques Gutenberg con el hook useBlockEditingMode.
    • Mejora en la función de wp_get_loading_optimization_attributes() junto a nuevos filtros para poder editar los atributos de carga.
    • Encontramos una nueva API registerInserterMediaCategory, se usa en el proceso de registro de categorías de medios. Esta API solo funciona con categorías de la biblioteca de medios.
    • Se agregó la función de wp_get_admin_notice() y wp_admin_notice(), estas para ayudar a reducir la carga de labores de mantenimiento y mensajes de las notificaciones para los usuarios administradores.
    • Un mejor marcado de las páginas de login y registro, en busca de optimizar la estructura para desarrolladores, ofreciendo más flexibilidad y menos penalizaciones.

    Conclusiones

     

    Al explorar las profundidades y novedades de WordPress 6.4, nos encontramos ante un horizonte de posibilidades ampliado y emocionante. Esta versión no es solo una actualización; es un salto hacia adelante en la forma en que interactuamos y construimos en el ecosistema de WordPress.

    Con las mejoras que hemos visto, WordPress 6.4 nos invita a repensar la manera en que los bloques y plugins se integran en nuestros proyectos. Estas funciones, centrada en la automatización y el control intuitivo, no solo simplifica el proceso de diseño, sino que también enriquece la experiencia del usuario final.

    Además, las restricciones y consideraciones implementadas en esta versión reflejan un compromiso con la calidad y la estabilidad. Al limitar la inserción automática a ciertos contextos y evitar errores de validación, WordPress 6.4 asegura que las innovaciones no comprometan la integridad del sitio.

    WordPress 6.4 no es solo una actualización; es una invitación a abrazar nuevas formas de crear y gestionar contenido. Con estas herramientas avanzadas, WordPress continúa solidificando su posición como líder en la creación de experiencias web ricas y dinámicas. Para desarrolladores, diseñadores y usuarios, las novedades de esta versión abren un camino emocionante hacia la eficiencia, la creatividad y la innovación.

    ¿Te ha resultado útil este artículo?

    Promo Junio Webempresa