{"id":64492,"date":"2023-03-30T21:11:21","date_gmt":"2023-03-30T19:11:21","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=64492&#038;preview=true&#038;preview_id=64492"},"modified":"2023-08-23T10:52:26","modified_gmt":"2023-08-23T08:52:26","slug":"wordpress-6-2","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/","title":{"rendered":"Novedades de WordPress 6.2: Modo de Navegaci\u00f3n, Libro de Estilos, Men\u00fas de Navegaci\u00f3n Mejorados, Nuevas APIs y Mucho M\u00e1s"},"content":{"rendered":"<p><a href=\"https:\/\/wordpress.org\/news\/2023\/03\/dolphy\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 6.2 \u00abDolphy\u00bb<\/a> fue lanzado y es hora de que exploremos las novedades de la primera versi\u00f3n de 2023.<\/p>\n<p>Con WordPress 6.2, entramos en la fase final de la Fase 2 de la <a href=\"https:\/\/wordpress.org\/about\/roadmap\/\">hoja de ruta de desarrollo a largo plazo de Gutenberg<\/a>, y el editor de bloques <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39293\">abandona oficialmente la fase beta<\/a>.<\/p>\n\n<p>Esta versi\u00f3n se centra principalmente en <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/06\/roadmap-to-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">mejorar la interfaz<\/a> y agilizar la experiencia de edici\u00f3n.<\/p>\n<p>Se ha introducido un nuevo enfoque para navegar entre plantillas y partes de plantillas, as\u00ed como la posibilidad de importar widgets en los temas de bloques, un nuevo modo de escritura sin distracciones, una experiencia de configuraci\u00f3n de bloques a escala y montones de grandes y peque\u00f1as mejoras en los bloques existentes, el rendimiento y la usabilidad.<\/p>\n<p>Pero si hay algo que da un salto adelante en cuanto a funcionalidad y usabilidad, es el Bloque de Navegaci\u00f3n. Desde que se lanz\u00f3 por primera vez, el men\u00fa de Navegaci\u00f3n ha pasado por varias iteraciones que han agilizado significativamente el proceso de edici\u00f3n a lo largo del tiempo. Con WordPress 6.2, el <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/41549\" target=\"_blank\" rel=\"noopener noreferrer\">desarrollo contin\u00faa<\/a> y, en este art\u00edculo, te mostraremos la facilidad con la que ahora puedes gestionar un men\u00fa de navegaci\u00f3n.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<p><strong>Echa un vistazo a nuestra <a href=\"https:\/\/www.youtube.com\/watch?v=3FX25WF1jO8\" target=\"_blank\" rel=\"noopener noreferrer\">gu\u00eda en v\u00eddeo para descubrir las novedades de WordPress 6.2<\/a>\u00a0<\/strong><\/p>\n<kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=3FX25WF1jO8\"><\/kinsta-video>\n<h2>Experiencia de Edici\u00f3n Mejorada<\/h2>\n<p>WordPress 6.2 ofrece una experiencia de edici\u00f3n mejorada, con toda la estructura del sitio en el centro. Ahora puedes gestionar los men\u00fas de navegaci\u00f3n m\u00e1s f\u00e1cilmente, pasar los cambios de estilo de un solo bloque a Estilos Globales, y navegar sin esfuerzo entre plantillas y partes de plantillas con partes de plantillas coloreadas y bloques reutilizables.<\/p>\n<p>Pero hay mucho m\u00e1s. Exploremos en detalle las principales adiciones y cambios en la interfaz del editor.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"8\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Una interfaz del editor de sitios y un modo de navegaci\u00f3n renovados<\/h3>\n<p>Con WordPress 6.2, llegan varias mejoras a la interfaz del editor. La primera y m\u00e1s interesante actualizaci\u00f3n afecta a <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#new-reorganized-site-editor-interface\" target=\"_blank\" rel=\"noopener noreferrer\">la interfaz del Editor de Sitios<\/a>. Gracias al nuevo Modo de Navegaci\u00f3n, ahora es m\u00e1s f\u00e1cil navegar por las plantillas y las partes de las plantillas.<\/p>\n<figure id=\"attachment_149436\" aria-describedby=\"caption-attachment-149436\" style=\"width: 2930px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149436 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface.jpg\" alt=\"La interfaz del Editor de Sitios en WordPress 6.2\" width=\"2930\" height=\"1456\"><figcaption id=\"caption-attachment-149436\" class=\"wp-caption-text\">La interfaz del Editor de Sitios en WordPress 6.2<\/figcaption><\/figure>\n<p>La nueva interfaz tambi\u00e9n te permite a\u00f1adir una nueva plantilla o parte de plantilla directamente desde la barra lateral del editor, simplemente <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46458\" target=\"_blank\" rel=\"noopener noreferrer\">haciendo clic en el icono m\u00e1s (+)<\/a> situado a la derecha del t\u00edtulo del men\u00fa.<\/p>\n<figure id=\"attachment_149437\" aria-describedby=\"caption-attachment-149437\" style=\"width: 2928px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-149437\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-templates-menu.jpg\" alt=\"The Site Editor's Templates menu in WordPress 6.2\" width=\"2928\" height=\"1460\"><figcaption id=\"caption-attachment-149437\" class=\"wp-caption-text\">El men\u00fa Plantillas del Editor de Sitios en WordPress 6.2<\/figcaption><\/figure>\n<p>Seg\u00fan <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ryan Welcher<\/a>, colaborador de Wp Core y Documentaci\u00f3n, \u00abEl trabajo en esta funci\u00f3n est\u00e1 en curso y seguir\u00e1 mejorando a medida que se publiquen nuevas versiones de Gutenberg.\u00bb<\/p>\n<figure id=\"attachment_149438\" aria-describedby=\"caption-attachment-149438\" style=\"width: 2932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149438 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface-add-new-template.jpg\" alt=\"A\u00f1adir una nueva plantilla en WordPress 6.2\" width=\"2932\" height=\"1460\"><figcaption id=\"caption-attachment-149438\" class=\"wp-caption-text\">A\u00f1adir una nueva plantilla en WordPress 6.2<\/figcaption><\/figure>\n<p>El flujo de trabajo ahora es m\u00e1s fluido y sin problemas. Para empezar a editar la plantilla\/parte de plantilla actual, s\u00f3lo tienes que hacer clic en el bot\u00f3n <strong>Editar<\/strong> del men\u00fa de la izquierda, o en la vista previa de la plantilla en el centro de la p\u00e1gina.<\/p>\n<figure id=\"attachment_149439\" aria-describedby=\"caption-attachment-149439\" style=\"width: 2932px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-149439 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-site-editor-interface-edit-template.jpg\" alt=\"Haz clic en el bot\u00f3n Editar o en la vista previa de la plantilla para editar una plantilla\" width=\"2932\" height=\"1458\"><figcaption id=\"caption-attachment-149439\" class=\"wp-caption-text\">Haz clic en el bot\u00f3n Editar o en la vista previa de la plantilla para editar una plantilla<\/figcaption><\/figure>\n<h3>Modo Sin Distracciones<\/h3>\n<p>WordPress 6.2 introduce un nuevo modo de edici\u00f3n Sin Distracciones, que elimina el desorden del canvas y te permite centrarte en el contenido de la p\u00e1gina.<\/p>\n<figure id=\"attachment_148385\" aria-describedby=\"caption-attachment-148385\" style=\"width: 2048px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148385 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-distraction-free-mode.jpg\" alt=\"Activar el modo Sin Distracciones\" width=\"2048\" height=\"1422\"><figcaption id=\"caption-attachment-148385\" class=\"wp-caption-text\">Activar el modo Sin Distracciones<\/figcaption><\/figure>\n<p>Puedes <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#introduced-distraction-free-mode\" target=\"_blank\" rel=\"noopener noreferrer\">activar esta funci\u00f3n<\/a> en el panel de opciones que aparece al hacer clic en el icono de la elipsis (tres puntos) en la esquina superior derecha.<\/p>\n<p>Una vez activado el modo Sin Distracciones, desaparecen las barras laterales y las barras de herramientas extra\u00f1as, dejando en la pantalla s\u00f3lo el contenido en el que est\u00e1s trabajando.<\/p>\n<h3>Inspector de bloques con pesta\u00f1as<\/h3>\n<p>WordPress 6.2 introduce <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">un nuevo Inspector de Bloques<\/a>\u00a0 destinado a poner orden en la barra lateral, dividiendo los controles de configuraci\u00f3n en paneles separados.<\/p>\n<p>Los ajustes de bloque se <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#improved-organization-of-block-settings-with-split-control\">dividen ahora en pesta\u00f1as<\/a> para separar los ajustes de estilo de otros ajustes de bloque.<\/p>\n<p>Si est\u00e1n disponibles, las pesta\u00f1as del Inspector de Bloques se mostrar\u00e1n en el siguiente orden:<\/p>\n<ul>\n<li><strong>Vista de Lista:<\/strong> Incluye controles para gestionar los hijos de un bloque, como submen\u00fas y enlaces en el bloque Navegaci\u00f3n<\/li>\n<li><strong>Configuraci\u00f3n:<\/strong> Incluye ajustes de configuraci\u00f3n no relacionados con la apariencia del bloque<\/li>\n<li><strong>Aspecto:<\/strong> Incluye ajustes relacionados espec\u00edficamente con el estilo del bloque actual, como la tipograf\u00eda y los colores<\/li>\n<\/ul>\n<figure id=\"attachment_148393\" aria-describedby=\"caption-attachment-148393\" style=\"width: 1649px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148393 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-tabbed-settings-sidebar.jpg\" alt=\"La nueva barra lateral de ajustes con pesta\u00f1as para un bloque Bot\u00f3n en WordPress 6.2\" width=\"1649\" height=\"1308\"><figcaption id=\"caption-attachment-148393\" class=\"wp-caption-text\">La nueva barra lateral de ajustes con pesta\u00f1as para un bloque Bot\u00f3n en WordPress 6.2<\/figcaption><\/figure>\n<p>Esto supone una notable mejora en la usabilidad de la interfaz, especialmente para bloques avanzados con muchas opciones de configuraci\u00f3n como el Bloque de Grupo o el Bloque de Navegaci\u00f3n.<\/p>\n<p>Tenlo en cuenta:<\/p>\n<ul>\n<li>El nuevo Inspector s\u00f3lo muestra una pesta\u00f1a cuando contiene elementos para mostrar.<\/li>\n<li>Si la pesta\u00f1a Configuraci\u00f3n s\u00f3lo contiene el panel Avanzado, se traslada a la pesta\u00f1a Apariencia.<\/li>\n<li>Si el Inspector de Bloques s\u00f3lo tiene una pesta\u00f1a, se muestra como antes de WordPress 6.2.<\/li>\n<\/ul>\n<p>Echa un vistazo a la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introduction-of-block-inspector-tabs\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota del desarrollador<\/a> para ver m\u00e1s de cerca el nuevo Inspector de Bloques.<\/p>\n<h3>Partes de plantillas y bloques reutilizables coloreados<\/h3>\n<p>Para diferenciarlas m\u00e1s f\u00e1cilmente de los grupos y bloques, las Partes de Plantilla y los Bloques Reutilizables ahora se resaltan en un <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#quickly-identify-template-parts-and-reusable-blocks-by-color\" target=\"_blank\" rel=\"noopener noreferrer\">color diferente<\/a> en la Vista de Lista, el Insertador de Bloques, la Barra de Herramientas de Bloques y en el canvas del editor.<\/p>\n<figure id=\"attachment_148370\" aria-describedby=\"caption-attachment-148370\" style=\"width: 2142px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148370 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-colorized-template-part.jpg\" alt=\"Parte de plantilla coloreada en la Vista Lista\" width=\"2142\" height=\"1082\"><figcaption id=\"caption-attachment-148370\" class=\"wp-caption-text\">Parte de plantilla coloreada en la Vista Lista<\/figcaption><\/figure>\n<p>Esto ocurre tanto en el Editor de Sitios como en el editor de entradas, como se muestra en la siguiente imagen.<\/p>\n<figure id=\"attachment_148371\" aria-describedby=\"caption-attachment-148371\" style=\"width: 1850px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148371 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-colorized-reusable-block.jpg\" alt=\"Bloque reutilizable coloreado en el editor de entradas\" width=\"1850\" height=\"742\"><figcaption id=\"caption-attachment-148371\" class=\"wp-caption-text\">Bloque reutilizable coloreado en el editor de entradas<\/figcaption><\/figure>\n<h3>Un insertador de bloques renovado<\/h3>\n<p>El Insertador de bloques se ve afectado por varios cambios que mejoran significativamente la experiencia general de edici\u00f3n.<\/p>\n<p>En primer lugar, un nuevo dise\u00f1o de la interfaz mejora la navegaci\u00f3n entre las categor\u00edas de patrones y medios, y proporciona <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#redesigned-the-main-pattern-inserter\" target=\"_blank\" rel=\"noopener noreferrer\">previsualizaciones m\u00e1s grandes<\/a> para los patrones y los elementos de medios.<\/p>\n<figure id=\"attachment_148386\" aria-describedby=\"caption-attachment-148386\" style=\"width: 1298px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148386 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-pattern-preview.jpg\" alt=\"Vista previa del patr\u00f3n en el Insertador de Bloques en WordPress 6.2\" width=\"1298\" height=\"1322\"><figcaption id=\"caption-attachment-148386\" class=\"wp-caption-text\">Vista previa del patr\u00f3n en el Insertador de Bloques en WordPress 6.2<\/figcaption><\/figure>\n<p>Cuando existen elementos multimedia en el sitio, aparece una pesta\u00f1a <strong>Medios<\/strong> <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#add-media-to-your-content-directly-from-the-inserter\" target=\"_blank\" rel=\"noopener noreferrer\">en el Insertador de bloques<\/a>\u00a0 para simplificar la inserci\u00f3n de elementos multimedia <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/44918\" target=\"_blank\" rel=\"noopener noreferrer\">dentro del contenido<\/a>. Puedes arrastrar y soltar im\u00e1genes\/medios o simplemente hacer clic en tus medios para a\u00f1adirlos al contenido.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-media-tab.jpg\" alt=\"\"An\"><\/p>\n<p>Dentro de la pesta\u00f1a, un bot\u00f3n <strong>Abrir biblioteca de medios<\/strong> te lleva a la <a href=\"https:\/\/kinsta.com\/es\/blog\/biblioteca-multimedia-wordpress\/\">biblioteca de Medios<\/a> de WordPress.<\/p>\n<h3>Integraci\u00f3n de Openverse en el Insertador de Bloques<\/h3>\n<p><a href=\"https:\/\/openverse.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Openverse<\/a> es una herramienta que pretende compartir obras con licencia abierta o de dominio p\u00fablico para que cualquiera pueda utilizarlas. Ahora, con WordPress 6.2, <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#Openverse-Integration\" target=\"_blank\" rel=\"noopener noreferrer\">Openverse est\u00e1 integrado en el Insertador de Bloques<\/a>.<\/p>\n<p>Para acceder a esta nueva funci\u00f3n, haz clic en la pesta\u00f1a Medios del Insertador de Bloques. Esto muestra un panel con un campo de b\u00fasqueda y previsualizaciones de im\u00e1genes tomadas directamente del repositorio de Openverse.<\/p>\n<figure id=\"attachment_148381\" aria-describedby=\"caption-attachment-148381\" style=\"width: 1298px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148381 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-openverse-panel.jpg\" alt=\"Openverse est\u00e1 ahora integrado en el Insertador de Bloques\" width=\"1298\" height=\"1270\"><figcaption id=\"caption-attachment-148381\" class=\"wp-caption-text\">Openverse est\u00e1 ahora integrado en el Insertador de Bloques<\/figcaption><\/figure>\n<p>Para los detalles t\u00e9cnicos, consulta el <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46251\" target=\"_blank\" rel=\"noopener noreferrer\">pull request de integraci\u00f3n de Openverse<\/a>.<\/p>\n<h3>Migrar widgets a temas de bloques<\/h3>\n<p>En WordPress 6.2, los usuarios que tengan un sitio con un tema cl\u00e1sico y decidan cambiar a un tema de bloques pueden <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#import-sidebar-widgets-to-template-parts\" target=\"_blank\" rel=\"noopener noreferrer\">migrar sus \u00e1reas de widgets existentes<\/a> al nuevo tema, convirti\u00e9ndolas <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/39270\" target=\"_blank\" rel=\"noopener noreferrer\">en partes de plantilla<\/a>.<\/p>\n<p>Veamos c\u00f3mo funciona.<\/p>\n<p>En primer lugar, crea un \u00e1rea de widgets en un tema cl\u00e1sico. Por ejemplo, podr\u00edas activar Twenty-Eleven y a\u00f1adir un calendario al \u00c1rea de pie de p\u00e1gina uno.<\/p>\n<figure id=\"attachment_148359\" aria-describedby=\"caption-attachment-148359\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148359 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-adding-widgets-in-classic-themes.jpg\" alt=\"A\u00f1adir un widget en Twenty Eleven\" width=\"2316\" height=\"1186\"><figcaption id=\"caption-attachment-148359\" class=\"wp-caption-text\">A\u00f1adir un widget en Twenty Eleven<\/figcaption><\/figure>\n<p>Ahora cambia el tema a <a href=\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-three\/\">Twenty Twenty-Three<\/a>. Abre el Editor de Sitios, elige una plantilla para editarla y a\u00f1ade una parte de plantilla.<\/p>\n<figure id=\"attachment_148360\" aria-describedby=\"caption-attachment-148360\" style=\"width: 2318px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148360 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-add-template-part.jpg\" alt=\"A\u00f1adir una parte de plantilla a una plantilla con el tema Twenty Twenty-Three\" width=\"2318\" height=\"1422\"><figcaption id=\"caption-attachment-148360\" class=\"wp-caption-text\">A\u00f1adir una parte de plantilla a una plantilla con el tema Twenty Twenty-Three<\/figcaption><\/figure>\n<p>En la barra lateral de bloques, selecciona el \u00e1rea de widgets que quieras importar en el men\u00fa desplegable <strong>Importar \u00e1rea de widgets<\/strong>.<\/p>\n<figure id=\"attachment_148361\" aria-describedby=\"caption-attachment-148361\" style=\"width: 2322px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148361 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-import-widget-area.jpg\" alt=\"Importar \u00e1rea de widgets en WordPress 6.2\" width=\"2322\" height=\"1422\"><figcaption id=\"caption-attachment-148361\" class=\"wp-caption-text\">Importar \u00e1rea de widgets en WordPress 6.2<\/figcaption><\/figure>\n<p>Y ya est\u00e1. Ahora puedes gestionar tu \u00e1rea de widgets anterior como cualquier otra parte de la plantilla.<\/p>\n<figure id=\"attachment_148362\" aria-describedby=\"caption-attachment-148362\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148362 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-widget-area-preview.jpg\" alt=\"Vista previa de un \u00e1rea de widgets importada\" width=\"2316\" height=\"946\"><figcaption id=\"caption-attachment-148362\" class=\"wp-caption-text\">Vista previa de un \u00e1rea de widgets importada<\/figcaption><\/figure>\n<h3>Detalles del documento y vista de lista combinados<\/h3>\n<p>Antes de WordPress 6.2, hab\u00eda dos botones separados en la barra de herramientas del Editor para <strong>Detalles<\/strong> y <strong>Vista de<\/strong> <strong>Lista<\/strong>. En la siguiente imagen, puedes ver la <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-1\/#time-to-read-in-the-info-panel\">ventana emergente<\/a> de detalles del documento en WordPress 6.1, que incluye el n\u00famero de palabras, el n\u00famero de caracteres, el tiempo de lectura y el n\u00famero de encabezados, p\u00e1rrafos y bloques, as\u00ed como el Esquema del documento.<\/p>\n<figure id=\"attachment_131143\" aria-describedby=\"caption-attachment-131143\" style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131143 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/08\/info-panel.jpg\" alt=\"La ventana emergente Detalles en WordPress 6.1\" width=\"1452\" height=\"802\"><figcaption id=\"caption-attachment-131143\" class=\"wp-caption-text\">La ventana emergente Detalles en WordPress 6.1<\/figcaption><\/figure>\n<p>A partir de WordPress 6.2, la<strong> Vista de<\/strong> <strong>Lista<\/strong> y los <strong>Detalles<\/strong> se han trasladado a un \u00fanico panel de <strong>Vista General<\/strong> del Documento dividido en dos pesta\u00f1as: <strong>Vista de Lista<\/strong> y <strong>Esquema<\/strong>.<\/p>\n<figure id=\"attachment_148376\" aria-describedby=\"caption-attachment-148376\" style=\"width: 1898px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148376 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-document-overview-panel.jpg\" alt=\"El nuevo panel Vista General del documento en WordPress 6.2\" width=\"1898\" height=\"1278\"><figcaption id=\"caption-attachment-148376\" class=\"wp-caption-text\">El nuevo panel Vista General del documento en WordPress 6.2<\/figcaption><\/figure>\n<p>Este cambio deber\u00eda facilitar la gesti\u00f3n del documento.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-plain\">\n        <p><\/p>\n<h3>C\u00f3mo instalar WordPress 6.2 en un entorno de desarrollo local<\/h3>\n<p>Si quieres probar las versiones de desarrollo de WordPress antes del lanzamiento oficial, sigue estos pasos:<\/p>\n<ol>\n<li>Abre DevKinsta y crea un nuevo <a href=\"https:\/\/kinsta.com\/es\/blog\/construir-sitio-wordpress-sin-conexion\/\">sitio web local de WordPress<\/a><\/li>\n<li>Cuando hayas terminado, abre tu panel de WordPress y navega hasta <strong>Plugins \u2192 A\u00f1adir nuevo<\/strong><\/li>\n<li>Busca e instala el plugin <strong>WordPress Beta Tester<\/strong><\/li>\n<li>Activa el plugin y ve a <strong>Herramientas \u2192 Prueba Beta<\/strong><\/li>\n<li>En la pesta\u00f1a Configuraci\u00f3n de WP Beta Tester, elige la opci\u00f3n <strong>Borde sangrante<\/strong> y guarda la configuraci\u00f3n<\/li>\n<li>Vuelve a tu panel de control de WordPress, abre la pantalla <strong>Actualizaciones<\/strong> y actualiza a la \u00faltima versi\u00f3n nocturna<\/li>\n<\/ol>\n<p>\u00a1Eso es todo! Ahora tienes una instalaci\u00f3n local de desarrollo de WordPress, y eres libre de ejecutar todas tus pruebas. Echa un vistazo y dinos qu\u00e9 te parecen las nuevas funciones.<\/p>\n<p>Con DevKinsta, s\u00f3lo necesitas unos clics para tener un entorno de desarrollo moderno para WordPress en tu m\u00e1quina local. \ud83d\udda5<\/p>\n<p><a href=\"https:\/\/kinsta.com\/es\/devkinsta\/\">Descarga DevKinsta<\/a> gratis \ud83d\udc48<\/p>\n<\/aside>\n\n<h2>Capacidades de Bloque Ampliadas<\/h2>\n<p>Con WordPress 6.2, se han ampliado las capacidades de varios tipos de bloques principales. Esto es especialmente cierto en el caso del bloque Navegaci\u00f3n, al que afectan varios cambios y mejoras en la experiencia de edici\u00f3n.<\/p>\n<p>Veamos los principales cambios en detalle.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Edici\u00f3n basada en listas para el bloque de navegaci\u00f3n<\/h3>\n<p>Con el lanzamiento de WordPress 6.2, es posible cambiar la disposici\u00f3n de los elementos del Bloque de Navegaci\u00f3n desde una <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#add-list-based-editing-to-navigation-block\">vista de lista en la barra lateral de configuraci\u00f3n del bloque<\/a>.<\/p>\n<figure id=\"attachment_148390\" aria-describedby=\"caption-attachment-148390\" style=\"width: 1588px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148390 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-menu-tab.jpg\" alt=\"Una nueva pesta\u00f1a Men\u00fa muestra una vista de lista del Men\u00fa de Navegaci\u00f3n\" width=\"1588\" height=\"1350\"><figcaption id=\"caption-attachment-148390\" class=\"wp-caption-text\">Una nueva pesta\u00f1a Men\u00fa muestra una vista de lista del Men\u00fa de Navegaci\u00f3n<\/figcaption><\/figure>\n<p>Si haces clic en el elemento del men\u00fa, acceder\u00e1s a la barra lateral de configuraci\u00f3n del Enlace de P\u00e1gina seleccionado, donde podr\u00e1s editar los detalles del enlace, incluyendo la etiqueta, la URL, la descripci\u00f3n, el t\u00edtulo del enlace y la rel. del enlace.<\/p>\n<figure id=\"attachment_148391\" aria-describedby=\"caption-attachment-148391\" style=\"width: 1414px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148391 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-link-settings.jpg\" alt=\"La barra lateral de configuraci\u00f3n del Enlace de P\u00e1gina\" width=\"1414\" height=\"1238\"><figcaption id=\"caption-attachment-148391\" class=\"wp-caption-text\">La barra lateral de configuraci\u00f3n del Enlace de P\u00e1gina<\/figcaption><\/figure>\n<p>Este cambio simplifica enormemente la experiencia de edici\u00f3n de los men\u00fas de navegaci\u00f3n, permiti\u00e9ndote a\u00f1adir, organizar y eliminar elementos de tu men\u00fa, o incluso crear nuevos men\u00fas de navegaci\u00f3n.<\/p>\n<h3>Bloquear la Navegaci\u00f3n<\/h3>\n<p>Otra mejora del bloque Navegaci\u00f3n es la posibilidad de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/#added-content-locking-to-the-navigation-block\" target=\"_blank\" rel=\"noopener noreferrer\">bloquear la edici\u00f3n del men\u00fa de forma m\u00e1s granular<\/a>. Ahora puedes <strong>Restringir la edici\u00f3n<\/strong>, <strong>Inhabilitar<\/strong> <strong>el movimiento<\/strong> e <strong>Impedir la eliminaci\u00f3n<\/strong>, mientras que con WordPress 6.1 s\u00f3lo estaban disponibles las opciones <strong>Restringir la edici\u00f3n<\/strong> e <strong>Inhabilitar el movimiento<\/strong>.<\/p>\n<p>Adem\u00e1s, las opciones seleccionadas tambi\u00e9n se pueden aplicar a los bloques interiores (enlaces y submen\u00fas).<\/p>\n<figure id=\"attachment_148392\" aria-describedby=\"caption-attachment-148392\" style=\"width: 2050px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148392 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-lock-navigation.jpg\" alt=\"Bloquear la navegaci\u00f3n en WordPress 6.2\" width=\"2050\" height=\"1168\"><figcaption id=\"caption-attachment-148392\" class=\"wp-caption-text\">Bloquear la navegaci\u00f3n en WordPress 6.2<\/figcaption><\/figure>\n<h3>A\u00f1adir\/Eliminar subt\u00edtulos de la barra de herramientas de bloques<\/h3>\n<p>Un nuevo bot\u00f3n <strong>A\u00f1adir\/Eliminar subt\u00edtulos<\/strong> permite a los usuarios <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/27\/whats-new-in-gutenberg-14-4-26-october\/\" target=\"_blank\" rel=\"noopener noreferrer\">controlar los subt\u00edtulos<\/a> desde la barra de herramientas de bloques para varios bloques (Audio, V\u00eddeo, Imagen).<\/p>\n<p>Si ya has establecido un pie de foto, se incluir\u00e1 autom\u00e1ticamente cuando a\u00f1adas la imagen a tu contenido.<\/p>\n<figure id=\"attachment_148395\" aria-describedby=\"caption-attachment-148395\" style=\"width: 1350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148395 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-add-remove-image-caption.jpg\" alt=\"A\u00f1adir\/eliminar subt\u00edtulos desde la barra de herramientas de bloques\" width=\"1350\" height=\"876\"><figcaption id=\"caption-attachment-148395\" class=\"wp-caption-text\">A\u00f1adir\/eliminar subt\u00edtulos desde la barra de herramientas de bloques<\/figcaption><\/figure>\n<h3>Mejoras en el bloque Lista de p\u00e1ginas<\/h3>\n<p>Dos mejoras <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/09\/whats-new-in-gutenberg-14-7-7-december\/#see-all-pages-in-list-view-for-the-page-list-block\" target=\"_blank\" rel=\"noopener noreferrer\">afectan al bloque Lista de p\u00e1ginas<\/a>.<\/p>\n<p>En primer lugar, el bloque Lista de p\u00e1ginas ahora puede expandirse para mostrar la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45776\">lista de p\u00e1ginas en el panel Vista Lista<\/a>.<\/p>\n<figure id=\"attachment_148396\" aria-describedby=\"caption-attachment-148396\" style=\"width: 2046px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148396 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-list-view.jpg\" alt=\"Bloque de Lista de P\u00e1ginas ampliado en la Vista de Lista\" width=\"2046\" height=\"754\"><figcaption id=\"caption-attachment-148396\" class=\"wp-caption-text\">Bloque de Lista de P\u00e1ginas ampliado en la Vista de Lista<\/figcaption><\/figure>\n<p>Adem\u00e1s, una nueva opci\u00f3n en la barra lateral del bloque te permite ahora <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45861\" target=\"_blank\" rel=\"noopener noreferrer\">establecer una p\u00e1gina inicial<\/a> y mostrar en el bloque s\u00f3lo las p\u00e1ginas que descienden de ella.<\/p>\n<figure id=\"attachment_148397\" aria-describedby=\"caption-attachment-148397\" style=\"width: 2072px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148397 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-starting-page-in-page-list.jpg\" alt=\"Establecer una p\u00e1gina de inicio para el bloque Lista de p\u00e1ginas\" width=\"2072\" height=\"956\"><figcaption id=\"caption-attachment-148397\" class=\"wp-caption-text\">Establecer una p\u00e1gina de inicio para el bloque Lista de p\u00e1ginas<\/figcaption><\/figure>\n<h3>Nuevo marcador de posici\u00f3n de bloque de grupo<\/h3>\n<p>Ahora el marcador de posici\u00f3n Bloque de grupo muestra <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#add-a-variation-picker-to-the-group-block-placeholder\" target=\"_blank\" rel=\"noopener noreferrer\">un selector de variaciones<\/a> cuando el bloque se a\u00f1ade al contenido de la p\u00e1gina.<\/p>\n<figure id=\"attachment_148398\" aria-describedby=\"caption-attachment-148398\" style=\"width: 2074px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148398 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-group-block-placeholder.jpg\" alt=\"El marcador de posici\u00f3n de bloque de grupo en WordPress 6.2\" width=\"2074\" height=\"1232\"><figcaption id=\"caption-attachment-148398\" class=\"wp-caption-text\">El marcador de posici\u00f3n de bloque de grupo en WordPress 6.2<\/figcaption><\/figure>\n<h3>Soporte de bloque de cabeceras adhesivas<\/h3>\n<p>WordPress 6.2 introduce una nueva funci\u00f3n de soporte de bloque de posici\u00f3n, empezando por las <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/sticky-position-block-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">cabeceras adhesivas<\/a><\/p>\n<p>Actualmente, esta nueva funci\u00f3n s\u00f3lo se aplica a los bloques de Grupo, a los que se opta por defecto.<\/p>\n<p>Los desarrolladores de temas pueden activar la cabecera \u00absticky\u00bb en sus temas utilizando la funci\u00f3n <code>appearanceTools<\/code> en <strong>theme.json<\/strong>. Si quieres un control m\u00e1s granular sobre las herramientas de apariencia, tambi\u00e9n puedes establecer la prop <code>settings.position.sticky<\/code> en <code>true<\/code>.<\/p>\n<p>Puedes activar la cabeceras adhesivas en el panel <strong>Posici\u00f3n<\/strong> de la barra lateral de control del Inspector.<\/p>\n<figure id=\"attachment_148935\" aria-describedby=\"caption-attachment-148935\" style=\"width: 2154px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148935 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-sticky-position.jpg\" alt=\"Establecer la posici\u00f3n fija en un bloque de grupo\" width=\"2154\" height=\"1042\"><figcaption id=\"caption-attachment-148935\" class=\"wp-caption-text\">Establecer la posici\u00f3n fija en un bloque de grupo<\/figcaption><\/figure>\n<p>Con las cabeceras adhesivas activado, la etiqueta HTML obtiene una clase <code>is-position-sticky<\/code>, y algunas reglas CSS se aplican al elemento correspondiente:<\/p>\n<pre><code class=\"language-css\">.wp-container-6 {\n    top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));\n    position: sticky;\n    z-index: 10;\n}<\/code><\/pre>\n<figure id=\"attachment_148936\" aria-describedby=\"caption-attachment-148936\" style=\"width: 2160px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148936 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-sticky-position-in-tt3.jpg\" alt=\"Ejemplo de cabeceras adhesivas con el tema Twenty Twenty-Three\" width=\"2160\" height=\"980\"><figcaption id=\"caption-attachment-148936\" class=\"wp-caption-text\">Ejemplo de cabeceras adhesivas con el tema Twenty Twenty-Three<\/figcaption><\/figure>\n<p>La cabeceras adhesiva s\u00f3lo funciona para <strong>bloques de Grupo en la ra\u00edz del documento<\/strong>. Aunque esto puede evitar confusiones y errores a los usuarios, puede que la cabecera \u00absticky\u00bb integrado te resulte un poco complicado por el momento (y puede que quieras consultar distintos m\u00e9todos para <a href=\"https:\/\/kinsta.com\/es\/blog\/cabecera-adhesiva\/\">a\u00f1adir una cabeceras adhesivas<\/a>\u00a0a tu sitio web WordPress). Sin embargo, seg\u00fan la nota del desarrollador<\/p>\n<blockquote><p>&#8230; en las pruebas manuales, los comentarios indicaron que sin un trabajo adicional de UI o UX, podr\u00eda ser confuso para los usuarios que intentan crear cabeceras adhesivas si accidentalmente establecen un bloque no ra\u00edz como adhesivo, o por ejemplo, un bloque <em>dentro de<\/em> una parte de plantilla de cabecera como adhesivo. La decisi\u00f3n fue reducir la funci\u00f3n a s\u00f3lo los bloques ra\u00edz en la 6.2 para disponer de m\u00e1s tiempo para explorar una soluci\u00f3n adecuada para los bloques anidados.<\/p><\/blockquote>\n<p>La funci\u00f3n de posicionamiento s\u00f3lo est\u00e1 disponible para bloques individuales, por lo que no la encontrar\u00e1s en Estilos Globales.<\/p>\n<h3>Mejoras adicionales en la experiencia de edici\u00f3n de bloques<\/h3>\n<p>Otras mejoras notables en la edici\u00f3n de bloques son las siguientes:<\/p>\n<ul>\n<li>Ahora puedes <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/13\/whats-new-in-gutenberg-14-3-12-october\/#improved-drag-and-drop-for-images\" target=\"_blank\" rel=\"noopener noreferrer\">arrastrar y soltar im\u00e1genes<\/a> en un p\u00e1rrafo vac\u00edo para sustituirlo por un bloque Imagen.<\/li>\n<li>Los controles de tipograf\u00eda se han <a href=\"https:\/\/make.wordpress.org\/core\/2022\/10\/13\/whats-new-in-gutenberg-14-3-12-october\/#typography-panels\" target=\"_blank\" rel=\"noopener noreferrer\">agrupado en paneles<\/a>. Esto hace que la interfaz de Estilos sea m\u00e1s coherente con la interfaz de Configuraci\u00f3n y mejora su usabilidad, ya que ahora puedes mostrar y ocultar controles como en la interfaz de configuraci\u00f3n de bloques.\n<p><figure id=\"attachment_148406\" aria-describedby=\"caption-attachment-148406\" style=\"width: 1358px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148406 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-typography-controls.jpg\" alt=\"Controles de tipograf\u00eda en WordPress 6.1 frente a WordPress 6.2\" width=\"1358\" height=\"1096\"><figcaption id=\"caption-attachment-148406\" class=\"wp-caption-text\">Controles de tipograf\u00eda en WordPress 6.1 frente a WordPress 6.2<\/figcaption><\/figure><\/li>\n<li>Ahora es posible <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#letter-spacing\" target=\"_blank\" rel=\"noopener noreferrer\">modificar el espaciado entre letras de los bloques de encabezado<\/a> directamente en la interfaz de Estilos Globales.<\/li>\n<li>Ahora es posible establecer el fondo, el enlace y el <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#a-more-polished-calendar-block\" target=\"_blank\" rel=\"noopener noreferrer\">color del texto del bloque Calendario<\/a>.<\/li>\n<li>Se han introducido dos nuevas <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#new-banners-and-footers-block-pattern-categories\" target=\"_blank\" rel=\"noopener noreferrer\">categor\u00edas de patrones de bloques<\/a>\u00a0<strong>Banner<\/strong> y <strong>Footer<\/strong>\u00a0para reflejar mejor la estructura de las p\u00e1ginas web.<\/li>\n<li>Ahora es posible <a href=\"https:\/\/make.wordpress.org\/core\/2022\/09\/30\/whats-new-in-gutenberg-14-2-28-september\/#autocompletion-for-links\" target=\"_blank\" rel=\"noopener noreferrer\">autocompletar enlaces<\/a> en cualquier bloque utilizando el acceso directo <code>[[<\/code>. Antes de este cambio, los bloques ten\u00edan que declarar expl\u00edcitamente la compatibilidad con el autocompletado de enlaces mediante <code>__experimentalSlashInserter<\/code>.<\/li>\n<li>Un nuevo atajo de teclado <code>control<\/code> + <code>option<\/code> + <code>1<\/code>&#8211;<code>6<\/code> te permite <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#transform-paragraph-into-heading\" target=\"_blank\" rel=\"noopener noreferrer\">transformar un p\u00e1rrafo en un encabezado<\/a>.<\/li>\n<li>El Bloque Lista de P\u00e1ginas <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#typography-support-for-page-list-block\" target=\"_blank\" rel=\"noopener noreferrer\">admite ahora todas las opciones tipogr\u00e1ficas<\/a>, incluidas la familia de fuentes, el tama\u00f1o de fuente, la apariencia, la altura de l\u00ednea, el espaciado entre letras, la decoraci\u00f3n y las may\u00fasculas y min\u00fasculas.\n<p><figure id=\"attachment_148407\" aria-describedby=\"caption-attachment-148407\" style=\"width: 1920px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148407 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-page-list-typography-settings.jpg\" alt=\"Ajustes de tipograf\u00eda del bloque Lista de p\u00e1ginas en WordPress 6.2\" width=\"1920\" height=\"1246\"><figcaption id=\"caption-attachment-148407\" class=\"wp-caption-text\">Ajustes de tipograf\u00eda del bloque Lista de p\u00e1ginas en WordPress 6.2<\/figcaption><\/figure><\/li>\n<\/ul>\n<h2>Herramientas de Dise\u00f1o Mejoradas<\/h2>\n<p>Muchas de las nuevas funciones y mejoras introducidas con WordPress 6.2 mejoran las capacidades de estilo y dise\u00f1o del CMS. A continuaci\u00f3n encontrar\u00e1s una lista de las funciones m\u00e1s interesantes relacionadas con el dise\u00f1o que llegan con la versi\u00f3n 6.2;<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"7\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Libro de Estilos<\/h3>\n<p>WordPress 6.2 introduce una nueva funci\u00f3n de Libro de Estilo que permite a los usuarios <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/19\/style-book-preview-of-blocks-in-global-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">previsualizar cualquier bloque<\/a> que se pueda utilizar en sus sitios web sin tener que a\u00f1adir esos bloques a una plantilla\/parte de plantilla. Puedes iniciar <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#introduce-the-stylebook\" target=\"_blank\" rel=\"noopener noreferrer\">el Libro de Estilo<\/a>\u00a0haciendo clic en el bot\u00f3n <strong>Abrir Libro de<\/strong> <strong>Estilos<\/strong> (el icono del ojo) que ahora aparece en la cabecera <strong>Estilos<\/strong> dentro de los estilos globales.<\/p>\n<p>Esto abre una interfaz que muestra una vista previa de cada bloque principal y de terceros por categor\u00eda.<\/p>\n<figure id=\"attachment_148365\" aria-describedby=\"caption-attachment-148365\" style=\"width: 2528px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148365 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-style-book-preview.jpg\" alt=\"La interfaz del Libro de Estilos\" width=\"2528\" height=\"1422\"><figcaption id=\"caption-attachment-148365\" class=\"wp-caption-text\">La interfaz del Libro de Estilos<\/figcaption><\/figure>\n<p>La nueva interfaz del Libro de Estilos simplifica el proceso de dise\u00f1o haciendo que las vistas previas de cada estilo de bloque est\u00e9n disponibles en una \u00fanica ubicaci\u00f3n centralizada.<\/p>\n<p>Desde un punto de vista t\u00e9cnico, la nueva interfaz se genera mediante un nuevo componente <code>StyleBook<\/code> a\u00f1adido a <code>@wordpress\/edit-site<\/code> para mostrar una vista previa de cada bloque registrado <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-iframe\/\">en un iframe<\/a> (v\u00e9ase tambi\u00e9n <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45960\" target=\"_blank\" rel=\"noopener noreferrer\">PR #45960<\/a>).<\/p>\n<p>La misma interfaz tambi\u00e9n proporciona vistas previas de bloques individuales. Como ejemplo, la siguiente imagen muestra la vista previa de un widget de calendario personalizado.<\/p>\n<figure id=\"attachment_148366\" aria-describedby=\"caption-attachment-148366\" style=\"width: 2528px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148366 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-style-book-calendar-preview.jpg\" alt=\"Personalizar y previsualizar el bloque Calendario\" width=\"2528\" height=\"1422\"><figcaption id=\"caption-attachment-148366\" class=\"wp-caption-text\">Personalizar y previsualizar el bloque Calendario<\/figcaption><\/figure>\n<p>Los desarrolladores pueden ocultar un bloque para que no se pueda insertar ni previsualizar de dos formas. En primer lugar, puedes establecer <code>supports.inserter<\/code> en <code>false<\/code> en <strong>block.json<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"supports\": {\n        \"inserter\": false\n    }\n}<\/code><\/pre>\n<p>Otra forma de ocultar la vista previa del bloque es evitar la propiedad <code>example<\/code>, que se utiliza para crear una vista previa del bloque en el Panel de Ayuda del Inspector (m\u00e1s informaci\u00f3n <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-registration\/#example-optional\" target=\"_blank\" rel=\"noopener noreferrer\">aqu\u00ed<\/a>).<\/p>\n<h3>Sombras en los estilos globales<\/h3>\n<p>Con WordPress 6.2, ahora es posible <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/shadows-in-global-styles-with-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">a\u00f1adir y personalizar sombras<\/a> a algunos bloques mediante Estilos Globales o <strong>theme.json<\/strong> (en el momento de escribir este art\u00edculo, la funci\u00f3n de sombras s\u00f3lo est\u00e1 disponible para el bloque Bot\u00f3n).<\/p>\n<p>En primer lugar, en los temas que admiten esta funci\u00f3n, puedes a\u00f1adir sombras desde la interfaz de Estilos Globales.<\/p>\n<p>Para verlo en acci\u00f3n, activa el tema <a href=\"https:\/\/kinsta.com\/es\/blog\/tema-twenty-twenty-three\/\">Twenty Twenty-Three<\/a>, ve a <strong>Estilos<\/strong> &gt; <strong>Bloques<\/strong> &gt; <strong>Bot\u00f3n<\/strong> y haz clic en el bot\u00f3n <strong>Sombra<\/strong>.<\/p>\n<p>Una ventana emergente denominado Sombra te permitir\u00e1 seleccionar el tipo de sombra de entre las preestablecidas en el tema.<\/p>\n<figure id=\"attachment_148833\" aria-describedby=\"caption-attachment-148833\" style=\"width: 1702px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148833 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-shadow.jpg\" alt=\"Configurar la sombra en el bloque Estilos\" width=\"1702\" height=\"1344\"><figcaption id=\"caption-attachment-148833\" class=\"wp-caption-text\">Configurar la sombra en el bloque Estilos<\/figcaption><\/figure>\n<p>Los desarrolladores de temas y los usuarios avanzados tambi\u00e9n pueden a\u00f1adir una sombra a los bloques utilizando <strong>theme.json<\/strong>. La siguiente definici\u00f3n a\u00f1ade una sombra negra de 4px a los bloques Bot\u00f3n:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"shadow\": \"4px 4px #000000\"\n        }\n    }\n},<\/code><\/pre>\n<p>Tambi\u00e9n puedes <a href=\"https:\/\/kinsta.com\/es\/blog\/temas-de-twenty-twenty-two\/#settings\">definir preajustes<\/a> para que los usuarios del tema puedan seleccionar uno en la interfaz Estilos:<\/p>\n<pre><code class=\"language-json\">\"settings\": {\n    \"shadow\": {\n        \"presets\": [\n            {\n                \"shadow\": \"4px 4px #FF0000\",\n                \"name\": \"Red\",\n                \"slug\": \"red\"\n            },\n            {\n                \"shadow\": \"4px 4px #00FF00\",\n                \"name\": \"Green\",\n                \"slug\": \"green\"\n            },\n            {\n                \"shadow\": \"4px 4px #0000FF\",\n                \"name\": \"Blue\",\n                \"slug\": \"blue\"\n            }\n        ]\n    },\n}<\/code><\/pre>\n<p>Una vez definidos, tus preajustes aparecen en el panel <strong>Sombra<\/strong>, en el bloque Estilos.<\/p>\n<figure id=\"attachment_148832\" aria-describedby=\"caption-attachment-148832\" style=\"width: 1716px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148832 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-styles-shadow-presets.jpg\" alt=\"Preajustes de sombra personalizados en el bloque Estilos\" width=\"1716\" height=\"1340\"><figcaption id=\"caption-attachment-148832\" class=\"wp-caption-text\">Preajustes de sombra personalizados en el bloque Estilos<\/figcaption><\/figure>\n<p>Tambi\u00e9n puedes elegir el valor de un preajuste y utilizarlo como predeterminado del bloque:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"shadow\": \"var(--wp--preset--shadow--blue)\"\n        }\n    }\n}<\/code><\/pre>\n<h3>Nuevo control de dimensiones de altura m\u00ednima<\/h3>\n<p>A partir de WordPress 6.2, el panel Dimensiones de la barra lateral de configuraci\u00f3n de bloques para los bloques Grupo y Contenido de la entrada ofrece ahora un <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/minimum-height-dimensions-block-support\/\" target=\"_blank\" rel=\"noopener noreferrer\">nuevo Control de Altura M\u00ednima<\/a>\u00a0activado por defecto en los temas que utilizan la funci\u00f3n <code>appearanceTools<\/code>.<\/p>\n<figure id=\"attachment_148404\" aria-describedby=\"caption-attachment-148404\" style=\"width: 2076px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148404 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-group-block-minimum-height.jpg\" alt=\"Control de altura m\u00ednima para el bloque Grupo\" width=\"2076\" height=\"1276\"><figcaption id=\"caption-attachment-148404\" class=\"wp-caption-text\">Control de altura m\u00ednima para el bloque Grupo<\/figcaption><\/figure>\n<p>Este nuevo control permite a los usuarios establecer una altura m\u00ednima para los bloques Grupo y Contenido de la entrada y se puede utilizar para mostrar el pie de p\u00e1gina en la parte inferior de la p\u00e1gina, incluso con poco contenido.<\/p>\n<p>Combinado con las nuevas herramientas de alineaci\u00f3n vertical, tambi\u00e9n permite alinear verticalmente los elementos interiores en la parte superior\/central\/inferior de la p\u00e1gina.<\/p>\n<p>Los desarrolladores pueden a\u00f1adir soporte para la altura m\u00ednima a los temas a\u00f1adiendo el ajuste <code>minHeight<\/code> a <strong>theme.json<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"settings\": {\n        dimensions: \"minHeight\": true\n    }\n}<\/code><\/pre>\n<p>Tambi\u00e9n puedes utilizar la propiedad <code>appearanceTools<\/code>:<\/p>\n<pre><code class=\"language-json\">{\n    \"settings\": {\n        \"appearanceTools\": true\n    }\n}<\/code><\/pre>\n<p>La nueva propiedad <code>minHeight<\/code> tambi\u00e9n se puede utilizar para establecer un valor espec\u00edfico directamente en <strong>theme.json<\/strong>:<\/p>\n<pre><code class=\"language-json\">{\n    \"styles\": {\n        \"blocks\": {\n            \"core\/post-content\": {\n                \"dimensions\": {\n                    \"minHeight\": \"80vh\"\n                }\n            }\n        }\n    }\n}<\/code><\/pre>\n<p>Los desarrolladores de bloques pueden a\u00f1adir la propiedad <code>supports.dimensions.minHeight<\/code> a su archivo <strong>block.json<\/strong>\u00a0y establecer su valor en <code>true<\/code>. Para los <a href=\"https:\/\/kinsta.com\/es\/blog\/bloques-gutenberg\/\">bloques est\u00e1ticos<\/a>, la regla CSS <code>min-height<\/code> se almacenar\u00e1 como un estilo en l\u00ednea, mientras que para los <a href=\"https:\/\/kinsta.com\/es\/blog\/bloques-dinamicos\/\">bloques din\u00e1micos<\/a> se incluir\u00e1 en el atributo de estilo devuelto por <code>get_block_wrapper_attributes<\/code>.<\/p>\n<h3>CSS personalizado en el Panel de Estilos<\/h3>\n<p>Una de las funciones que faltaban en el Editor de Sitios en comparaci\u00f3n con el Personalizador de Temas era la posibilidad de <a href=\"https:\/\/kinsta.com\/es\/blog\/css-wordpress\/\">a\u00f1adir estilos CSS personalizados<\/a>. WordPress 6.2 llena ese vac\u00edo y ahora la interfaz de Estilos Globales <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/custom-css-for-global-styles-and-per-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">incluye un campo de texto<\/a> para <a href=\"https:\/\/make.wordpress.org\/core\/2022\/12\/22\/whats-new-in-gutenberg-14-8-21-december\/#Add-custom-CSS-rules-for-your-site\" target=\"_blank\" rel=\"noopener noreferrer\">a\u00f1adir reglas<\/a> CSS personalizadas que no se sobrescribir\u00e1n cuando actualices tu tema.<\/p>\n<figure id=\"attachment_148368\" aria-describedby=\"caption-attachment-148368\" style=\"width: 1782px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148368 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-additional-block-css.jpg\" alt=\"CSS de bloque adicional en el panel de estilos de bloque\" width=\"1782\" height=\"1656\"><figcaption id=\"caption-attachment-148368\" class=\"wp-caption-text\">CSS de bloque adicional en el panel de estilos de bloque<\/figcaption><\/figure>\n<p>Puedes a\u00f1adir estilos personalizados <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#Add-custom-CSS-on-a-per-block-basis\" target=\"_blank\" rel=\"noopener noreferrer\">por bloque<\/a>, desde el <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/44412\" target=\"_blank\" rel=\"noopener noreferrer\">panel de estilos de bloque<\/a>, o haciendo clic en el bot\u00f3n de <strong>acciones M\u00e1s estilos<\/strong> de la barra de herramientas Estilos. Esto muestra un men\u00fa emergente con un elemento <strong>CSS<\/strong> <strong>adicional<\/strong>.<\/p>\n<figure id=\"attachment_148369\" aria-describedby=\"caption-attachment-148369\" style=\"width: 1366px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148369 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-additional-css.jpg\" alt=\"El \u00e1rea de texto CSS adicional en WordPress 6.2\" width=\"1366\" height=\"904\"><figcaption id=\"caption-attachment-148369\" class=\"wp-caption-text\">El \u00e1rea de texto CSS adicional en WordPress 6.2<\/figcaption><\/figure>\n<p>Para soportar CSS personalizado, se ha a\u00f1adido una nueva propiedad <code>styles.css<\/code> a <strong>theme.json<\/strong>.<\/p>\n<p>Las reglas CSS personalizadas pueden anular completamente cualquier estilo personalizado establecido en <strong>theme.<\/strong><strong>json<\/strong>. Si no quieres que esto ocurra, puedes considerar incluir la hoja de estilos utilizando los <a href=\"https:\/\/kinsta.com\/es\/blog\/wp-enqueue-scripts\/\">m\u00e9todos de encolado existentes<\/a>.<\/p>\n<p>Tambi\u00e9n puedes a\u00f1adir CSS personalizado por bloque en <strong>theme<\/strong>.<strong>json<\/strong> utilizando la propiedad <code>styles.blocks.block.css<\/code>:<\/p>\n<pre><code class=\"language-json\">\"styles\": {\n    \"blocks\": {\n        \"core\/button\": {\n            \"css\": \"background: #FF0000\"\n        }\n    }\n}<\/code><\/pre>\n<p>Tambi\u00e9n puedes utilizar <code>&<\/code> para elementos anidados y pseudoselectores.<\/p>\n<p>Para ver m\u00e1s de cerca la nueva funci\u00f3n de CSS personalizado, consulta tambi\u00e9n <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/custom-css-for-global-styles-and-per-block\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS personalizado para estilos globales y por bloques.<\/a><\/p>\n<h3>Copiar y pegar estilos entre bloques<\/h3>\n<p>Un nuevo grupo en el men\u00fa Opciones de la barra de herramientas del bloque muestra ahora dos botones para <strong>Copiar estilos<\/strong> y <strong>Pegar estilos<\/strong>. Antes de <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/10\/whats-new-in-gutenberg-15-1-8-february\/#other-notable-highlights\" target=\"_blank\" rel=\"noopener noreferrer\">esta adici\u00f3n<\/a>, s\u00f3lo era posible copiar estilos, pero no estaba claro c\u00f3mo <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/20\/whats-new-in-gutenberg-15-0-18-january\/#paste-styles\" target=\"_blank\" rel=\"noopener noreferrer\">pegar estilos<\/a>.<\/p>\n<figure id=\"attachment_148377\" aria-describedby=\"caption-attachment-148377\" style=\"width: 1840px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148377 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-copy-styles.jpg\" alt=\"Copiar estilos en WordPress 6.2\" width=\"1840\" height=\"1164\"><figcaption id=\"caption-attachment-148377\" class=\"wp-caption-text\">Copiar estilos en WordPress 6.2<\/figcaption><\/figure>\n<p>Para probar esta nueva funci\u00f3n, a\u00f1ade un nuevo bloque, como un encabezado. Cambia el estilo y elige <strong>Copiar estilos<\/strong> en el men\u00fa Opciones del bloque.<\/p>\n<figure id=\"attachment_148378\" aria-describedby=\"caption-attachment-148378\" style=\"width: 1864px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148378 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-allow-clipboard-access-google-chrome.jpg\" alt=\"Permitir que Google Chrome vea el texto y las im\u00e1genes copiados en el portapapeles\" width=\"1864\" height=\"1312\"><figcaption id=\"caption-attachment-148378\" class=\"wp-caption-text\">Permitir que Google Chrome vea el texto y las im\u00e1genes copiados en el portapapeles<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, selecciona otro bloque y elige <strong>Pegar<\/strong> <strong>estilo<\/strong>. Los estilos copiados se aplicar\u00e1n autom\u00e1ticamente al segundo bloque.<\/p>\n<figure id=\"attachment_148379\" aria-describedby=\"caption-attachment-148379\" style=\"width: 1592px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148379 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-paste-styles.jpg\" alt=\"Pegar estilos en WordPress 6.2\" width=\"1592\" height=\"1220\"><figcaption id=\"caption-attachment-148379\" class=\"wp-caption-text\">Pegar estilos en WordPress 6.2<\/figcaption><\/figure>\n<p>Ten en cuenta que esta funci\u00f3n s\u00f3lo est\u00e1 disponible en <a href=\"https:\/\/kinsta.com\/es\/blog\/http-a-https\/\">sitios seguros (https)<\/a>\u00a0en navegadores compatibles. Para m\u00e1s detalles, consulta el <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/47430\" target=\"_blank\" rel=\"noopener noreferrer\">pull request<\/a>.<\/p>\n<h3>Aplicar globalmente los cambios de bloque<\/h3>\n<p>WordPress 6.2 tambi\u00e9n introduce un bot\u00f3n <strong>Aplicar<\/strong> <strong>globalmente<\/strong> en el panel Avanzado para bloques individuales, que te permite <a href=\"https:\/\/make.wordpress.org\/core\/2023\/01\/04\/whats-new-in-gutenberg-14-9-4-january\/#push-block-changes-to-global-styles\" target=\"_blank\" rel=\"noopener noreferrer\">enviar tus cambios de estilo de bloque<\/a> a Estilos globales y aplicar esos cambios a todo el sitio web.<\/p>\n<figure id=\"attachment_148380\" aria-describedby=\"caption-attachment-148380\" style=\"width: 1748px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148380 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-apply-globally.jpg\" alt=\"Bot\u00f3n Aplicar estilos de bloque globalmente en WordPress 6.2\" width=\"1748\" height=\"1748\"><figcaption id=\"caption-attachment-148380\" class=\"wp-caption-text\">Bot\u00f3n Aplicar estilos de bloque globalmente en WordPress 6.2<\/figcaption><\/figure>\n<p>Gracias a esta nueva funci\u00f3n, aplicar estilos de tipograf\u00eda, espaciado, dimensiones y color de bloque a todos los bloques de ese tipo es ahora tan f\u00e1cil como pulsar un bot\u00f3n (consulta tambi\u00e9n este <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/46446\" target=\"_blank\" rel=\"noopener noreferrer\">pull request<\/a>).<\/p>\n<h3>Experiencia de dise\u00f1o mejorada con los visualizadores de espaciado<\/h3>\n<p>Los visualizadores de espaciado te permiten previsualizar la cantidad de margen o relleno que se aplica a un bloque. Con WordPress 6.2, esta funci\u00f3n se ha mejorado con un par de a\u00f1adidos que mejoran la experiencia de edici\u00f3n.<\/p>\n<p>En primer lugar, los Visualizadores de Espaciado ahora aparecen en cuanto pasas el <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/09\/whats-new-in-gutenberg-14-5-9-november\/#confidently-edit-block-spacing-using-improved-visualizers\" target=\"_blank\" rel=\"noopener noreferrer\">rat\u00f3n por encima del control de margen o relleno<\/a>.<\/p>\n<p>En segundo lugar, el Visualizador de Espaciado ahora <a href=\"https:\/\/make.wordpress.org\/core\/2022\/11\/23\/whats-new-in-gutenberg-14-6-23-november\/#hide-block-toolbar-when-spacing-visualizer-is-shown\">oculta autom\u00e1ticamente la barra de herramientas<\/a> de bloque en cuanto pasas el rat\u00f3n por encima del ajuste de espaciado, para que puedas previsualizar los nuevos ajustes de margen y relleno sin el desorden de la barra de herramientas de bloque.<\/p>\n<figure id=\"attachment_148402\" aria-describedby=\"caption-attachment-148402\" style=\"width: 2076px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-148402 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/03\/wp-6-2-spacing-visualizer-without-block-toolbar.jpg\" alt=\"El visualizador de espaciado sin la barra de herramientas de bloque\" width=\"2076\" height=\"1278\"><figcaption id=\"caption-attachment-148402\" class=\"wp-caption-text\">El visualizador de espaciado sin la barra de herramientas de bloque<\/figcaption><\/figure>\n<p>Son cambios peque\u00f1os pero significativos que afectan a un buen n\u00famero de bloques principales.<\/p>\n<h2>Cambios para los Desarrolladores<\/h2>\n<p>WordPress 6.2 tambi\u00e9n trae muchas novedades para los <a href=\"https:\/\/kinsta.com\/es\/blog\/salario-desarrollador-wordpress\/\">desarrolladores<\/a>: nuevas API, correcci\u00f3n de errores, mejoras de rendimiento y mucho m\u00e1s. Vamos a sumergirnos en las novedades m\u00e1s atractivas.<br \/>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc><\/p>\n<h3>Una nueva API HTML<\/h3>\n<p>WordPress 6.2 introduce el Procesador de etiquetas HTML, un <a href=\"https:\/\/github.com\/WordPress\/wordpress-develop\/pull\/3920\" target=\"_blank\" rel=\"noopener noreferrer\">analizador compatible con las especificaciones HTML5<\/a> que proporciona una forma segura de encontrar <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-el-html\/\">etiquetas HTML<\/a> espec\u00edficas y a\u00f1adir, eliminar o actualizar atributos mediante PHP. <strong>El<\/strong> <strong>Procesador de etiquetas HTML<\/strong> es el primer componente de una <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/introducing-the-html-api-in-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">nueva API de procesamiento<\/a> HTML.<\/p>\n<p>La nueva API facilita la realizaci\u00f3n de tareas antes complejas que a menudo requer\u00edan el uso de expresiones regulares.<\/p>\n<p>En el siguiente ejemplo, simplemente a\u00f1adimos el atributo <code>alt<\/code> a una etiqueta <code>img<\/code>:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;img src=\"\/my-image.jpg\" \/&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n \nif ( $p-&gt;next_tag() ) {\n    $p-&gt;set_attribute( 'alt', 'Hello WordPress 6.2' );\n}\n \necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Este c\u00f3digo producir\u00eda la siguiente etiqueta <code>img<\/code>:<\/p>\n<pre><code class=\"language-html\">&lt;img alt=\"Hello WordPress 6.2\" src=\"\/my-image.jpg\"&gt;<\/code><\/pre>\n<p>El m\u00e9todo <code>$p-&gt;next_tag()<\/code> pasa a la siguiente etiqueta disponible en el HTML. Tambi\u00e9n acepta un nombre de etiqueta, una clase CSS o ambos para encontrar etiquetas espec\u00edficas, como se muestra en el ejemplo anterior.<\/p>\n<p>Para editar etiquetas HTML, primero tienes que seleccionar la etiqueta de destino:<\/p>\n<pre><code class=\"language-html\">$p-&gt;next_tag();<\/code><\/pre>\n<p>Una vez seleccionada la etiqueta de destino, puedes utilizar los m\u00e9todos de la API para realizar varias operaciones:<\/p>\n<ul>\n<li><code>$p-&gt;get_tag()<\/code><\/li>\n<li><code>$p-&gt;set_attribute()<\/code><\/li>\n<li><code>$p-&gt;get_attribute()<\/code><\/li>\n<li><code>$p-&gt;remove_attribute()<\/code><\/li>\n<li><code>$p-&gt;add_class()<\/code><\/li>\n<li><code>$p-&gt;remove_class()<\/code><\/li>\n<\/ul>\n<p>Puedes establecer un atributo de estilo:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;a href=\"https:\/\/example.com\"&gt;example.com&lt;\/a&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n\nif ( $p-&gt;next_tag( 'a' ) ) {\n    $p-&gt;set_attribute( 'style', 'text-decoration: wavy underline purple;' );\n}\n\necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>Tambi\u00e9n puedes a\u00f1adir o eliminar una clase o un atributo. En el c\u00f3digo siguiente, a\u00f1adimos una clase personalizada a una etiqueta <code>h1<\/code>:<\/p>\n<pre><code class=\"language-php\">$html = '&lt;div&gt;&lt;h1&gt;Page Title&lt;\/h1&gt;&lt;\/div&gt;';\n\n$p = new WP_HTML_Tag_Processor( $html );\n\nif( $p-&gt;next_tag( 'h1' ) ) {\n    $p-&gt;add_class( 'title' );\n}\n\necho $p-&gt;get_updated_html();<\/code><\/pre>\n<p>A continuaci\u00f3n, puedes hacer eco o devolver la etiqueta actualizada utilizando el m\u00e9todo <code>$p-&gt;get_updated_html()<\/code>.<\/p>\n<p>Para conocer m\u00e1s de cerca la nueva API HTML, consulta este <a href=\"https:\/\/adamadam.blog\/2023\/02\/16\/how-to-modify-html-in-a-php-wordpress-plugin-using-the-new-tag-processor-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">tutorial interactivo de PHP<\/a> de <a href=\"https:\/\/twitter.com\/adamzielin\" target=\"_blank\" rel=\"noopener noreferrer\">Adam Zieli\u0144ski<\/a>, committer del n\u00facleo de WordPress.<\/p>\n<h3>API de patrones y una nueva propiedad <code>template_types<\/code><\/h3>\n<p>La <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">API de patrones<\/a> permite a los <a href=\"https:\/\/kinsta.com\/es\/blog\/workflow-wordpress\/\">desarrolladores de WordPress<\/a> \u00abcrear bloques de contenido predise\u00f1ados que pueden insertarse f\u00e1cilmente en entradas, p\u00e1ginas, tipos de entradas personalizados y plantillas\u00bb.<\/p>\n<p>Con WordPress 6.2, la API de Patrones incluye ahora una nueva propiedad <code>template_types<\/code> que te permite especificar en qu\u00e9 plantillas se puede utilizar un determinado <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-5\/#block-patterns\">patr\u00f3n de bloques<\/a>.<\/p>\n<p>Jorge Costa destaca que se trata de una <em>actualizaci\u00f3n s\u00f3lo para backend<\/em> y que actualmente no hay ninguna funcionalidad UX correspondiente. Sin embargo, podemos esperar ver <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/patterns-api-expanded-to-include-template_types-property\/\" target=\"_blank\" rel=\"noopener noreferrer\">implementaciones evolucionadas<\/a> de esta funci\u00f3n con WordPress 6.3:<\/p>\n<blockquote><p>El primer uso, pensando en WordPress 6.3, es mostrar al usuario algunos patrones que tengan sentido en una plantilla cuando el usuario empiece a crear una plantilla. Los usuarios pueden empezar desde un patr\u00f3n en lugar de \u00aben blanco\u00bb o la plantilla alternativa.<\/p><\/blockquote>\n<p>En el aspecto t\u00e9cnico, se ha modificado la funci\u00f3n <code>register_block_pattern()<\/code> para incluir un nuevo par\u00e1metro <code>template_types<\/code>, que es una matriz de cadenas que contiene los nombres de las plantillas a las que est\u00e1 destinado el patr\u00f3n de bloque.<\/p>\n<p>Tambi\u00e9n se ha modificado la <a href=\"https:\/\/kinsta.com\/es\/blog\/rest-api-de-wordpress\/\">API REST<\/a> para que devuelva los tipos de plantilla de un patr\u00f3n de bloque si se ha definido al menos uno.<\/p>\n<h3>React v18.0 y el modo concurrencia<\/h3>\n<p>WordPress 6.2 tambi\u00e9n incluye una nueva versi\u00f3n de la <a href=\"https:\/\/kinsta.com\/es\/blog\/practicas-de-react\/\">biblioteca React<\/a>, ahora actualizada a la versi\u00f3n 18.0. La nueva versi\u00f3n incluye nuevas API, funciones, mejoras y correcciones de errores. Una de las principales caracter\u00edsticas de <a href=\"https:\/\/reactjs.org\/blog\/2022\/03\/29\/react-v18.html\" target=\"_blank\" rel=\"noopener noreferrer\">React v18.0<\/a>\u00a0es la introducci\u00f3n del modo de concurrencia, \u00abun nuevo mecanismo entre bastidores que permite a React preparar varias versiones de tu interfaz de usuario al mismo tiempo\u00bb.<\/p>\n<p>Una de las principales caracter\u00edsticas del modo de concurrencia en React es que es interrumpible:<\/p>\n<blockquote><p>React garantiza que la interfaz de usuario se mostrar\u00e1 coherente aunque se interrumpa una renderizaci\u00f3n. Para ello, espera a realizar las mutaciones del DOM hasta el final, una vez que se ha evaluado todo el \u00e1rbol. Con esta capacidad, React puede preparar nuevas pantallas en segundo plano sin bloquear el hilo principal. Esto significa que la interfaz de usuario puede responder inmediatamente a las entradas del usuario aunque est\u00e9 en medio de una gran tarea de renderizado, creando una experiencia de usuario fluida.<\/p><\/blockquote>\n<p>La principal ventaja es que la interfaz de usuario responde inmediatamente a las entradas del usuario, en concurrencia con el trabajo que sigue ejecutando en segundo plano.<\/p>\n<p>Sin embargo, la concurrencia tambi\u00e9n introduce peligros potenciales que los desarrolladores deben conocer. Para una visi\u00f3n m\u00e1s detallada del modo concurrente en React en WordPress 6.2, consulta los ejemplos proporcionados en la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/upgrading-to-react-18-and-common-pitfalls-of-concurrent-mode\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota de desarrollo<\/a>.<\/p>\n<h3>Cambios adicionales para desarrolladores<\/h3>\n<p>Otros cambios notables que los desarrolladores deben tener en cuenta son los siguientes:<\/p>\n<ul>\n<li>WordPress 6.2 introduce un nuevo filtro <a href=\"https:\/\/kinsta.com\/es\/blog\/patrones-de-diseno-javascript\/\">JavaScript<\/a> que puede utilizarse para filtrar la configuraci\u00f3n de los bloques antes de que el editor se muestre en la pantalla. El nuevo filtro <code>blockEditor.useSetting.before<\/code> tambi\u00e9n permite a los desarrolladores modificar la configuraci\u00f3n en funci\u00f3n de la ubicaci\u00f3n del bloque, el rol actual del usuario, los bloques vecinos, etc. Para m\u00e1s informaci\u00f3n y ejemplos de uso, consulta <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/28\/custom-settings-wordpress-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">Personalizar la configuraci\u00f3n de cualquier bloque en WordPress 6.2<\/a>.<\/li>\n<li>Se ha <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/add-new-prop-to-serversiderender-component\/\" target=\"_blank\" rel=\"noopener noreferrer\">introducido<\/a> una nueva prop <code>skipBlockSupportAttributes<\/code> para excluir atributos y estilos relacionados con los soportes de bloque en el componente <code>ServerSideRender<\/code>.<\/li>\n<li>Una nueva API de <strong>theme<\/strong>\u00a0<strong>json<\/strong> permite ahora <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/07\/miscellaneous-editor-changes-in-wordpress-6-2\/#edit-block-style-variations-from-theme-json\" target=\"_blank\" rel=\"noopener noreferrer\">aplicar estilos a las variaciones de bloques del n\u00facleo existentes<\/a> desde <strong>theme.json<\/strong>.<\/li>\n<li>Las <a href=\"https:\/\/kinsta.com\/es\/blog\/mejores-google-fonts\/\">fuentes de Google Fonts<\/a> ahora se <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/06\/google-fonts-are-included-locally-in-bundled-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\">incluyen localmente<\/a> y no se obtienen de las direcciones de Google en los temas incluidos de Twenty Twelve a Twenty Seventeen.<\/li>\n<\/ul>\n<p>Pero eso no es todo. WordPress 6.2 introduce muchas funciones, mejoras y correcciones de errores que no hemos mencionado aqu\u00ed en aras de la brevedad. Para obtener una visi\u00f3n m\u00e1s completa, consulta la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/09\/wordpress-6-2-field-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gu\u00eda pr\u00e1ctica de WordPress 6.2<\/a>.<\/p>\n<h2>Resumen<\/h2>\n<p>WordPress 6.2 nos acerca al final de la Fase 2 del proyecto Gutenberg, denominada Personalizaci\u00f3n. Pero, como <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/04\/phase-2-finale\/\" target=\"_blank\" rel=\"noopener noreferrer\">se\u00f1ala Matias Ventura<\/a>, esto no significa que el trabajo sobre la personalizaci\u00f3n est\u00e9 terminado y en futuras versiones. Como siempre, podemos esperar mejoras adicionales en el editor basadas en los comentarios de la comunidad.<\/p>\n\n<p>En este post, hemos explorado algunas de las principales funciones, mejoras y correcciones de errores que llegar\u00e1n con WordPress 6.2. Pero hay mucho m\u00e1s en la 6.2. Con diez versiones del <a href=\"https:\/\/kinsta.com\/es\/blog\/gutenberg-wordpress-editor\/\">plugin Gutenberg<\/a> en el n\u00facleo -de la 14.2 a la 15.1-, vamos a ver un nuevo Modo Explorar, un Inspector de Bloques con pesta\u00f1as, migraci\u00f3n de Widgets a Temas de Bloques, nuevas API y montones de mejoras y correcciones de errores. Y tambi\u00e9n habr\u00e1 mejoras en la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/02\/wordpress-6-2-accessibility-improvements\/\" target=\"_blank\" rel=\"noopener noreferrer\">accesibilidad<\/a> y la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/03\/i18n-improvements-in-6-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">internacionalizaci\u00f3n<\/a>.<\/p>\n<p>Y si te gusta WordPress y quieres <a href=\"https:\/\/kinsta.com\/es\/blog\/aprender-wordpress\/\">adquirir nuevas habilidades de desarrollo de WordPress<\/a> o <a href=\"https:\/\/kinsta.com\/es\/blog\/colaborador-wordpress\/\">probar y hacer contribuciones al CMS<\/a>, aseg\u00farate de probar <a href=\"https:\/\/kinsta.com\/es\/devkinsta\/\">DevKinsta<\/a>, la suite de desarrollo local de WordPress completamente gratuita de Kinsta.<\/p>\n<p>Ahora te toca a ti: \u00bfHas probado ya la nueva versi\u00f3n en tu <a href=\"https:\/\/kinsta.com\/es\/devkinsta\/\">entorno de desarrollo<\/a>? \u00bfQu\u00e9 caracter\u00edsticas te gustan m\u00e1s de WordPress 6.2? Comparte tus opiniones en la secci\u00f3n de comentarios m\u00e1s abajo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.2 \u00abDolphy\u00bb fue lanzado y es hora de que exploremos las novedades de la primera versi\u00f3n de 2023. Con WordPress 6.2, entramos en la fase &#8230;<\/p>\n","protected":false},"author":36,"featured_media":64493,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1357],"class_list":["post-64492","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-actualizaciones-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Novedades de WordPress 6.2 - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.2 con el modo de navegaci\u00f3n, el libro de estilo, los men\u00fas de navegaci\u00f3n y muchas m\u00e1s mejoras, grandes y peque\u00f1as.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Novedades de WordPress 6.2: Modo de Navegaci\u00f3n, Libro de Estilos, Men\u00fas de Navegaci\u00f3n Mejorados, Nuevas APIs y Mucho M\u00e1s\" \/>\n<meta property=\"og:description\" content=\"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.2 con el modo de navegaci\u00f3n, el libro de estilo, los men\u00fas de navegaci\u00f3n y muchas m\u00e1s mejoras, grandes y peque\u00f1as.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-30T19:11:21+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-23T08:52:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/whats-new-in-wordpress-62.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.2 con el modo de navegaci\u00f3n, el libro de estilo, los men\u00fas de navegaci\u00f3n y muchas m\u00e1s mejoras, grandes y peque\u00f1as.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/whats-new-in-wordpress-62.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"32 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Novedades de WordPress 6.2: Modo de Navegaci\u00f3n, Libro de Estilos, Men\u00fas de Navegaci\u00f3n Mejorados, Nuevas APIs y Mucho M\u00e1s\",\"datePublished\":\"2023-03-30T19:11:21+00:00\",\"dateModified\":\"2023-08-23T08:52:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/\"},\"wordCount\":5637,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/\",\"name\":\"Novedades de WordPress 6.2 - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"datePublished\":\"2023-03-30T19:11:21+00:00\",\"dateModified\":\"2023-08-23T08:52:26+00:00\",\"description\":\"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.2 con el modo de navegaci\u00f3n, el libro de estilo, los men\u00fas de navegaci\u00f3n y muchas m\u00e1s mejoras, grandes y peque\u00f1as.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/whats-new-in-wordpress-62.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Actualizaciones de WordPress\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/actualizaciones-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Novedades de WordPress 6.2: Modo de Navegaci\u00f3n, Libro de Estilos, Men\u00fas de Navegaci\u00f3n Mejorados, Nuevas APIs y Mucho M\u00e1s\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Novedades de WordPress 6.2 - Kinsta\u00ae","description":"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.2 con el modo de navegaci\u00f3n, el libro de estilo, los men\u00fas de navegaci\u00f3n y muchas m\u00e1s mejoras, grandes y peque\u00f1as.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/","og_locale":"es_ES","og_type":"article","og_title":"Novedades de WordPress 6.2: Modo de Navegaci\u00f3n, Libro de Estilos, Men\u00fas de Navegaci\u00f3n Mejorados, Nuevas APIs y Mucho M\u00e1s","og_description":"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.2 con el modo de navegaci\u00f3n, el libro de estilo, los men\u00fas de navegaci\u00f3n y muchas m\u00e1s mejoras, grandes y peque\u00f1as.","og_url":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2023-03-30T19:11:21+00:00","article_modified_time":"2023-08-23T08:52:26+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/whats-new-in-wordpress-62.jpg","type":"image\/jpeg"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.2 con el modo de navegaci\u00f3n, el libro de estilo, los men\u00fas de navegaci\u00f3n y muchas m\u00e1s mejoras, grandes y peque\u00f1as.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/whats-new-in-wordpress-62.jpg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Carlo Daniele","Tiempo de lectura":"32 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Novedades de WordPress 6.2: Modo de Navegaci\u00f3n, Libro de Estilos, Men\u00fas de Navegaci\u00f3n Mejorados, Nuevas APIs y Mucho M\u00e1s","datePublished":"2023-03-30T19:11:21+00:00","dateModified":"2023-08-23T08:52:26+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/"},"wordCount":5637,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/whats-new-in-wordpress-62.jpg","inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/","url":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/","name":"Novedades de WordPress 6.2 - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/whats-new-in-wordpress-62.jpg","datePublished":"2023-03-30T19:11:21+00:00","dateModified":"2023-08-23T08:52:26+00:00","description":"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.2 con el modo de navegaci\u00f3n, el libro de estilo, los men\u00fas de navegaci\u00f3n y muchas m\u00e1s mejoras, grandes y peque\u00f1as.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/whats-new-in-wordpress-62.jpg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/03\/whats-new-in-wordpress-62.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Actualizaciones de WordPress","item":"https:\/\/kinsta.com\/es\/secciones\/actualizaciones-wordpress\/"},{"@type":"ListItem","position":3,"name":"Novedades de WordPress 6.2: Modo de Navegaci\u00f3n, Libro de Estilos, Men\u00fas de Navegaci\u00f3n Mejorados, Nuevas APIs y Mucho M\u00e1s"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/es\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/64492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=64492"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/64492\/revisions"}],"predecessor-version":[{"id":64706,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/64492\/revisions\/64706"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/64492\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/64492\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/64492\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/64492\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/64492\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/64492\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/64492\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/64492\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/64492\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/64492\/translations\/dk"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/64492\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/64493"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=64492"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=64492"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=64492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}