[et_pb_section fb_built=\u00bb1″ _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n
En el din\u00e1mico mundo del desarrollo web, cada nueva versi\u00f3n de WordPress<\/a> 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<\/strong> se encuentran en un punto de encuentro fascinante.<\/p>\n En esta gu\u00eda, vamos a conocer las novedades y caracter\u00edsticas de WordPress 6.4. Descubriremos mejoras en la interfaz de usuario<\/strong> y nuevas funciones<\/strong> que hacen que la vida de los desarrolladores y dise\u00f1adores sea m\u00e1s sencilla.<\/p>\n Ya seamos un veterano en el uso de WordPress o alguien que reci\u00e9n se inicia en este vasto universo, las actualizaciones hacia la versi\u00f3n 6.4 est\u00e1n aqu\u00ed para enriquecer nuestra experiencia<\/strong> y expandir los horizontes.<\/p>\n Prepar\u00e9monos para un an\u00e1lisis detallado de las mejoras de WordPress 6.4. Exploraremos cada funci\u00f3n para entender c\u00f3mo pueden beneficiar nuestros proyectos web. Descubriremos juntos por qu\u00e9 la actualizaci\u00f3n de WordPress 6.4 es importante.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Cuando se trata de actualizar a la \u00faltima versi\u00f3n de WordPress, como la 6.4, es natural preguntarse si el cambio vale la pena. La decisi\u00f3n de actualizar nuestro sitio a WordPress 6.4 no es solo una cuesti\u00f3n de mantenerse al d\u00eda<\/strong> con las \u00faltimas tendencias; es tambi\u00e9n una reflexi\u00f3n sobre c\u00f3mo estas nuevas caracter\u00edsticas pueden enriquecer y mejorar nuestro sitio web.<\/p>\n Primero, consideremos la seguridad de WordPress<\/a>. Las actualizaciones de WordPress a menudo incluyen parches de seguridad<\/strong> esenciales que protegen nuestro sitio de vulnerabilidades reci\u00e9n descubiertas. Al actualizar a la versi\u00f3n 6.4, est\u00e1s dando un paso proactivo hacia la protecci\u00f3n de nuestro sitio contra posibles amenazas, lo cual es crucial en el siempre cambiante panorama de la seguridad en l\u00ednea.<\/p>\n En segundo lugar, hablemos de las funciones. Cada nueva versi\u00f3n de WordPress trae consigo mejoras y nuevas caracter\u00edsticas<\/strong> que pueden aumentar la eficiencia y la efectividad de nuestro sitio. La versi\u00f3n 6.4, con sus novedades, promete no solo mejorar la experiencia del usuario, sino tambi\u00e9n ofrecer herramientas m\u00e1s robustas y flexibles para los desarrolladores y dise\u00f1adores.<\/p>\n Sin embargo, es importante tener en cuenta la compatibilidad<\/strong>. Antes de realizar la actualizaci\u00f3n, es esencial asegurarse de que los temas de WordPress<\/a>\u00a0y plugins de WordPress<\/a> actuales sean compatibles con la nueva versi\u00f3n. Una actualizaci\u00f3n precipitada sin la debida preparaci\u00f3n puede llevar a problemas de compatibilidad que afecten el funcionamiento de nuestro sitio.<\/p>\n Es por esto que es ideal tener una copia de seguridad de WordPress<\/a>, ya sea por medio de un plugin de seguridad o nuestra herramienta de superbackup<\/a>, la cual facilita en gran medida el trabajo.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Los Hooks de Bloque permiten que un bloque se coloque de forma autom\u00e1tica en una posici\u00f3n espec\u00edfica dentro del contenido, cada vez que se a\u00f1ade un nuevo bloque. Esto elimina la necesidad de insertar de forma manual ciertos bloques, agilizando el proceso de dise\u00f1o y edici\u00f3n<\/strong>.<\/p>\n Entre los principios de esta funci\u00f3n destacamos:<\/p>\n Automatizaci\u00f3n:<\/strong> los usuarios no deben insertar de forma manual estos bloques. Una vez activado proporciona el bloque enganchado, la inserci\u00f3n debe ocurrir de forma autom\u00e1tica en el front end.<\/p>\n Visibilidad y control:<\/strong> aunque la inserci\u00f3n es autom\u00e1tica, los bloques deben ser visibles en el editor, y los usuarios deben tener la capacidad de controlar esta inserci\u00f3n autom\u00e1tica.<\/p>\n Es importante tener en cuenta que esto solo funciona en plantillas<\/strong> o partes de la p\u00e1gina<\/strong> que no se encuentren modificadas, en otras palabras, no funcionara en el contenido de las entradas, esto lo plantea el propio desarrollador en sus notas de versi\u00f3n.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Es posible utilizar esta funci\u00f3n por medio de un hook de WordPress y un archivo (block.json<\/strong>), sin embargo, esto no ser\u00e1 de gran utilidad y diferencial, este al ser agregado de esta forma se aplicar\u00e1 a todas las p\u00e1ginas que tengan esta condici\u00f3n.<\/p>\n Es por esto que lo mejor es utilizar la nueva propiedad de blockHooks<\/strong>, la cual toma como principio un objeto con el nombre de la secci\u00f3n donde queramos implementar el hook y el valor del mismo, podemos especificarlos seg\u00fan su ubicaci\u00f3n.<\/p>\n Es posible establecerlo en las siguientes posiciones:<\/p>\n before:<\/strong> antes del bloque objetivo Algo parecido a esta funci\u00f3n:<\/strong><\/p>\n [\/et_pb_text][et_pb_code _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb] <\/code>[\/et_pb_code][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n En este sentido si usamos las dos \u00faltimas opciones, los paneles ser\u00e1n mostrados en el inspector de bloques y se insertar\u00e1n de forma autom\u00e1tica<\/strong>, con unos activadores que nos facilitaran el poder activar o no la inserci\u00f3n autom\u00e1tica de los bloques.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Una forma m\u00e1s flexible para los programadores de hacer funcionales los bloques, es por medio del nuevo filtro de funcion hooked_block_types<\/strong>. Este nos va a ayudar a hacer hooks de bloques bas\u00e1ndonos en una condici\u00f3n espec\u00edfica, por ejemplo, un bloque que va a mostrarse seg\u00fan la plantilla de WordPress<\/a>\u00a0o el sitio donde se encuentre.<\/p>\n Para esto, la funci\u00f3n de hooked_block_types<\/strong> nos permite hacer uso de varios par\u00e1metros:<\/p>\n $hooked_blocks:<\/strong> este es un array de bloques enganchados. Al ser algo t\u00e9cnico de esta actualizaci\u00f3n se hace un poco m\u00e1s engorroso, si tenemos m\u00e1s dudas sobre esta nueva funci\u00f3n podemos verla en la p\u00e1gina de las notas de la versi\u00f3n<\/strong>.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Los bloques de patr\u00f3n son herramientas que nos ayudan a mejorar el dise\u00f1o de nuestro sitio, podemos utilizar estos patrones en los bloques de nuestro tema, incluso crear un directorio de patrones<\/strong> para ser utilizados en varios elementos.<\/p>\n De la misma forma, podemos crear patrones desde cero, con una interfaz de edici\u00f3n y si se nos da bien el tema de programaci\u00f3n podemos agregarlo al archivo functions.php<\/a>, una de las mejoras de la versi\u00f3n de WordPress 6.4 es la de agregar categor\u00edas de patrones.<\/p>\n En adici\u00f3n a los ajustes que pod\u00edamos hacer en la versi\u00f3n anterior, nombre y tipo de patr\u00f3n, ahora podremos hacer ajustes a nivel de categor\u00edas<\/strong> para organizar mejor estos patrones.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/ubicacion-de-los-patrones.gif\u00bb title_text=\u00bbubicacion de los patrones\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Incluso podemos editar las categor\u00edas al modificar el patr\u00f3n. Adem\u00e1s, para hacerlo m\u00e1s sencillo, se ha eliminado la opci\u00f3n de Patrones sincronizados<\/strong> al agregar bloques. Ahora puedes acceder a ellos desde la ventana de patrones. De la misma forma se hace m\u00e1s f\u00e1cil importar y exportar patrones como JSON<\/strong> desde el editor del sitio WordPress<\/a>.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/categoria-y-importar.gif\u00bb title_text=\u00bbcategoria y importar\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n El nuevo tema<\/strong> introducido en WordPress 6.4 mantiene la misma est\u00e9tica que sus predecesores. Es un tema minimalista<\/strong> y adecuado para varios prop\u00f3sitos, como la creaci\u00f3n de sitios web para empresas, fotograf\u00edas o blogs<\/strong>. Es una opci\u00f3n s\u00f3lida en estos casos.<\/p>\n Aunque los temas por defecto no suelen tener muchas funciones personalizadas, este tema trabaja en conjunto con los patrones para destacar sus caracter\u00edsticas y posibilidades. Proporciona una variedad de contenido predeterminado, incluyendo estructuras y p\u00e1ginas que se ajustan a nuestras necesidades.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/nuevo-tema-de-wordpress.gif\u00bb title_text=\u00bbnuevo tema de wordpress\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n En esta nueva versi\u00f3n de WordPress se incorporan algunas funciones muy buenas y algunas herramientas<\/strong> que nos ayudaran a mejorar nuestros dise\u00f1os. Algunas de las funciones m\u00e1s interesantes que tenemos son controles de color<\/strong>, bloque de imagen<\/strong>, lightbox<\/strong> y m\u00e1s<\/strong>.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Cuando trabajamos con un bloque de contenido nos encontramos ahora con una mejora sustancial en cuanto a personalizaci\u00f3n, la posibilidad para editar los bloques de texto de WordPress<\/a> es ahora una realidad. Al contar con el men\u00fa<\/strong> habitual de colores para personalizar enlaces, textos y fondos<\/strong>.<\/p>\n Con WordPress 6.4, el uso de bloques de contenido ha sido mejorado de forma sustancial en cuanto a est\u00e9tica del sitio.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/parrafos-con-estilos.gif\u00bb title_text=\u00bbparrafos con estilos\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n En esta versi\u00f3n de WordPress 6.4, es posible que agreguemos im\u00e1genes de fondo<\/strong> con el bloque de grupo, para aquellos especializados en c\u00f3digo, este hace un llamado a la funci\u00f3n appearanceTools<\/strong>, la podemos encontrar en theme.json<\/strong>. Antes no ten\u00edamos esta opci\u00f3n y ahora en esta versi\u00f3n es posible esta modificaci\u00f3n.<\/p>\n Al insertar la imagen de fondo se establece la propiedad de background-image<\/strong>, esto para el elemento de DIV<\/strong> que se est\u00e9 usando como bloque, junto al estilo background-size: cover<\/strong>, para garantizar que la imagen cubra por completo nuestro bloque.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/fondo-a-grupo.gif\u00bb title_text=\u00bbfondo a grupo\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Si queremos irnos m\u00e1s al porqu\u00e9 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<\/strong>, lo cual habilita el dise\u00f1o que incluye el fondo.<\/p>\n La segunda es mediante el propio archivo que hicimos menci\u00f3n antes theme.json<\/strong>, sin embargo, para poder manejar este tendremos que tener m\u00e1s control sobre que c\u00f3digos agregar haciendo un llamado a esta funci\u00f3n<\/strong>.<\/p>\n [\/et_pb_text][et_pb_code _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb] <\/code>[\/et_pb_code][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Contaremos con una nueva opci\u00f3n en el panel de ajustes una vez insertamos una imagen en WordPress<\/a>, este permitir\u00e1 activar o desactivar el efecto lightbox<\/strong> o popup de im\u00e1genes<\/strong>. Si nos encontramos con algunos errores debemos tener algo de paciencia.<\/p>\n Esta herramienta es nueva para la versi\u00f3n de WordPress 6.4 por lo que se espera que se actualice para mejorar su funcionamiento m\u00e1s adelante.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/popup-de-image.gif\u00bb title_text=\u00bbpopup de image\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Si bien contamos con esta mejora, el bot\u00f3n no indica que se agregara un efecto lightbox<\/strong>, este tendr\u00e1 el activador de Expandir al hacer clic<\/strong>. Si bien puede causar algunas confusiones al inicio una vez que nos acostumbremos podemos agregarlo o desactivarlo sin problemas.<\/p>\n Es una mejora en relaci\u00f3n con versiones anteriores donde si quer\u00edamos esta funci\u00f3n ten\u00edamos que instalar alg\u00fan plugin de WordPress<\/a> para tener popups en WordPress<\/a>. Es una mejora sustancial para mejorar el rendimiento de nuestro sitio.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n En la actualizaci\u00f3n de WordPress 6.4, una de las novedades es la capacidad de colocar texto de forma vertical<\/strong> en nuestro sitio. Esta funci\u00f3n se utiliza especialmente con el nuevo tema Twenty Twenty-Four<\/strong>, que se activa en las configuraciones de tipograf\u00eda<\/strong> en el panel lateral<\/strong> de nuestro bloque.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/orientacion-del-texto.gif\u00bb title_text=\u00bborientacion del texto\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Si bien puede parecer una gran mejora seg\u00fan la circunstancia la encontraremos desactivada por defecto. Para activarla debemos agregar la funci\u00f3n en nuestro archivo theme.json<\/strong>, para que el m\u00e9todo de escritura pueda cambiar en la configuraci\u00f3n.<\/p>\n De la misma forma podemos establecer un comportamiento predeterminado para otros bloques. Por ejemplo, se muestra como establecer la orientaci\u00f3n en vertical<\/strong> para los bloques de p\u00e1rrafos:<\/p>\n [\/et_pb_text][et_pb_code _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb] <\/code>[\/et_pb_code][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n En la versi\u00f3n de WordPress 6.4 se incorpora algunas mejoras a este bloque de Notas al pie de p\u00e1gina<\/strong>. Si bien antes era utilizado ahora es cuando tendremos ajustes de dise\u00f1o en este mismo, desde color de enlaces<\/strong> hasta color de fondo<\/strong>. Este nuevo panel proporciona unos controles m\u00e1s avanzados para modificar las tipograf\u00edas<\/strong>, bordes<\/strong> y m\u00e1s elementos<\/strong>.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/Pie-de-pagina-mejoras.gif\u00bb title_text=\u00bbPie de pagina mejoras\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n El proceso de creaci\u00f3n es cambiante y una de las mejoras que podemos encontrar a nivel de botones de navegaci\u00f3n<\/strong> es la posibilidad de crear nuevos botones de navegaci\u00f3n desde la propia barra de herramientas de este bloque.<\/p>\n Si bien la tarea algunas veces sol\u00eda ser engorrosa, ahora con la propia barra de herramientas que posee el bloque tenemos a la mano el poder agregar estos botones.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/mejoras-en-menu.gif\u00bb title_text=\u00bbmejoras en menu\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Si bien WordPress se caracteriza por tener una interfaz sencilla y amigable para todos, en la versi\u00f3n de WordPress 6.4 se introducen una cantidad de mejoras en la interfaz del editor<\/strong>, brindado no solo una experiencia de edici\u00f3n m\u00e1s fluida, sino que tambi\u00e9n, ayudando a agilizar el flujo de trabajo.<\/p>\n Es aqu\u00ed donde salen a relucir ajustes de la versi\u00f3n como ser\u00edan las mejoras en las paleta de comandos<\/strong>, una vista de lista<\/strong> con avances en que opciones podemos darle, barras de herramienta<\/strong> que al ser fijas nos ayudan a comprender y trabajar mejor y m\u00e1s r\u00e1pido.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n En esta actualizaci\u00f3n, WordPress 6.4 trae mejoras visuales y nuevas funciones para hacer que los elementos sean m\u00e1s coherentes. Ahora, podemos transformar bloques<\/strong>, duplicarlos<\/strong>, copiarlos<\/strong>, eliminarlos<\/strong>, e insertarlos antes<\/strong> o despu\u00e9s<\/strong> de otros elementos.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/busqueda.gif\u00bb title_text=\u00bbbusqueda\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Esta nueva versi\u00f3n trae una serie de comandos nuevos en la selecci\u00f3n de bloques, para verlos en funcionamiento debemos seleccionar unos bloques de nuestro editor de sitios<\/strong> y pulsar Ctrl + K<\/strong>, esto realiza una b\u00fasqueda donde escribimos transformar, para que nos muestre estas nuevas opciones.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/busqueda-personalizada.gif\u00bb title_text=\u00bbbusqueda personalizada\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n De la misma forma es posible realizar varias acciones con estos bloques, una de ellas es la de agrupar<\/strong> y desagrupar<\/strong>, en el momento tenemos una lista de comandos disponible, las cuales veremos a continuaci\u00f3n:<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n En la vista de lista podemos encontrar de forma r\u00e1pida los ajustes de nuestros bloques, los grupos y los patrones que estamos utilizando. Estas acciones incluyen la posibilidad de copiar elementos<\/strong>, duplicarlos<\/strong>, agrupar<\/strong> y muchas m\u00e1s<\/strong> opciones. Esto como ya conocemos es de gran utilidad para poder construir nuestros sitios.<\/p>\n 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.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/lista-mejorada.gif\u00bb title_text=\u00bblista mejorada\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Cuando editamos los bloques de nuestro constructor algunas veces estos tienen elementos internos que son complicados de editar cuando la p\u00e1gina es larga y tenemos que estar constantemente subiendo a la parte superior del sitio. Hay algunos bloques de contenido que sufren m\u00e1s que otros de este problema.<\/p>\n Antes de la versi\u00f3n 6.4 de WordPress si seleccion\u00e1bamos el bloque inferior<\/strong>, la barra se mov\u00eda a una posici\u00f3n diferente, desde esta nueva versi\u00f3n de WordPress 6.4 la barra esta unida entre hijos y padres<\/strong>.<\/p>\n Esto quiere decir que cuando cambiamos la selecci\u00f3n entre bloques de una misma secci\u00f3n la barra va a permanecer fija<\/strong>, ayud\u00e1ndonos en gran medida en cuanto la posici\u00f3n para poder editar.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/lista-mejorada2.gif\u00bb title_text=\u00bblista mejorada2″ _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n En esta versi\u00f3n de momento solo contamos con estos ajustes en bloques como navegaci\u00f3n, lista y cita<\/strong>.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n En esta actualizaci\u00f3n de WordPress 6.4 han incorporado una gran cantidad de actualizaciones para mejorar el rendimiento de WordPress<\/a> 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<\/strong> y mucho m\u00e1s<\/strong>.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n La opci\u00f3n de carga de scripts<\/strong> se agreg\u00f3 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<\/strong> y defer<\/strong>.<\/p>\n En la versi\u00f3n de WordPress 6.4 se mejoran las estrategias de carga de scripts logrando implementarlos tanto en el frontend del sitio mediante el c\u00f3digo fuente como desde los archivos en el dashboard de WordPress<\/a>.<\/p>\n De la misma forma estos atributos que se cargan con el valor de defer<\/strong>, son movidos del pie de p\u00e1gina al header del sitio<\/a>. Este con el objetivo de que sea cargado antes que el resto de contenido evitando problemas de carga<\/strong> y puedan ser mostrados con m\u00e1s rapidez.<\/p>\n Como dato general sobre la actualizaci\u00f3n, mejora la seguridad del core para poder garantizar una mejor seguridad en nuestro sitio.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Desde la versi\u00f3n de WordPress 6.4 la p\u00e1gina de adjuntos en nuevas instalaciones no esta presente, antes de esta versi\u00f3n se creaba de forma autom\u00e1tica una p\u00e1gina de adjuntos para cada archivo multimedia que se sub\u00eda. Sin embargo, esto no era del todo \u00fatil en muchos casos, estas p\u00e1ginas creadas se indexaban<\/strong> y pod\u00edan suponer un reto para la auditoria seo WordPress<\/a>.<\/p>\n En la actualizaci\u00f3n 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<\/strong>, esta controla el comportamiento de la p\u00e1gina de adjuntos que se ha eliminado.<\/p>\n Podemos escribirlos bajo un 1 (uno)<\/strong> para activarlo o un 0 (cero)<\/strong> para desactivarlo, en los sitios que se actualizan desde versiones anteriores a esta esta establecido por defecto en 1 (uno)<\/strong>.<\/p>\n Esto es posible modificarla por medio del WP CLI:<\/strong><\/p>\n [\/et_pb_text][et_pb_code _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb] <\/code>[\/et_pb_code][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Si no somos programadores e igual queremos hacer este cambio lo encontramos accesible en nuestro dashboard de WordPress<\/strong> en wp-admin\/options.php<\/strong>, recordando que este panel solo es accesible por medio de la escritura de la URL.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/atatchment.gif\u00bb title_text=\u00bbatatchment\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Si estamos familiarizados con los spinners habituales que utilizaba WordPress para indicar una carga, en esta actualizaci\u00f3n de WordPress 6.4 se han agregado tambi\u00e9n un horizontal ProgressBar<\/strong>. Este sustituye al spinner cl\u00e1sico al momento de cargar los elementos del editor del sitio.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/11\/horizontal-loader.gif\u00bb title_text=\u00bbhorizontal loader\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n En versiones previas a esta actualizaci\u00f3n, la funci\u00f3n de _register_theme_block_patterns(<\/strong>) se encargaba de gestionar cualquier patr\u00f3n 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\u00eda que esta funci\u00f3n fuese problem\u00e1tica.<\/p>\n Provocando sobrecarga de recursos en nuestros servidores web, en especial con temas que se prestan a generar m\u00e1s patrones como es la gama de temas twenty twenty. Una soluci\u00f3n a esto es la nueva funci\u00f3n de<\/p>\n _wp_get_block_patterns()<\/strong>, esta almacena los datos de patrones en una cach\u00e9 transitoria.<\/p>\n Gracias a esta funci\u00f3n, las peticiones no se guardan en nuevos archivos cada vez que se necesiten, ya que pueden acceder a esta cach\u00e9 y tomarlo de aqu\u00ed. Tambi\u00e9n es posible el desactivar esta cach\u00e9 con el uso de la funci\u00f3n WP_Theme::delete_caches()<\/strong>. Pero para aplicar esta tenemos que tener un poco m\u00e1s de conocimientos sobre programaci\u00f3n.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Si bien es normal que algunos temas hagan comprobaciones en su c\u00f3digo, en las versiones anteriores algunas APIs de WordPress<\/a> hac\u00edan este proceso un poco m\u00e1s engorroso, creando conflictos entre temas hijos y temas padres.<\/p>\n Como podemos entender, no es \u00f3ptimo para nuestro sitio que estos conflictos se creen solo por una funci\u00f3n del tema<\/strong>. Es por esto que en esta versi\u00f3n se han actualizado algunas funciones y APIs<\/strong> de temas que ahora solo verifican si el tema actual coincide con el directorio del tema padre.<\/p>\n Si se encuentra con esta coincidencia es cuando realiza la comprobaci\u00f3n de archivos, esto es una mejora significativa en cuanto al rendimiento<\/strong> que puede tener nuestro sitio, si bien es algo muy espec\u00edfico seg\u00fan el tema, tener esta opci\u00f3n nos ayuda a fomentar a\u00fan m\u00e1s el uso de temas hijos en nuestros WordPress<\/a>.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Las opciones que encontramos en WordPress son cargadas de forma autom\u00e1tica, cuando el sitio tiene una cantidad que sobrepasa un n\u00famero el servidor web <\/a>comienza a presentar fallas y problemas<\/strong>. Para evitar esto si somos desarrolladores de plugins podemos aprovechar algunas funciones que vienen en esta actualizaci\u00f3n de WordPress 6.4.<\/p>\n Estas funciones nos ayudan a mejorar el rendimiento<\/strong> y establecer un comportamiento diferente al que se ten\u00eda, algunas de estas permiten obtener varias opciones como una sola consulta en la base de datos:<\/p>\n De la misma forma tenemos otras dos funciones m\u00e1s que nos ayudan a establecer los valores de autocarga para algunas opciones:<\/p>\n Hay que recordar que estos ajustes est\u00e1n orientados a programadores de temas, pero es bueno conocer la amplitud de las actualizaciones de WordPress, y que van m\u00e1s all\u00e1 de lo visual.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Algunos de los cambios que podemos notar para desarrolladores son:<\/strong><\/p>\n\u00bfEs ideal actualizar WordPress a 6.4?<\/h2>\n
Actualizacion: Hooks de Bloque<\/h2>\n
Usar (Hooking) mediante block.json<\/h3>\n
after:<\/strong> despu\u00e9s del bloque destino
firstChild:<\/strong> el primer hijo del bloque contenedor de destino
lastChild:<\/strong> el \u00faltimo hijo del bloque contenedor de destino<\/p>\n<\/p>\n{\tblockHooks: {\t\t'core\/spacer': 'after'\t}}<\/pre>\nAnidar bloques Utilizando la funcion hooked_block_types<\/h3>\n
$position:<\/strong> es posible ser usado con before, after, first_child, o last_child.
$anchor_block:<\/strong> por lo general se conoce como el nombre del bloque.
$context:<\/strong> la secci\u00f3n a la que va a pertenecer el bloque, ya sea una parte de la plantilla o cualquier patr\u00f3n.<\/p>\nSistema de Patrones mejorado<\/h2>\n
Nuevo tema: Twenty Twenty-Four<\/h2>\n
Actualizaci\u00f3n: Herramientas personalizables y funciones de dise\u00f1o<\/h2>\n
Controles de color para el bloque contenido<\/h3>\n
Soporte para el bloque de imagen de fondo<\/h3>\n
<\/p>\n{\t\"settings\": {\t\t\"background\": {\t\t\t\"backgroundImage\": true\t\t}\t}}<\/pre>\nIncorporaci\u00f3n de efecto lightbox en las im\u00e1genes<\/h3>\n
Orientaci\u00f3n vertical del texto<\/h3>\n
<\/p>\n{\t\"styles\": {\t\t\"blocks\": {\t\t\t\"core\/paragraph\": {\t\t\t\t\"typography\": {\t\t\t\t\t\"writingMode\": \"vertical-rl\"\t\t\t\t}\t\t\t},\t\t}\t}}<\/pre>\nMejoras para el bloque de notas en el pie de p\u00e1gina<\/h3>\n
Mejoras en botones en el bloque navegaci\u00f3n<\/h3>\n
Interfaz de usuario mejorada y flujo de trabajo<\/h2>\n
Paleta de comandos actualizada<\/h3>\n
\n
Vista de Lista Mejorada<\/h3>\n
Barras de Herramientas Fijadas<\/h3>\n
Mejoras para el rendimiento del sitio<\/h2>\n
Actualizaci\u00f3n de carga de scripts<\/h3>\n
Actualizaci\u00f3n en las p\u00e1ginas de adjuntos<\/h3>\n
<\/p>\nwp option set wp_attachment_pages_enabled 0wp option set wp_attachment_pages_enabled 1<\/pre>\n
Nuevo componente ProgressBar<\/h3>\n
Actualizaci\u00f3n en los patrones de Carga<\/h3>\n
Baja la cantidad de comprobaciones de existencia de archivos<\/h3>\n
Nuevas funci\u00f3nes de opciones<\/h3>\n
\n
\n
Mejoras extras para desarrolladores<\/h3>\n
\n