{"id":68314,"date":"2023-07-24T11:55:01","date_gmt":"2023-07-24T09:55:01","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=68314&#038;preview=true&#038;preview_id=68314"},"modified":"2023-08-23T10:52:19","modified_gmt":"2023-08-23T08:52:19","slug":"wordpress-6-3","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/","title":{"rendered":"Qu\u00e9 hay de nuevo en WordPress 6.3: Un Editor de Sitios Renovado, Una Nueva Paleta de Comandos, Revisiones de Estilo, Nuevos Bloques y \u00a1Mucho M\u00e1s!"},"content":{"rendered":"<p><strong>WordPress 6.3 \u00abLionel\u00bb ya est\u00e1 disponible.<\/strong> Es la <a href=\"https:\/\/wordpress.org\/news\/2023\/08\/lionel\/\">\u00faltima gran versi\u00f3n<\/a> de la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/04\/phase-2-finale\/\">Fase 2<\/a> de la hoja de ruta de WordPress.<\/p>\n<p>Durante la segunda fase, el desarrollo se centr\u00f3 principalmente en el Editor de Sitios, se incrementaron las funcionalidades, mejoraron la interfaz y la usabilidad.<\/p>\n<p>Ahora los creadores de sitios pueden crear dise\u00f1os y gestionar contenidos dentro de la misma interfaz, sin tener que pasar de un \u00e1rea de administraci\u00f3n a otra y sin tener que escribir una sola l\u00ednea de c\u00f3digo.<\/p>\n<p>Con WordPress 6.3, 10 versiones del plugin Gutenberg se fusionan en el n\u00facleo, y si no utilizas Gutenberg en tu sitio web, ver\u00e1s muchos cambios en la interfaz del Editor de Sitios.<\/p>\n<p>Con WordPress 6.3, la experiencia de edici\u00f3n se ha <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/22\/core-editor-improvement-smoother-site-editing\/\" target=\"_blank\" rel=\"noopener noreferrer\">mejorado significativamente<\/a>. Varios cambios t\u00e9cnicos afectaron al Editor de Sitios, dando lugar a una nueva forma de explorar los temas en bloque y de utilizar el propio Editor de Sitios. Navegaci\u00f3n mejorada, modo sin distracciones, previsualizaciones de temas de bloques, revisiones de estilos y plantillas, una nueva paleta de Comandos y mucho m\u00e1s.<\/p>\n<p>Hay mucho que decir sobre WordPress 6.3. As\u00ed que no esperes m\u00e1s y descubramos las novedades de la versi\u00f3n final de la Fase 2.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Navegaci\u00f3n Mejorada en el Editor de Sitios<\/h2>\n<p>Con WordPress 6.3, la navegaci\u00f3n del Editor de Sitios se ha <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/24\/whats-new-in-gutenberg-15-2-22-february\/#enhancements-to-navigation-in-the-site-editor\" target=\"_blank\" rel=\"noopener noreferrer\">mejorado significativamente<\/a> con la adici\u00f3n de nuevos puntos de entrada a diferentes \u00e1reas del editor. Antes de la versi\u00f3n 6.3, se pod\u00eda acceder a estas secciones de administraci\u00f3n desde puntos de acceso situados en distintos men\u00fas y pantallas de administraci\u00f3n. El resultado de estos cambios es una experiencia de edici\u00f3n m\u00e1s sencilla y coherente.<\/p>\n<p>La siguiente imagen compara el men\u00fa de navegaci\u00f3n del editor en WordPress 6.2 y 6.3.<\/p>\n<figure id=\"attachment_158439\" aria-describedby=\"caption-attachment-158439\" style=\"width: 1420px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158439 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-6-2-vs-6-3-design.jpg\" alt=\"Navegaci\u00f3n del Editor de Sitios en WordPress 6.2 Vs. 6.3\" width=\"1420\" height=\"884\"><figcaption id=\"caption-attachment-158439\" class=\"wp-caption-text\">Navegaci\u00f3n del Editor de Sitios en WordPress 6.2 Vs. 6.3<\/figcaption><\/figure>\n<p>Lo primero que notar\u00e1s en la imagen anterior son los dos botones que aparecen en la esquina superior derecha de la barra lateral del editor. El bot\u00f3n <strong>Ver sitio<\/strong> aparece al pasar el rat\u00f3n por encima y proporciona un acceso r\u00e1pido al frontend de tu sitio web WordPress. Se trata de una peque\u00f1a pero \u00fatil adici\u00f3n que te permite acceder r\u00e1pidamente a las p\u00e1ginas del sitio independientemente de d\u00f3nde te encuentres en el editor del sitio cuando el men\u00fa Navegaci\u00f3n est\u00e1 abierto.<\/p>\n<p>El bot\u00f3n <strong>Abrir paleta<\/strong> <strong>de comandos<\/strong> (el icono de la lente) proporciona acceso a <a href=\"https:\/\/developer.wordpress.org\/news\/2023\/07\/whats-new-for-developers-july-2023\/#command-palette\" target=\"_blank\" rel=\"noopener noreferrer\">una nueva funci\u00f3n de WordPress 6.3<\/a>, la <strong>Paleta de comandos<\/strong> (proporcionaremos m\u00e1s informaci\u00f3n al respecto <a href=\"#the-command-palette\">m\u00e1s adelante<\/a>).<\/p>\n<figure id=\"attachment_157544\" aria-describedby=\"caption-attachment-157544\" style=\"width: 1306px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-157544 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/06\/view-site-open-command-center.jpg\" alt=\"Botones Ver sitio y Abrir paleta de comandos en el Editor de Sitios\" width=\"1306\" height=\"532\"><figcaption id=\"caption-attachment-157544\" class=\"wp-caption-text\">Botones Ver sitio y Abrir paleta de comandos en el Editor de Sitios<\/figcaption><\/figure>\n<p>La nueva Navegaci\u00f3n del editor incluye los siguientes elementos.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"5\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Navegaci\u00f3n<\/h3>\n<p>Una vez que hayas creado un men\u00fa de navegaci\u00f3n, aparecer\u00e1 en el men\u00fa <strong>Navegaci\u00f3n<\/strong> del Editor de Sitios. Aqu\u00ed, puedes mover los elementos del men\u00fa hacia arriba o hacia abajo o eliminarlos de un desplegable. Tambi\u00e9n puedes arrastrar y soltar elementos para organizar el orden del men\u00fa.<\/p>\n<figure id=\"attachment_157546\" aria-describedby=\"caption-attachment-157546\" style=\"width: 1790px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-157546 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/06\/navigation-menus.jpg\" alt=\"Men\u00fas de navegaci\u00f3n en el Editor de Sitios\" width=\"1790\" height=\"888\"><figcaption id=\"caption-attachment-157546\" class=\"wp-caption-text\">Men\u00fas de navegaci\u00f3n en el Editor de Sitios<\/figcaption><\/figure>\n<p>Si haces clic en un elemento del men\u00fa, acceder\u00e1s a los detalles de la p\u00e1gina. Aqu\u00ed tambi\u00e9n puedes editar el contenido y el dise\u00f1o de la p\u00e1gina (ver m\u00e1s abajo).<\/p>\n<h3>Estilos<\/h3>\n<p>Desde el men\u00fa <strong>Estilos<\/strong>, puedes acceder a las <a href=\"https:\/\/make.wordpress.org\/core\/2023\/04\/19\/whats-new-in-gutenberg-15-6-19-april\/#style-variations-in-browse-mode\" target=\"_blank\" rel=\"noopener noreferrer\">variaciones de estilo en modo exploraci\u00f3n<\/a>. Aqu\u00ed puedes previsualizar los estilos disponibles, aplicar uno y hacer tus personalizaciones.<\/p>\n<figure id=\"attachment_158442\" aria-describedby=\"caption-attachment-158442\" style=\"width: 2350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158442 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-styles.jpg\" alt=\"Men\u00fa Estilos en WordPress 6.3\" width=\"2350\" height=\"1356\"><figcaption id=\"caption-attachment-158442\" class=\"wp-caption-text\">Men\u00fa Estilos en WordPress 6.3<\/figcaption><\/figure>\n<p>El icono del ojo muestra el <strong>Libro de estilos<\/strong>, una <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#style-book\">funci\u00f3n introducida en la versi\u00f3n 6.2<\/a> que proporciona una vista previa de los bloques disponibles con los distintos estilos aplicados sin salir de la interfaz del editor.<\/p>\n<figure id=\"attachment_158454\" aria-describedby=\"caption-attachment-158454\" style=\"width: 2350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158454 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-style-book.jpg\" alt=\"Puedes acceder f\u00e1cilmente al Libro de Estilos desde el panel Estilos del editor de Sitios\" width=\"2350\" height=\"1356\"><figcaption id=\"caption-attachment-158454\" class=\"wp-caption-text\">Puedes acceder f\u00e1cilmente al Libro de Estilos desde el panel Estilos del editor de Sitios<\/figcaption><\/figure>\n<h3>P\u00e1ginas<\/h3>\n<p>El elemento de men\u00fa <strong>P\u00e1ginas<\/strong> te da <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50463\" target=\"_blank\" rel=\"noopener noreferrer\">acceso a las 10 \u00faltimas p\u00e1ginas del sitio actualizadas<\/a>, adem\u00e1s de a varias funciones de edici\u00f3n. En esta secci\u00f3n, puedes <a href=\"https:\/\/make.wordpress.org\/core\/2023\/06\/14\/whats-new-in-gutenberg-16-0-14-june\/\" target=\"_blank\" rel=\"noopener noreferrer\">crear nuevas p\u00e1ginas<\/a>, editar el contenido y el dise\u00f1o de las p\u00e1ginas existentes, acceder a los detalles de las p\u00e1ginas y mucho m\u00e1s.<\/p>\n<p>La adici\u00f3n m\u00e1s interesante aqu\u00ed es que ahora es posible <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50565\" target=\"_blank\" rel=\"noopener noreferrer\">crear nuevas p\u00e1ginas<\/a> sin salir de la interfaz del editor.<\/p>\n<p>Cuando haces clic en el icono <strong>+<\/strong> del panel de <strong>Navegaci\u00f3n<\/strong>, un nuevo modal en el centro de la p\u00e1gina te permite establecer un t\u00edtulo para la nueva p\u00e1gina, mostrando tambi\u00e9n un tooltip con sugerencias para tu t\u00edtulo.<\/p>\n<figure id=\"attachment_158443\" aria-describedby=\"caption-attachment-158443\" style=\"width: 2350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158443 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-draft-new-page.jpg\" alt=\"Redactar una nueva p\u00e1gina en WordPress 6.3\" width=\"2350\" height=\"1356\"><figcaption id=\"caption-attachment-158443\" class=\"wp-caption-text\">Redactar una nueva p\u00e1gina en WordPress 6.3<\/figcaption><\/figure>\n<p>Cuando haces clic en <strong>Crear borrador<\/strong>, se te redirige al editor de entradas con una nueva p\u00e1gina cargada.<\/p>\n<p>En <strong>P\u00e1ginas<\/strong>, tambi\u00e9n puedes <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/20\/whats-new-in-gutenberg-15-8-may-17\/#add-the-pages-menu-to-the-site-editor-50463\" target=\"_blank\" rel=\"noopener noreferrer\">editar el contenido de la p\u00e1gina directamente desde el Editor de Sitios<\/a>.<\/p>\n<figure id=\"attachment_158445\" aria-describedby=\"caption-attachment-158445\" style=\"width: 2350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158445 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-pages.jpg\" alt=\"Men\u00fa P\u00e1ginas en WordPress 6.3\" width=\"2350\" height=\"1356\"><figcaption id=\"caption-attachment-158445\" class=\"wp-caption-text\">Men\u00fa P\u00e1ginas en WordPress 6.3<\/figcaption><\/figure>\n<p><strong>Ahora puedes editar tanto el contenido como el estilo de la p\u00e1gina en el mismo lugar<\/strong>. Esto te da un mayor control sobre todos los aspectos de la p\u00e1gina y deber\u00eda mejorar significativamente la experiencia de edici\u00f3n.<\/p>\n<p>En el modo de edici\u00f3n, puedes <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50857\" target=\"_blank\" rel=\"noopener noreferrer\">cambiar f\u00e1cilmente<\/a> entre el editor de p\u00e1ginas y el editor de plantillas. Esto deber\u00eda evitar cualquier confusi\u00f3n sobre lo que est\u00e1s editando y permitirte determinar si tus cambios deben afectar s\u00f3lo a la p\u00e1gina actual o aplicarse tambi\u00e9n a las dem\u00e1s p\u00e1ginas que utilizan la misma plantilla.<\/p>\n<p>La misma pantalla tambi\u00e9n muestra <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50767\" target=\"_blank\" rel=\"noopener noreferrer\">los detalles de la p\u00e1gina<\/a>.<\/p>\n<figure id=\"attachment_158713\" aria-describedby=\"caption-attachment-158713\" style=\"width: 2926px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158713 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-page-details.jpg\" alt=\"Detalles de la p\u00e1gina en el Editor de Sitios\" width=\"2926\" height=\"1826\"><figcaption id=\"caption-attachment-158713\" class=\"wp-caption-text\">Detalles de la p\u00e1gina en el Editor de Sitios<\/figcaption><\/figure>\n<p>Actualmente los detalles incluyen:<\/p>\n<ul>\n<li>Estado<\/li>\n<li>Slug<\/li>\n<li>Plantilla<\/li>\n<li>Patrones<\/li>\n<li>Palabras<\/li>\n<li>Tiempo de lectura<\/li>\n<li>\u00daltima modificaci\u00f3n<\/li>\n<\/ul>\n<h3>Plantillas<\/h3>\n<p>Aqu\u00ed puedes acceder a las plantillas de las p\u00e1ginas. La estructura de la pantalla <strong>Plantillas<\/strong> no cambia mucho. Sin embargo, con WordPress 6.3, cuando creas una plantilla nueva, una <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/24\/whats-new-in-gutenberg-15-2-22-february\/#enhancements-to-navigation-in-the-site-editor\" target=\"_blank\" rel=\"noopener noreferrer\">nueva superposici\u00f3n<\/a> modal te proporciona una lista de p\u00e1ginas para que elijas tu plantilla.<\/p>\n<figure id=\"attachment_158449\" aria-describedby=\"caption-attachment-158449\" style=\"width: 2350px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158449 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-add-template.jpg\" alt=\"Un nuevo modal proporciona una lista de p\u00e1ginas predeterminadas para elegir al crear una nueva plantilla\" width=\"2350\" height=\"1356\"><figcaption id=\"caption-attachment-158449\" class=\"wp-caption-text\">Un nuevo modal proporciona una lista de p\u00e1ginas predeterminadas para elegir al crear una nueva plantilla<\/figcaption><\/figure>\n<p>Como segundo paso, un nuevo modal proporciona una lista de patrones de bloques que puedes utilizar para construir tu plantilla.<\/p>\n<figure id=\"attachment_158695\" aria-describedby=\"caption-attachment-158695\" style=\"width: 2118px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158695 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-choose-a-pattern.jpg\" alt=\"Elegir un patr\u00f3n en el proceso de creaci\u00f3n de plantillas\" width=\"2118\" height=\"1442\"><figcaption id=\"caption-attachment-158695\" class=\"wp-caption-text\">Elegir un patr\u00f3n en el proceso de creaci\u00f3n de plantillas<\/figcaption><\/figure>\n<h3>Patrones<\/h3>\n<p>Denominada Biblioteca <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/52102\" target=\"_blank\" rel=\"noopener noreferrer\">en una iteraci\u00f3n anterior<\/a>, la secci\u00f3n de administraci\u00f3n <strong>Patrones<\/strong> refleja una serie de cambios notables que afectan al sistema de patrones de bloques. No se trata s\u00f3lo de cambios en la interfaz de usuario. Se trata de una revisi\u00f3n general de toda la arquitectura de patrones de bloques.<\/p>\n<figure id=\"attachment_158715\" aria-describedby=\"caption-attachment-158715\" style=\"width: 2324px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158715 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-my-patterns-1.jpg\" alt=\"Pantalla de patrones en WordPress 6.3\" width=\"2324\" height=\"1002\"><figcaption id=\"caption-attachment-158715\" class=\"wp-caption-text\">Pantalla de patrones en WordPress 6.3<\/figcaption><\/figure>\n<p>En la secci\u00f3n de administraci\u00f3n de <strong>Patrones<\/strong>, podr\u00e1s gestionar las partes de plantilla y los patrones. Aqu\u00ed encontrar\u00e1s un men\u00fa que te da acceso a las partes de plantilla y a los patrones de bloque divididos por categor\u00edas. Un icono de candado identifica los patrones de temas que <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/51990\" target=\"_blank\" rel=\"noopener noreferrer\">no pueden ser modificados por el usuario<\/a>.<\/p>\n<figure id=\"attachment_158696\" aria-describedby=\"caption-attachment-158696\" style=\"width: 1824px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158696 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-patterns-admin-section.jpg\" alt=\"Partes de Plantilla y Patrones Tem\u00e1ticos en la nueva secci\u00f3n Patrones del Editor de Sitios\" width=\"1824\" height=\"1640\"><figcaption id=\"caption-attachment-158696\" class=\"wp-caption-text\">Partes de Plantilla y Patrones Tem\u00e1ticos en la nueva secci\u00f3n Patrones del Editor de Sitios<\/figcaption><\/figure>\n<p>En esta secci\u00f3n, puedes crear nuevas partes de plantilla y patrones de bloque personalizados y gestionarlos junto con los patrones de tu tema.<\/p>\n<figure id=\"attachment_158697\" aria-describedby=\"caption-attachment-158697\" style=\"width: 1330px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158697 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-template-part-and-pattern.jpg\" alt=\"Crear nuevas partes de plantilla y patrones de bloque en WordPress 6.3\" width=\"1330\" height=\"1066\"><figcaption id=\"caption-attachment-158697\" class=\"wp-caption-text\">Crear nuevas partes de plantilla y patrones de bloque en WordPress 6.3<\/figcaption><\/figure>\n<p>Cuando haces clic en el bot\u00f3n <strong>Crear patr\u00f3n<\/strong>, una nueva ventana emergente modal te permite asignar un nombre a tu patr\u00f3n y establecer el tipo de patr\u00f3n que vas a crear, <strong>sincronizado<\/strong> o <strong>no sincronizado<\/strong>.<\/p>\n<figure id=\"attachment_158698\" aria-describedby=\"caption-attachment-158698\" style=\"width: 1934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158698 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-synced-pattern.jpg\" alt=\"Crear un patr\u00f3n sincronizado en WordPress 6.3\" width=\"1934\" height=\"1290\"><figcaption id=\"caption-attachment-158698\" class=\"wp-caption-text\">Crear un patr\u00f3n sincronizado en WordPress 6.3<\/figcaption><\/figure>\n<p>Una vez que hayas creado al menos un patr\u00f3n de bloque personalizado, puedes acceder a \u00e9l desde <strong>Mis patrones<\/strong>, que aparecer\u00e1 en la parte superior del men\u00fa <strong>Patrones<\/strong>.<\/p>\n<figure id=\"attachment_158699\" aria-describedby=\"caption-attachment-158699\" style=\"width: 2324px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158699 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-my-patterns.jpg\" alt=\"Mis patrones en WordPress 6.3\" width=\"2324\" height=\"1002\"><figcaption id=\"caption-attachment-158699\" class=\"wp-caption-text\">Mis patrones en WordPress 6.3<\/figcaption><\/figure>\n<p>Puedes seleccionar tu patr\u00f3n de bloques y acceder a un nuevo panel en el que puedes ver los detalles del patr\u00f3n. Moviendo el asa hacia la derecha o hacia la izquierda, puedes previsualizar el patr\u00f3n en diferentes resoluciones y comprobar su capacidad de respuesta.<\/p>\n<p>La secci\u00f3n <strong>Detalles<\/strong> muestra el <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/51954\" target=\"_blank\" rel=\"noopener noreferrer\">estado de sincronizaci\u00f3n del patr\u00f3n actual<\/a>.<\/p>\n<figure id=\"attachment_158700\" aria-describedby=\"caption-attachment-158700\" style=\"width: 2324px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158700 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-custom-block-pattern-preview.jpg\" alt=\"Previsualizar un patr\u00f3n de bloques personalizado en WordPress 6.3\" width=\"2324\" height=\"1458\"><figcaption id=\"caption-attachment-158700\" class=\"wp-caption-text\">Previsualizar un patr\u00f3n de bloques personalizado en WordPress 6.3<\/figcaption><\/figure>\n<p>En la parte inferior del men\u00fa Patrones, tambi\u00e9n encontrar\u00e1s un par de enlaces: <strong>Gestionar todas las partes de<\/strong> <strong>la plantilla<\/strong> y <strong>Gestionar todos mis<\/strong> <strong>patrones<\/strong>. Estos enlaces proporcionan acceso directo a las partes de plantilla y a los patrones personalizados.<\/p>\n<p>Esto es todo sobre la nueva interfaz de administraci\u00f3n de Patrones en el Editor de Sitios. Ahora vamos a ver qu\u00e9 cambia en la estructura y funcionalidad <a href=\"https:\/\/kinsta.com\/es\/blog\/patrones-de-bloques-wordpress\/\">del sistema de patrones de bloques<\/a>.<\/p>\n<h2>Un Nuevo Sistema de Patrones de Bloques<\/h2>\n<p>A partir de WordPress 6.3 (y <a href=\"https:\/\/make.wordpress.org\/core\/2023\/06\/29\/whats-new-in-gutenberg-16-1-29-june\/#your-templates-and-patterns-your-library\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 16.1<\/a>):<\/p>\n<ul>\n<li>Los <strong>bloques<\/strong> <strong>reutilizables<\/strong> han pasado a llamarse <strong>Patrones<\/strong> <strong>sincronizados<\/strong>,<\/li>\n<li>Los patrones de bloques regulares pasan a llamarse <strong>Patrones no sincronizados<\/strong>,<\/li>\n<li>El tipo de entrada personalizada <code>wp_block<\/code> se ha ampliado para admitir campos personalizados y se ha a\u00f1adido un nuevo metacampo <code>wp_block_sync_status<\/code> para almacenar el estado de sincronizaci\u00f3n de un patr\u00f3n,<\/li>\n<li>Se ha a\u00f1adido una propiedad <code>source<\/code> al esquema y a la respuesta de los patrones de bloque para distinguir los patrones del n\u00facleo y los del usuario,<\/li>\n<li>Se ha ampliado la API REST con un nuevo atributo<\/li>\n<\/ul>\n<figure id=\"attachment_158701\" aria-describedby=\"caption-attachment-158701\" style=\"width: 1594px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158701 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-block-sync-status.png\" alt=\"wp-block-sync-status\" width=\"1594\" height=\"54\"><figcaption id=\"caption-attachment-158701\" class=\"wp-caption-text\">El metacampo <code>wp_block_sync_status<\/code> se utiliza para almacenar el estado de sincronizaci\u00f3n de un patr\u00f3n de bloques<\/figcaption><\/figure>\n<p>Ahora est\u00e1 m\u00e1s claro que <strong>todos los cambios realizados en un patr\u00f3n sincronizado se aplicar\u00e1n a cada ocurrencia de ese bloque en todo tu sitio web<\/strong>.<\/p>\n<p>Por el contrario, los cambios realizados en un patr\u00f3n de bloques <strong>no sincronizado s\u00f3lo afectar\u00e1n a esa instancia espec\u00edfica del patr\u00f3n<\/strong> y no se aplicar\u00e1n a ninguna otra instancia que puedas haber a\u00f1adido a otras entradas o p\u00e1ginas de tu sitio web.<\/p>\n<p>Gracias al nuevo sistema de gesti\u00f3n de patrones, ahora puedes crear patrones de bloques sincronizados y no sincronizados directamente desde el editor del sitio o de la entrada, donde antes s\u00f3lo era posible crear <a href=\"https:\/\/kinsta.com\/es\/blog\/patrones-de-bloques-wordpress\/#reusable-blocks\">bloques reutilizables<\/a> (ahora <strong>patrones sincronizados<\/strong>).<\/p>\n<p>Para probar esta nueva funci\u00f3n en el editor de entradas, abre tu panel de control de WordPress y ve a <strong>Entradas<\/strong> -&gt; <strong>A\u00f1adir nuevo<\/strong>. Una vez all\u00ed, crea un nuevo grupo de bloques o simplemente selecciona los bloques que quieras a\u00f1adir a tu patr\u00f3n de bloques. A continuaci\u00f3n, selecciona <strong>Crear patr\u00f3n\/bloque reutilizable<\/strong> en el men\u00fa emergente de la barra de herramientas de bloques.<\/p>\n<figure id=\"attachment_158702\" aria-describedby=\"caption-attachment-158702\" style=\"width: 1370px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158702 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-pattern-reusable-block.jpg\" alt=\"Crear patr\u00f3n\/bloque reutilizable en el editor de entradas\" width=\"1370\" height=\"1152\"><figcaption id=\"caption-attachment-158702\" class=\"wp-caption-text\">Crear patr\u00f3n\/bloque reutilizable en el editor de entradas<\/figcaption><\/figure>\n<p>Adem\u00e1s, en el editor de sitios, un bot\u00f3n <strong>Crear<\/strong> <strong>patr\u00f3n<\/strong> te permite crear una nueva pieza de plantilla o patr\u00f3n.<\/p>\n<figure id=\"attachment_158703\" aria-describedby=\"caption-attachment-158703\" style=\"width: 1940px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158703 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-new-pattern.jpg\" alt=\"Crear un nuevo patr\u00f3n en el editor de Sitios\" width=\"1940\" height=\"722\"><figcaption id=\"caption-attachment-158703\" class=\"wp-caption-text\">Crear un nuevo patr\u00f3n en el editor de Sitios<\/figcaption><\/figure>\n<p>Al hacer clic en <strong>Crear parte de plantilla<\/strong>, se abre un modal\/ventana emergente para que a\u00f1adas un nombre a tu parte de plantilla y el \u00e1rea de la p\u00e1gina a la que est\u00e1 destinada la parte de plantilla.<\/p>\n<figure id=\"attachment_158704\" aria-describedby=\"caption-attachment-158704\" style=\"width: 1934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158704 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-template-part.jpg\" alt=\"Crear parte de plantilla en el editor de Sitios\" width=\"1934\" height=\"1434\"><figcaption id=\"caption-attachment-158704\" class=\"wp-caption-text\">Crear parte de plantilla en el editor de Sitios<\/figcaption><\/figure>\n<p>Cuando haces clic en <strong>Crear<\/strong> <strong>patr\u00f3n<\/strong>, un modal\/pop-up diferente te permite establecer un nombre para tu patr\u00f3n y elegir si quieres crear un patr\u00f3n sincronizado o no sincronizado.<\/p>\n<figure id=\"attachment_158705\" aria-describedby=\"caption-attachment-158705\" style=\"width: 1934px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158705 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-create-pattern-2.jpg\" alt=\"Crear patr\u00f3n en el editor del Sitio\" width=\"1934\" height=\"1438\"><figcaption id=\"caption-attachment-158705\" class=\"wp-caption-text\">Crear patr\u00f3n en el editor del Sitio<\/figcaption><\/figure>\n<p>Confirma y construye tu parte de patr\u00f3n o plantilla en el editor del Sitio.<\/p>\n<figure id=\"attachment_158706\" aria-describedby=\"caption-attachment-158706\" style=\"width: 2120px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158706 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-building-a-pattern.jpg\" alt=\"Construir un patr\u00f3n de bloques en el editor del Sitio\" width=\"2120\" height=\"866\"><figcaption id=\"caption-attachment-158706\" class=\"wp-caption-text\">Construir un patr\u00f3n de bloques en el editor del Sitio<\/figcaption><\/figure>\n<p>Cuando est\u00e9s satisfecho con tus ediciones, guarda el patr\u00f3n de bloques y vuelve al editor del Sitio. Abre la secci\u00f3n <strong>Patrones<\/strong> y haz clic en <strong>Gestionar todos mis<\/strong> <strong>patrones<\/strong>. La pantalla <strong>Patrones<\/strong> mostrar\u00e1 tu nuevo patr\u00f3n de bloques personalizado.<\/p>\n<figure id=\"attachment_158707\" aria-describedby=\"caption-attachment-158707\" style=\"width: 2120px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158707 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-patterns-screen.jpg\" alt=\"La pantalla Patrones en WordPress 6.3\" width=\"2120\" height=\"950\"><figcaption id=\"caption-attachment-158707\" class=\"wp-caption-text\">La pantalla Patrones en WordPress 6.3<\/figcaption><\/figure>\n<p>Los patrones de bloque tambi\u00e9n aprovechan los controles de relaci\u00f3n de aspecto del bloque Imagen. Ahora, si estableces una relaci\u00f3n de aspecto para una imagen, se conservar\u00e1 cuando cambies la imagen por otra de dimensiones diferentes. Esto ser\u00e1 <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/13\/core-editor-improvement-advancing-the-power-of-patterns\/\" target=\"_blank\" rel=\"noopener noreferrer\">especialmente \u00fatil con los patrones de bloques<\/a> , ya que no tendr\u00e1s que preocuparte de las dimensiones de las im\u00e1genes cuando las sustituyas en los patrones de bloques.<\/p>\n<figure id=\"attachment_159324\" aria-describedby=\"caption-attachment-159324\" style=\"width: 2200px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159324 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-img-aspect-ratio-control.jpg\" alt=\"Control de la relaci\u00f3n de aspecto del bloque Imagen\" width=\"2200\" height=\"1224\"><figcaption id=\"caption-attachment-159324\" class=\"wp-caption-text\">Control de la relaci\u00f3n de aspecto del bloque Imagen<\/figcaption><\/figure>\n<p>Para una visi\u00f3n m\u00e1s detallada de los cambios realizados en el sistema de patrones de bloques, consulta los PRs <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/51078\" target=\"_blank\" rel=\"noopener noreferrer\">#51078<\/a>, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/51144\" target=\"_blank\" rel=\"noopener noreferrer\">#51144<\/a> y <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/50028\" target=\"_blank\" rel=\"noopener noreferrer\">#50028<\/a>.<\/p>\n<h2>Revisiones de Estilo Expuestas en el Editor de Sitios<\/h2>\n<p>El Editor de Sitios expone ahora un historial de revisiones que te permite examinar los cambios y elegir uno para restaurarlo.<\/p>\n<p>Para acceder al historial de revisiones, haz clic en el nuevo bot\u00f3n <strong>Revisiones<\/strong> del panel Estilos.<\/p>\n<figure id=\"attachment_159326\" aria-describedby=\"caption-attachment-159326\" style=\"width: 2230px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159326 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-revisions.jpg\" alt=\"Acceder al historial de revisiones en WordPress 6.3\" width=\"2230\" height=\"1300\"><figcaption id=\"caption-attachment-159326\" class=\"wp-caption-text\">Acceder al historial de revisiones en WordPress 6.3<\/figcaption><\/figure>\n<p>Este panel proporciona una lista de revisiones en una l\u00ednea de tiempo. Tambi\u00e9n proporciona el nombre del autor de cada revisi\u00f3n y la fecha y hora de cada revisi\u00f3n en un tooltip. Puedes previsualizar todas las revisiones y elegir la que quieras restaurar.<\/p>\n<figure id=\"attachment_159327\" aria-describedby=\"caption-attachment-159327\" style=\"width: 2230px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159327 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-revision-history.jpg\" alt=\"Revisiones de estilo en WordPress 6.3\" width=\"2230\" height=\"1302\"><figcaption id=\"caption-attachment-159327\" class=\"wp-caption-text\">Revisiones de estilo en WordPress 6.3<\/figcaption><\/figure>\n<p>Puedes <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/20\/whats-new-in-gutenberg-15-8-may-17\/#add-revisions-ui-50089\" target=\"_blank\" rel=\"noopener noreferrer\">navegar por las revisiones<\/a>\u00a0 en la interfaz de Estilos Globales, previsualizarlas y restaurar tu contenido en cualquier momento.<\/p>\n<p>El desarrollo de las revisiones no se detiene aqu\u00ed. A medida que avancemos hacia la Fase 3, las revisiones se ver\u00e1n afectadas por nuevas adiciones y mejoras que mejorar\u00e1n a\u00fan m\u00e1s su usabilidad y desbloquear\u00e1n nuevas funciones.<\/p>\n<h2>La Paleta de Comandos<\/h2>\n<p>La <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/31\/whats-new-in-gutenberg-15-9-31-may\/#command-tool\" target=\"_blank\" rel=\"noopener noreferrer\">paleta de comandos<\/a> es una nueva funci\u00f3n que te permite ejecutar acciones de uso frecuente, como saltar a otras p\u00e1ginas o plantillas del editor, mediante comandos.<\/p>\n<p>En el Editor de Sitios, haz clic en el icono de la lente o pulsa <code>cmd + k<\/code> (<code>ctrl + k<\/code> en Windows y Linux). Se abrir\u00e1 la <strong>paleta de comandos<\/strong>.<\/p>\n<p>Cuando empiezas a escribir un comando, la paleta Comandos te sugiere una serie de comandos entre los que puedes elegir. Esto proporciona una forma r\u00e1pida de realizar tareas o acceder a \u00e1reas espec\u00edficas del Editor de Sitios.<\/p>\n<figure id=\"attachment_158315\" aria-describedby=\"caption-attachment-158315\" style=\"width: 1968px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-158315 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/command-center-p.jpg\" alt=\"La paleta de comandos en WordPress 6.3\" width=\"1968\" height=\"1286\"><figcaption id=\"caption-attachment-158315\" class=\"wp-caption-text\">La paleta de comandos en WordPress 6.3<\/figcaption><\/figure>\n<p>La <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/17\/command-center-request-for-feedback\/\" target=\"_blank\" rel=\"noopener noreferrer\">primera implementaci\u00f3n<\/a> de esta funci\u00f3n ofrece una funci\u00f3n de b\u00fasqueda r\u00e1pida y algunas acciones como navegar por el editor del sitio, <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/48457\" target=\"_blank\" rel=\"noopener noreferrer\">crear una nueva entrada\/p\u00e1gina<\/a>, alternar elementos de la interfaz de usuario, restablecer o eliminar una plantilla o una parte de una plantilla, y mucho m\u00e1s. En <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/50407\" target=\"_blank\" rel=\"noopener noreferrer\">futuras iteraciones<\/a> se a\u00f1adir\u00e1n m\u00e1s comandos.<\/p>\n<p>La nueva herramienta desbloquea un sinf\u00edn de casos de uso. Por ejemplo, la paleta de comandos podr\u00eda ser necesaria para mostrar opciones de dise\u00f1o para entradas o p\u00e1ginas concretas.<\/p>\n<p>Tambi\u00e9n puedes registrar tus comandos personalizados gracias a la nueva <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/17\/introducing-the-wordpress-command-palette-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">API de la Paleta de comandos<\/a>\u00a0 para representar, registrar y anular el registro de comandos.<\/p>\n<p>Existen diferentes formas de registrar comandos dependiendo del <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/17\/command-center-request-for-feedback\/\">tipo de comando<\/a> que est\u00e9s registrando.<\/p>\n<ul>\n<li><strong>Comandos est\u00e1ticos:<\/strong> Los desarrolladores pueden registrar comandos est\u00e1ticos personalizados utilizando la acci\u00f3n <code>wp.data.dispatch( wp.commands.store ).registerCommand<\/code> o el gancho React <code>wp.data.useCommand<\/code>.<\/li>\n<li><strong>Comandos din\u00e1micos:<\/strong> Estos comandos se incluyen en la lista de comandos en funci\u00f3n del t\u00e9rmino de b\u00fasqueda introducido por el usuario en el campo de entrada de la paleta de comandos o cuando un comando s\u00f3lo est\u00e1 disponible cuando se cumplen algunas condiciones.<\/li>\n<li><strong>Comandos contextuales:<\/strong> Estos comandos tienen prioridad en contextos espec\u00edficos, lo que significa que aparecen autom\u00e1ticamente en el contexto adecuado (por ejemplo, cuando est\u00e1s editando una plantilla). Los comandos <strong>Restablecer plantilla<\/strong> y <strong>Eliminar plantilla<\/strong> son ejemplos de comandos contextuales. De momento, se han implementado dos contextos:\n<ul>\n<li><strong>site-editor:<\/strong> Este contexto se establece cuando navegas por el editor del sitio<\/li>\n<li><strong>site-editor-edit<\/strong>: Este contexto se establece cuando est\u00e1s editando algo (plantilla, parte de plantilla o p\u00e1gina) en el editor<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Puedes obtener la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/51169\" target=\"_blank\" rel=\"noopener noreferrer\">lista de los comandos disponibles<\/a> ejecutando <code>wp.data.select( wp.commands.store ).getCommands()<\/code> en la consola del navegador.<\/p>\n<figure id=\"attachment_159079\" aria-describedby=\"caption-attachment-159079\" style=\"width: 2416px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159079 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-get-commands.jpg\" alt=\"Listado de comandos en WordPress 6.3\" width=\"2416\" height=\"1246\"><figcaption id=\"caption-attachment-159079\" class=\"wp-caption-text\">Listado de comandos en WordPress 6.3<\/figcaption><\/figure>\n<p>Inicialmente disponible en los editores de Post y de Sitio, la paleta de comandos deber\u00eda extenderse a todo el admin en el futuro.<\/p>\n<p>Para obtener una vista previa para desarrolladores de la Paleta de Comandos, consulta la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/05\/17\/command-center-request-for-feedback\/\" target=\"_blank\" rel=\"noopener noreferrer\">Solicitud de devoluci\u00f3n de llamada<\/a>.<\/p>\n<h2>Caracter\u00edsticas Adicionales y Mejoras del Editor de Sitios<\/h2>\n<p>Adem\u00e1s de las caracter\u00edsticas y mejoras comentadas en las secciones anteriores, WordPress 6.3 nos trae:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Vista previa del tema en el Editor de Sitios<\/h3>\n<p>A partir de la versi\u00f3n 6.3, un nuevo par\u00e1metro de <code>theme_preview<\/code> permite cargar todos los temas en bloque en el Editor de Sitios y previsualizarlos antes de activarlos.<\/p>\n<figure id=\"attachment_159075\" aria-describedby=\"caption-attachment-159075\" style=\"width: 2414px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159075 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-theme-preview.jpg\" alt=\"Vista previa del tema Bloques TT1 en el Editor de Sitios\" width=\"2414\" height=\"1364\"><figcaption id=\"caption-attachment-159075\" class=\"wp-caption-text\">Vista previa del tema Bloques TT1 en el Editor de Sitios<\/figcaption><\/figure>\n<p>Para previsualizar un tema de bloques, ve a la pantalla <strong>Apariencia<\/strong> &gt; <strong>Temas<\/strong> y pasa el rat\u00f3n por encima de cualquier tema de bloques. Deber\u00edas ver un bot\u00f3n de <strong>Vista previa en vivo<\/strong> encima de cada tema de bloques. Simplemente haz clic en este bot\u00f3n para iniciar la vista previa del tema en el Editor de Sitios. Para los temas que no son de bloque, el bot\u00f3n<strong> Vista previa en<\/strong> <strong>vivo<\/strong> abre el Personalizador de temas.<\/p>\n<h3>Mejoras en el estado de carga<\/h3>\n<p>Con WordPress 6.3, se ha mejorado el estado de carga del editor para evitar que el usuario interact\u00fae con el editor antes de que est\u00e9 completamente cargado.<\/p>\n<figure id=\"attachment_157550\" aria-describedby=\"caption-attachment-157550\" style=\"width: 2166px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-157550 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/06\/loading-site-editor.jpg\" alt=\"Ahora el usuario no puede interactuar con el editor hasta que se haya completado la carga\" width=\"2166\" height=\"1356\"><figcaption id=\"caption-attachment-157550\" class=\"wp-caption-text\">Ahora el usuario no puede interactuar con el editor hasta que se haya completado la carga<\/figcaption><\/figure>\n<h3>Modo sin distracciones<\/h3>\n<p>WordPress 6.3 introduce un <a href=\"https:\/\/make.wordpress.org\/core\/2023\/06\/29\/whats-new-in-gutenberg-16-1-29-june\/#create-your-site-without-distraction\" target=\"_blank\" rel=\"noopener noreferrer\">modo de edici\u00f3n <strong>S<\/strong><strong>in Distracciones<\/strong><\/a>\u00a0en el editor del sitio. Es la misma funci\u00f3n disponible en el editor de entradas <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#distraction-free-mode\">desde WordPress 6.2<\/a><\/p>\n<figure id=\"attachment_159311\" aria-describedby=\"caption-attachment-159311\" style=\"width: 2232px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159311 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-distraction-free-mode.jpg\" alt=\"Modo sin distracciones en el editor de sitios\" width=\"2232\" height=\"890\"><figcaption id=\"caption-attachment-159311\" class=\"wp-caption-text\">Modo sin distracciones en el editor de sitios<\/figcaption><\/figure>\n<p>Puedes activar esta funci\u00f3n en el panel de opciones del Editor de Sitios. Una vez activado el modo Sin distracciones, las barras laterales y las barras de herramientas desaparecen, dej\u00e1ndote v\u00eda libre para centrarte en tus ediciones.<\/p>\n<h3>Mejoras adicionales de la interfaz de usuario<\/h3>\n<ul>\n<li>Un nuevo componente de <code>&lt;ViewLink&gt;<\/code> muestra ahora un bot\u00f3n para abrir cualquier tipo de entrada publicada en una nueva ventana. Se trata de una funci\u00f3n peque\u00f1a pero \u00fatil que te permite ver el tipo de entrada actual sin tener que buscar el enlace en la barra lateral de configuraci\u00f3n (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/50260\" target=\"_blank\" rel=\"noopener noreferrer\">#50260<\/a>)<\/li>\n<li><a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/22\/whats-new-in-gutenberg-15-4-22-march\/#updated-template-descriptions\" target=\"_blank\" rel=\"noopener noreferrer\">Se han mejorado<\/a> las descripciones de las plantillas para explicar mejor qu\u00e9 hace exactamente cada plantilla. Esto deber\u00eda ayudar a los usuarios a elegir la plantilla adecuada para personalizarla en el Editor de Sitios.<\/li>\n<li>Antes, los ajustes del controles Duotone s\u00f3lo estaban disponibles en la barra de herramientas de bloques. Con la 6.3, los controles Duotone est\u00e1n ahora disponibles a trav\u00e9s de la barra lateral de ajustes (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49838\" target=\"_blank\" rel=\"noopener noreferrer\">#49838<\/a>)<\/li>\n<li>Antes de WordPress 6.3, las fuentes grandes no se escalaban lo suficiente en pantallas peque\u00f1as. Ahora, la tipograf\u00eda fluida se escala suavemente gracias a un factor de escala logar\u00edtmica utilizado para calcular un tama\u00f1o de fuente m\u00ednimo para pantallas peque\u00f1as (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49707\" target=\"_blank\" rel=\"noopener noreferrer\">#49707<\/a>)<\/li>\n<\/ul>\n<h2>Nuevos Bloques y Herramientas de Dise\u00f1o Mejoradas<\/h2>\n<p>WordPress 6.3 tambi\u00e9n ofrece dos bloques \u00fatiles que deber\u00edan hacer felices a muchos redactores de contenidos.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"5\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Nuevo bloque de Notas a pie de p\u00e1gina<\/h3>\n<p>WordPress 6.3 tambi\u00e9n nos trae un bloque de <strong>notas a pie de p\u00e1gina<\/strong>\u00a0super\u00fatil.<\/p>\n<figure id=\"attachment_159092\" aria-describedby=\"caption-attachment-159092\" style=\"width: 980px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159092 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-add-footnote.jpg\" alt=\"A\u00f1adir una nota al pie de p\u00e1gina a un bloque de texto\" width=\"980\" height=\"863\"><figcaption id=\"caption-attachment-159092\" class=\"wp-caption-text\">A\u00f1adir una nota al pie de p\u00e1gina a un bloque de texto<\/figcaption><\/figure>\n<p>Con <a href=\"https:\/\/make.wordpress.org\/core\/2023\/06\/29\/whats-new-in-gutenberg-16-1-29-june\/#text-blocks-now-with-footnotes\" target=\"_blank\" rel=\"noopener noreferrer\">esta gran incorporaci\u00f3n<\/a>, a\u00f1adir una nota al pie a un bloque de texto (p\u00e1rrafo, encabezado y listas) requiere s\u00f3lo un par de clics. Coloca el cursor donde quieras a\u00f1adir el enlace y haz clic en el bot\u00f3n <strong>Notas a pie de p\u00e1gina\u00a0<\/strong>disponible en el men\u00fa contextual del bloque. Esto a\u00f1adir\u00e1 una nota al pie de la p\u00e1gina en la parte inferior de la p\u00e1gina.<\/p>\n<figure id=\"attachment_159090\" aria-describedby=\"caption-attachment-159090\" style=\"width: 1878px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159090 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-footnotes-block.jpg\" alt=\"El bloque Notas al pie de p\u00e1gina en WordPress 6.3\" width=\"1878\" height=\"782\"><figcaption id=\"caption-attachment-159090\" class=\"wp-caption-text\">El bloque Notas al pie de p\u00e1gina en WordPress 6.3<\/figcaption><\/figure>\n<p>El bloque Notas al pie de p\u00e1gina a\u00f1ade, elimina y reordena autom\u00e1ticamente tus notas al pie de p\u00e1gina a medida que editas el texto, lo que resulta extremadamente \u00fatil, especialmente con art\u00edculos de formato largo.<\/p>\n<h3>Nuevo bloque Detalles<\/h3>\n<p>Ahora puedes ocultar una parte del contenido hasta que el lector est\u00e9 preparado para leer tus FAQ, ver tu v\u00eddeo o escuchar tu magn\u00edfico podcast gracias al nuevo <a href=\"https:\/\/make.wordpress.org\/core\/2023\/04\/19\/whats-new-in-gutenberg-15-6-19-april\/#details-block-experimental\">bloque Detalles<\/a>.<\/p>\n<figure id=\"attachment_159224\" aria-describedby=\"caption-attachment-159224\" style=\"width: 1396px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159224 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-details-block.png\" alt=\"Un bloque Detalles vac\u00edo con resumen y contenido oculto\" width=\"1396\" height=\"382\"><figcaption id=\"caption-attachment-159224\" class=\"wp-caption-text\">Un bloque Detalles vac\u00edo con resumen y contenido oculto<\/figcaption><\/figure>\n<p>El nuevo bloque consta de dos elementos separados: resumen y contenido oculto. Por defecto, el contenido est\u00e1 oculto, pero puedes cambiar la configuraci\u00f3n en la barra lateral de configuraci\u00f3n del bloque.<\/p>\n<figure id=\"attachment_159495\" aria-describedby=\"caption-attachment-159495\" style=\"width: 2230px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159495 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-details-block-open.jpg\" alt=\"Un bloque Detalles con resumen y contenido de v\u00eddeo\" width=\"2230\" height=\"1228\"><figcaption id=\"caption-attachment-159495\" class=\"wp-caption-text\">Un bloque Detalles con resumen y contenido de v\u00eddeo<\/figcaption><\/figure>\n<p>El bloque utiliza un elemento <code>details<\/code> con un texto enriquecido <code>summary<\/code> y un <code>div<\/code> que contiene el elemento oculto (ver tambi\u00e9n PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45055\" target=\"_blank\" rel=\"noopener noreferrer\">#45055<\/a>).<\/p>\n<h3>Mejoras en el Bloque de Portada<\/h3>\n<p>El Bloque de Portada se ha mejorado con <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/22\/whats-new-in-gutenberg-15-4-22-march\/#color-and-layout-support-for-cover-block\" target=\"_blank\" rel=\"noopener noreferrer\">un par de caracter\u00edsticas de dise\u00f1o<\/a> que facilitan su uso y abren m\u00e1s posibilidades de personalizaci\u00f3n.<\/p>\n<p>En primer lugar, el Bloque de Portada es ahora compatible con la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/41572\" target=\"_blank\" rel=\"noopener noreferrer\">herramienta de dise\u00f1o del color del texto<\/a>. Gracias a esta incorporaci\u00f3n, los usuarios y los autores de temas pueden cambiar el color de todos los bloques interiores simplemente ajustando el color del texto en el Bloque de Portada. Adem\u00e1s, facilita el manejo de las transformaciones desde el bloque Medios y Texto, ya que ahora los colores de texto se pasan suavemente a los bloques resultantes.<\/p>\n<figure id=\"attachment_159312\" aria-describedby=\"caption-attachment-159312\" style=\"width: 2016px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159312 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-cover-block-text-color.jpg\" alt=\"El bloque de Portada admite ahora la herramienta de dise\u00f1o del color del texto\" width=\"2016\" height=\"1278\"><figcaption id=\"caption-attachment-159312\" class=\"wp-caption-text\">El bloque de Portada admite ahora la herramienta de dise\u00f1o del color del texto<\/figcaption><\/figure>\n<p>Otra adici\u00f3n al bloque de Portada que llega con WordPress 6.3 es la compatibilidad <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/41153\" target=\"_blank\" rel=\"noopener noreferrer\">con todas las herramientas de dise\u00f1o relacionadas con los bordes<\/a>. Esta adici\u00f3n deber\u00eda reducir la necesidad de personalizar el estilo de los bloques.<\/p>\n<figure id=\"attachment_159313\" aria-describedby=\"caption-attachment-159313\" style=\"width: 2014px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159313 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-cover-block-border-controls.jpg\" alt=\"Controles de borde para el bloque de Portada\" width=\"2014\" height=\"1276\"><figcaption id=\"caption-attachment-159313\" class=\"wp-caption-text\">Controles de borde para el bloque de Portada<\/figcaption><\/figure>\n<p>WordPress 6.3 tambi\u00e9n a\u00f1ade compatibilidad con el <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/45326\" target=\"_blank\" rel=\"noopener noreferrer\">dise\u00f1o limitado\/de flujo<\/a> al bloque de Portada, que ahora se puede gestionar igual que el bloque Grupo. Este cambio a\u00f1ade coherencia a la gesti\u00f3n del dise\u00f1o y deber\u00eda facilitar las personalizaciones tanto a los usuarios como a los desarrolladores de temas.<\/p>\n<figure id=\"attachment_159314\" aria-describedby=\"caption-attachment-159314\" style=\"width: 2014px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159314 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-cover-block-layout-settings.jpg\" alt=\"Ajustes de dise\u00f1o para el bloque de Portada\" width=\"2014\" height=\"1060\"><figcaption id=\"caption-attachment-159314\" class=\"wp-caption-text\">Ajustes de dise\u00f1o para el bloque de Portada<\/figcaption><\/figure>\n<p>Sin embargo, los desarrolladores de temas deben realizar algunas pruebas en sus temas existentes, ya que el sistema de dise\u00f1o de bloques puede anular las implementaciones personalizadas.<\/p>\n<h3>Filtro Duotono mejorado<\/h3>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/13\/whats-new-in-gutenberg-15-3-13-march\/#leveling-up-duotone\" target=\"_blank\" rel=\"noopener noreferrer\">Algunos cambios<\/a> mejoran la forma de utilizar el filtro duotono.<\/p>\n<p>En primer lugar, ahora puedes establecer un filtro duotono globalmente desde el panel Estilo del Editor de Sitios. Antes s\u00f3lo pod\u00edas aplicar filtros duotono globalmente desde el <em>archivo theme.json<\/em>.<\/p>\n<figure id=\"attachment_159315\" aria-describedby=\"caption-attachment-159315\" style=\"width: 2012px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159315 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wp-63-duotone-filter.jpg\" alt=\"Aplicar el filtro duotono en el panel Estilo del Editor de Sitios\" width=\"2012\" height=\"1036\"><figcaption id=\"caption-attachment-159315\" class=\"wp-caption-text\">Aplicar el filtro duotono en el panel Estilo del Editor de Sitios<\/figcaption><\/figure>\n<p>Esto es posible porque ahora los valores de duotono se establecen utilizando barras de color en lugar de valores de color. Esto tambi\u00e9n significa que puedes establecer los valores de duotono una vez y aplicarlos independientemente del tema o variaci\u00f3n de tema actual, siempre que utilice el mismo slug.<\/p>\n<p>Por \u00faltimo, para los m\u00e1s expertos en tecnolog\u00eda, ahora los estilos Duotone se generan utilizando el <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/packages\/packages-style-engine\/\" target=\"_blank\" rel=\"noopener noreferrer\">motor de estilos de WordPress<\/a> y se almacenan con <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/48281\" target=\"_blank\" rel=\"noopener noreferrer\">CSS compatible con bloques<\/a> en lugar de estar inline.<\/p>\n<h3>Mejoras adicionales<\/h3>\n<ul>\n<li>El bloque <strong>Bot\u00f3n<\/strong> ahora admite color, estilo y anchura de borde (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/44574\" target=\"_blank\" rel=\"noopener noreferrer\">#44574<\/a>)<\/li>\n<li>Se ha a\u00f1adido el <strong>control\u00a0de la longitud del extracto<\/strong>\u00a0al bloque Post Excerpt &#8211; https:\/\/github.com\/WordPress\/gutenberg\/pull\/44964<\/li>\n<li>Ahora puedes controlar la relaci\u00f3n de aspecto del bloque <strong>Imagen destacada<\/strong> de la entrada (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/47854\" target=\"_blank\" rel=\"noopener noreferrer\">#47854<\/a>)<\/li>\n<li>La interfaz de Estilos Globales incluye ahora controles de color y tipograf\u00eda para el elemento Pie de foto (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49141\" target=\"_blank\" rel=\"noopener noreferrer\">#49141<\/a>)<\/li>\n<li>Se ha a\u00f1adido una variaci\u00f3n de <strong>la Fecha de modificaci\u00f3n de<\/strong> <strong>la entrada<\/strong> al bloque Fecha de la entrada. Es \u00fatil si quieres a\u00f1adir r\u00e1pidamente la <a href=\"https:\/\/kinsta.com\/es\/blog\/ultima-actualizacion\/\">fecha de modificaci\u00f3n de la entrada<\/a> en lugar de la fecha de publicaci\u00f3n (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49111\" target=\"_blank\" rel=\"noopener noreferrer\">#49111<\/a>)<\/li>\n<li>Ahora se puede sustituir el logotipo del sitio desde la barra lateral (PR <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/49992\" target=\"_blank\" rel=\"noopener noreferrer\">#49992<\/a>)<\/li>\n<\/ul>\n<h2>Mejoras de Rendimiento y Cambios para Desarrolladores<\/h2>\n<p>WordPress 6.3 tambi\u00e9n trae muchos cambios y nuevas funciones destinadas a mejorar el rendimiento del sitio y los flujos de trabajo de los desarrolladores. Entre las muchas adiciones, hemos elegido las siguientes:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"5\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Se elimina la compatibilidad con PHP 5<\/h3>\n<p>A partir de WordPress 6.3, <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/05\/dropping-support-for-php-5\/\" target=\"_blank\" rel=\"noopener noreferrer\">PHP 5 dejar\u00e1 de ser compatible<\/a>. La nueva versi\u00f3n m\u00ednima soportada ser\u00e1 PHP 7.0.0. La <a href=\"https:\/\/wordpress.org\/about\/requirements\/\" target=\"_blank\" rel=\"noopener noreferrer\">versi\u00f3n recomendada de PHP<\/a> es 7.4 o superior. La versi\u00f3n 7.4 es tambi\u00e9n la versi\u00f3n m\u00e1s utilizada en el <a href=\"https:\/\/wordpress.org\/about\/stats\/\" target=\"_blank\" rel=\"noopener noreferrer\">50,8% de los sitios web de WordPress<\/a>.<\/p>\n<figure id=\"attachment_159350\" aria-describedby=\"caption-attachment-159350\" style=\"width: 1030px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159350 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/wordpress-stats.png\" alt=\"Versiones de PHP utilizadas en sitios WordPress existentes en julio de 2023\" width=\"1030\" height=\"1004\"><figcaption id=\"caption-attachment-159350\" class=\"wp-caption-text\">Versiones de PHP utilizadas en sitios WordPress existentes en julio de 2023 (Fuente de la imagen: <a href=\"https:\/\/wordpress.org\/about\/stats\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress.org<\/a>)<\/figcaption><\/figure>\n<p>Esto es importante no s\u00f3lo para los desarrolladores, sino para todos los usuarios de WordPress, ya que mejora la seguridad y el rendimiento de tu sitio web.<\/p>\n<p>Esta es tambi\u00e9n la raz\u00f3n por la que el alojamiento de Kinsta s\u00f3lo permite <a href=\"https:\/\/kinsta.com\/es\/blog\/versiones-de-php\/\">versiones compatibles<\/a> de PHP. Regularmente ejecutamos nuestras <a href=\"https:\/\/kinsta.com\/es\/blog\/puntos-de-referencia-php\/\">pruebas de rendimiento<\/a> de las versiones compatibles de PHP para comprobar las mejoras de rendimiento que se producen con las versiones m\u00e1s recientes.<\/p>\n<figure id=\"attachment_159351\" aria-describedby=\"caption-attachment-159351\" style=\"width: 2288px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-159351 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/07\/supported-php-versions-july-2023.png\" alt=\"Versiones de PHP soportadas en julio de 2023\" width=\"2288\" height=\"1528\"><figcaption id=\"caption-attachment-159351\" class=\"wp-caption-text\">Versiones de PHP soportadas en julio de 2023 (Fuente de la imagen: <a href=\"https:\/\/www.php.net\/supported-versions.php\" target=\"_blank\" rel=\"noopener noreferrer\">PHP.net<\/a>)<\/figcaption><\/figure>\n<h3>Mejoras de rendimiento en la carga de im\u00e1genes<\/h3>\n<p>A partir de WordPress 6.3, el atributo <code>fetchpriority<\/code> con un valor de <code>\"high\"<\/code> se asigna a la imagen para determinar si es la imagen LCP (Largest Contentful Pain), mientras que el <a href=\"https:\/\/web.dev\/lcp\/#what-is-lcp\" target=\"_blank\" rel=\"noopener noreferrer\">Largest Contentful Pain<\/a>\u00a0es una m\u00e9trica que informa del tiempo de renderizado del elemento m\u00e1s grande dentro de la ventana gr\u00e1fica.<\/p>\n<p>El atributo <code>fetchpriority<\/code> indica al navegador que <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/HTMLImageElement\/fetchPriority\">d\u00e9 prioridad a esta imagen<\/a>, incluso antes de que se haya calculado el dise\u00f1o.<\/p>\n<p>Otra mejora es la gesti\u00f3n autom\u00e1tica de la carga lenta de im\u00e1genes con el atributo <code>loading<\/code>. Este atributo se introdujo por primera vez en <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-5\/#native-image-lazyloading-in-wordpress-core\">WordPress 5.5<\/a>, luego se mejor\u00f3 con WordPress 5.9 para omitir el atributo <code>loading=\"lazy\"<\/code> para la primera imagen de contenido (<a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-9\/#lazy-loading-performance-improvements\">consulta mejoras en el rendimiento de la carga diferida<\/a> en WordPress 5.9). Ahora, con WordPress 6.3, deber\u00edan haberse solucionado todos los problemas residuales, lo que se traduce en una buena mejora del rendimiento.<\/p>\n<p>Los atributos <code>fetchpriority<\/code> y <code>loading<\/code> est\u00e1n ahora controlados por la nueva funci\u00f3n <code>wp_get_loading_optimization_attributes()<\/code>. Esta funci\u00f3n devuelve una matriz asociativa de atributos para optimizar el rendimiento de la carga. Actualmente, los posibles atributos devueltos por esta funci\u00f3n son:<\/p>\n<ul>\n<li><code>loading<\/code> con un valor de <code>\"lazy\"<\/code><\/li>\n<li><code>fetchpriority<\/code> con un valor de <code>\"high\"<\/code><\/li>\n<\/ul>\n<p>Ten en cuenta que ning\u00fan elemento debe tener ambos atributos, ya que son mutuamente excluyentes. En caso de que un elemento contenga ambos atributos, se activar\u00e1 una advertencia.<\/p>\n<p>Para una visi\u00f3n m\u00e1s detallada de la funci\u00f3n <code>wp_get_loading_optimization_attributes()<\/code> y de los atributos <code>fetchpriority<\/code> y <code>loading<\/code> con ejemplos de uso, consulta <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/13\/image-performance-enhancements-in-wordpress-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mejoras en el rendimiento de las im\u00e1genes en WordPress 6.3<\/a>.<\/p>\n<h3>Compatibilidad con los atributos <code>async<\/code> y <code>defer<\/code> de<\/h3>\n<p>HTML 5<br \/>\n<code>async<\/code> y <code>defer<\/code> son <a href=\"https:\/\/html.spec.whatwg.org\/multipage\/scripting.html#attr-script-async\">dos atributos de HTML 5<\/a> que indican al navegador que <a href=\"https:\/\/kinsta.com\/es\/blog\/diferir-el-analisis-de-javascript\/#the-different-methods-to-defer-parsing-of-javascript\">descargue JavaScript sin pausar el an\u00e1lisis del HTML<\/a>.<\/p>\n<p>Hay una diferencia clave entre ambos atributos:<\/p>\n<ul>\n<li>Los scripts con el atributo <code>async<\/code> se ejecutan de forma as\u00edncrona en cuanto se cargan. Una vez cargado el script, el navegador pausa el an\u00e1lisis del HTML y ejecuta el script.<\/li>\n<li>Los scripts con el atributo <code>defer<\/code> s\u00f3lo se ejecutan cuando finaliza el an\u00e1lisis de la p\u00e1gina.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/registering-scripts-with-async-and-defer-attributes-in-wordpress-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">A partir de WordPress 6.3<\/a>, ahora puedes registrar scripts con los atributos <code>async<\/code> y <code>defer<\/code> utilizando el par\u00e1metro booleano <code>$in_footer<\/code> de las funciones <code>wp_register_script()<\/code> o <code>wp_enqueue_script()<\/code> (consulta tambi\u00e9n <a href=\"https:\/\/kinsta.com\/es\/blog\/wp-enqueue-scripts\/\" target=\"_blank\" rel=\"noopener noreferrer\">C\u00f3mo poner en cola tus activos en WordPress<\/a>).<\/p>\n<p>Este par\u00e1metro se ha sobrecargado y ahora acepta un nuevo par\u00e1metro de matriz <code>$args<\/code> que te permite especificar una estrategia de carga para tus scripts.<\/p>\n<p>Aqu\u00ed tienes un ejemplo de c\u00f3mo definir una estrategia de aplazamiento en el archivo PHP de un plugin utilizando <code>wp_register_script<\/code> (el c\u00f3digo ser\u00eda el mismo con <code>wp_enqueue_script<\/code>):<\/p>\n<pre><code class=\"language-php\">wp_register_script( \n\t'custom-script', \n\tplugins_url( '\/js\/custom-script.js' , __FILE__ ), \n\tarray(), \n\t'1.0.0', \n\tarray(\n\t\t'strategy' =&gt; 'defer'\n\t) \n);<\/code><\/pre>\n<p>Se garantiza la compatibilidad con versiones anteriores, por lo que puedes seguir indicando a WordPress que cargue tu script en el pie de p\u00e1gina:<\/p>\n<pre><code class=\"language-php\">wp_register_script( \n\t'custom-script', \n\tplugins_url( '\/js\/custom-script.js' , __FILE__ ), \n\tarray(), \n\t'1.0.0', \n\tarray(\n\t\t'in_footer' =&gt; true,\n\t\t'strategy' =&gt; 'defer'\n\t) \n);<\/code><\/pre>\n<p>Gracias a las nuevas implementaciones, ahora es posible evitar que un script se cargue en un orden inesperado en el \u00e1rbol de dependencia de scripts, lo que no era posible con las herramientas disponibles antes de WordPress 6.3. Para una visi\u00f3n m\u00e1s detallada de los cambios en la API de Scripts, con ejemplos adicionales y detalles t\u00e9cnicos, consulta la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/registering-scripts-with-async-and-defer-attributes-in-wordpress-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">nota de desarrollo<\/a> de Simon Dowdles.<\/p>\n<h3>Modo de desarrollo<\/h3>\n<p>WordPress 6.3 introduce un <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/configuring-development-mode-in-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">nuevo modo de desarrollo<\/a> que los desarrolladores pueden activar mediante una nueva constante <code>WP_DEVELOPMENT_MODE<\/code>. Esta nueva constante se recomienda para cualquier sitio de desarrollo y su valor depende del tipo de desarrollo que se est\u00e9 llevando a cabo.<\/p>\n<p><code>WP_DEVELOPMENT_MODE<\/code> puede tomar uno de los siguientes valores posibles:<\/p>\n<ul>\n<li><code>core<\/code> &#8211; Se utiliza para indicar que un sitio web se utiliza como entorno de desarrollo principal.<\/li>\n<li><code>plugin<\/code> &#8211; Se utiliza para el desarrollo de plugins.<\/li>\n<li><code>theme<\/code> &#8211; Se utiliza para el desarrollo de temas.<\/li>\n<li><code>all<\/code> &#8211; Se utiliza para indicar que un sitio web se utiliza para los tres tipos de desarrollo.<\/li>\n<li>Una cadena vac\u00eda es el valor por defecto e indica que el sitio web no se utiliza como entorno de desarrollo.<\/li>\n<\/ul>\n<p><code>WP_DEVELOPMENT_MODE<\/code> s\u00f3lo debe utilizarse en instalaciones de desarrollo. No es relevante en producci\u00f3n.<\/p>\n<p>El modo de desarrollo afecta a algunos aspectos de bajo nivel del comportamiento de WordPress. En el momento de escribir esto, la \u00fanica diferencia se refiere al almacenamiento en cach\u00e9 del archivo theme.json, que se omite cuando <code>WP_DEVELOPMENT_MODE<\/code> est\u00e1 configurado en <code>'theme'<\/code>.<\/p>\n<p><code>WP_DEVELOPMENT_MODE<\/code> funciona de forma diferente a las constantes <code>WP_DEBUG<\/code> y <code>WP_ENVIRONMENT_TYPE<\/code> que se suelen utilizar en desarrollo, ya que <code>WP_DEBUG<\/code> y <code>WP_ENVIRONMENT_TYPE<\/code> no afectan al comportamiento de WordPress en modo alguno. Probablemente usar\u00edas <code>WP_DEVELOPMENT_MODE<\/code> cuando <code>WP_ENVIRONMENT_TYPE<\/code> es <code>'development'<\/code> o <code>'local'<\/code>, ya que el desarrollo <a href=\"https:\/\/kinsta.com\/es\/blog\/pruebas-wordpress\/\">nunca deber\u00eda ocurrir en sitios web en vivo<\/a>.<\/p>\n<p>Puedes activar el modo de desarrollo de esta forma:<\/p>\n<pre><code class=\"language-php\">define( 'WP_DEVELOPMENT_MODE', 'theme' );<\/code><\/pre>\n<p>WordPress 6.3 tambi\u00e9n introduce una nueva funci\u00f3n <code>wp_in_development_mode()<\/code> que te permite comprobar si tu sitio web est\u00e1 en modo desarrollo. La nueva funci\u00f3n tambi\u00e9n permite comprobar el tipo de desarrollo actualmente activado, gracias a un par\u00e1metro <code>$mode<\/code> cuyos valores posibles son <code>'core'<\/code>, <code>'plugin'<\/code>, y <code>'theme'<\/code>:<\/p>\n<pre><code class=\"language-php\">if ( wp_in_development_mode( 'theme' ) ) { ... }<\/code><\/pre>\n<p>Tambi\u00e9n puedes comprobar el valor actual de <code>WP_DEVELOPMENT_MODE<\/code> en el panel de <strong>Informaci\u00f3n<\/strong> de la herramienta <strong>Salud del Sitio<\/strong>.<\/p>\n<h3>Cambios adicionales para desarrolladores<\/h3>\n<ul>\n<li>Los desarrolladores de temas ahora pueden utilizar la <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-2\/#patterns-api-and-a-new-template_types-property\">propiedad<\/a> <code>template_types<\/code> para asignar uno o m\u00e1s tipos de plantilla al <a href=\"https:\/\/kinsta.com\/es\/blog\/patrones-de-bloques-wordpress\/#register-a-block-pattern\">registrar un patr\u00f3n de plantilla<\/a> para <a href=\"https:\/\/make.wordpress.org\/core\/2023\/04\/05\/whats-new-in-gutenberg-15-5-05-april\/#patterns-as-template-starters\" target=\"_blank\" rel=\"noopener noreferrer\">incluirlo en la superposici\u00f3n modal<\/a> que aparece cuando un usuario crea una nueva plantilla.<\/li>\n<li>La funci\u00f3n <code>get_pages()<\/code> <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/wp_query-used-internally-in-get_pages\/\">se ha actualizado<\/a> y ahora utiliza internamente <code>WP_Query<\/code>.<\/li>\n<li>Se ha <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/improved-caching-for-database-queries-in-wp_user_query\/\" target=\"_blank\" rel=\"noopener noreferrer\">mejorado significativamente<\/a> la clase <code>WP_User_Query<\/code>, concretamente con la implementaci\u00f3n del almacenamiento en cach\u00e9 de consultas.<\/li>\n<li>Se han implementado varias mejoras en la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/17\/improvements-to-the-cache-api-in-wordpress-6-3\/\">API de cach\u00e9<\/a>.<\/li>\n<li>El enlace <strong>Editar sitio<\/strong> <a href=\"https:\/\/core.trac.wordpress.org\/changeset\/56209\" target=\"_blank\" rel=\"noopener noreferrer\">carga ahora la plantilla actual<\/a> en lugar de la p\u00e1gina de inicio del editor.<\/li>\n<li>Una nueva API de <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/17\/introducing-the-block-selectors-api\/\" target=\"_blank\" rel=\"noopener noreferrer\">Selectores de Bloques<\/a>\u00a0permite configurar m\u00faltiples selectores CSS para que los bloques se utilicen en estilos globales.<\/li>\n<li>Los colores aplicados a los iconos sociales ahora <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/17\/social-icons-block-applied-colors-now-dynamically-update-based-on-theme-json-and-global-styles\/\" target=\"_blank\" rel=\"noopener noreferrer\">se actualizan din\u00e1micamente<\/a> en funci\u00f3n de theme.json y de los estilos globales<\/li>\n<li>Otras actualizaciones afectan a <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/i18n-improvements-in-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">la internacionalizaci\u00f3n<\/a> (I18N) y a <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/14\/layout-updates-in-the-editor-for-wordpress-6-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">la compatibilidad con el dise\u00f1o<\/a>.<\/li>\n<\/ul>\n<h2>Resumen<\/h2>\n<p>Con WordPress 6.3, llegamos al final de la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/02\/04\/phase-2-finale\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fase 2: Personalizaci\u00f3n<\/a> de la hoja de ruta de desarrollo de Gutenberg. Esta nueva versi\u00f3n nos trae mejoras significativas en la experiencia de edici\u00f3n, incluyendo nuevas funciones de edici\u00f3n dentro del editor del sitio, un sistema de patrones de bloques nuevo y m\u00e1s flexible, nuevos bloques, mejor rendimiento, mejoras en la accesibilidad y la internacionalizaci\u00f3n, y mucho m\u00e1s.<\/p>\n<p>Con la pr\u00f3xima versi\u00f3n de WordPress, <a href=\"https:\/\/make.wordpress.org\/core\/6-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">prevista para noviembre de 2023<\/a>, entramos en la <a href=\"https:\/\/make.wordpress.org\/core\/2023\/03\/24\/phase-3-collaboration\/\" target=\"_blank\" rel=\"noopener noreferrer\">Fase 3: Colaboraci\u00f3n<\/a>, cuyo objetivo principal es aportar <a href=\"https:\/\/make.wordpress.org\/core\/2023\/07\/13\/real-time-collaboration-architecture\/\">capacidades avanzadas de colaboraci\u00f3n<\/a> al editor.<\/p>\n<p>Si quieres <a href=\"https:\/\/kinsta.com\/es\/blog\/probar-sitio-wordpress\/\">probar<\/a> y\/o <a href=\"https:\/\/kinsta.com\/es\/blog\/colaborador-wordpress\/\">contribuir a WordPress<\/a>, lo que debes utilizar es nuestra suite local gratuita de desarrollo de WordPress, <a href=\"https:\/\/kinsta.com\/es\/devkinsta\/\">DevKinsta<\/a>.<\/p>\n<p>Ahora te toca a ti: \u00bfHas probado ya WordPress 6.3 en tu <a href=\"https:\/\/kinsta.com\/es\/devkinsta\/\">entorno de desarrollo<\/a>? \u00bfQu\u00e9 funciones de la versi\u00f3n 6.3 te gustan m\u00e1s? Comparte tu opini\u00f3n en los comentarios.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress 6.3 \u00abLionel\u00bb ya est\u00e1 disponible. Es la \u00faltima gran versi\u00f3n de la Fase 2 de la hoja de ruta de WordPress. Durante la segunda fase, &#8230;<\/p>\n","protected":false},"author":36,"featured_media":68315,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[486,172],"topic":[1357],"class_list":["post-68314","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-gutenberg","tag-wordpress","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>\u00bfQu\u00e9 hay de nuevo en WordPress 6.3? - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.3 con un editor de sitios renovado, un nuevo sistema de patrones, nuevos bloques, mejor rendimiento, \u00a1y mucho m\u00e1s!\" \/>\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-3\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Qu\u00e9 hay de nuevo en WordPress 6.3: Un Editor de Sitios Renovado, Una Nueva Paleta de Comandos, Revisiones de Estilo, Nuevos Bloques y \u00a1Mucho M\u00e1s!\" \/>\n<meta property=\"og:description\" content=\"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.3 con un editor de sitios renovado, un nuevo sistema de patrones, nuevos bloques, mejor rendimiento, \u00a1y mucho m\u00e1s!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/\" \/>\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-07-24T09:55:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-23T08:52:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/11\/ES-Homepage-featured-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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.3 con un editor de sitios renovado, un nuevo sistema de patrones, nuevos bloques, mejor rendimiento, \u00a1y mucho m\u00e1s!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/whats-new-in-wordpress-63.svg\" \/>\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-3\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Qu\u00e9 hay de nuevo en WordPress 6.3: Un Editor de Sitios Renovado, Una Nueva Paleta de Comandos, Revisiones de Estilo, Nuevos Bloques y \u00a1Mucho M\u00e1s!\",\"datePublished\":\"2023-07-24T09:55:01+00:00\",\"dateModified\":\"2023-08-23T08:52:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/\"},\"wordCount\":5656,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/whats-new-in-wordpress-63.svg\",\"keywords\":[\"Gutenberg\",\"WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/\",\"name\":\"\u00bfQu\u00e9 hay de nuevo en WordPress 6.3? - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/whats-new-in-wordpress-63.svg\",\"datePublished\":\"2023-07-24T09:55:01+00:00\",\"dateModified\":\"2023-08-23T08:52:19+00:00\",\"description\":\"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.3 con un editor de sitios renovado, un nuevo sistema de patrones, nuevos bloques, mejor rendimiento, \u00a1y mucho m\u00e1s!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/whats-new-in-wordpress-63.svg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/whats-new-in-wordpress-63.svg\",\"width\":1461,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/#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\":\"Qu\u00e9 hay de nuevo en WordPress 6.3: Un Editor de Sitios Renovado, Una Nueva Paleta de Comandos, Revisiones de Estilo, Nuevos Bloques y \u00a1Mucho 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":"\u00bfQu\u00e9 hay de nuevo en WordPress 6.3? - Kinsta\u00ae","description":"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.3 con un editor de sitios renovado, un nuevo sistema de patrones, nuevos bloques, mejor rendimiento, \u00a1y mucho m\u00e1s!","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-3\/","og_locale":"es_ES","og_type":"article","og_title":"Qu\u00e9 hay de nuevo en WordPress 6.3: Un Editor de Sitios Renovado, Una Nueva Paleta de Comandos, Revisiones de Estilo, Nuevos Bloques y \u00a1Mucho M\u00e1s!","og_description":"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.3 con un editor de sitios renovado, un nuevo sistema de patrones, nuevos bloques, mejor rendimiento, \u00a1y mucho m\u00e1s!","og_url":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2023-07-24T09:55:01+00:00","article_modified_time":"2023-08-23T08:52:19+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2024\/11\/ES-Homepage-featured-image.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.3 con un editor de sitios renovado, un nuevo sistema de patrones, nuevos bloques, mejor rendimiento, \u00a1y mucho m\u00e1s!","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/whats-new-in-wordpress-63.svg","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-3\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Qu\u00e9 hay de nuevo en WordPress 6.3: Un Editor de Sitios Renovado, Una Nueva Paleta de Comandos, Revisiones de Estilo, Nuevos Bloques y \u00a1Mucho M\u00e1s!","datePublished":"2023-07-24T09:55:01+00:00","dateModified":"2023-08-23T08:52:19+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/"},"wordCount":5656,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/whats-new-in-wordpress-63.svg","keywords":["Gutenberg","WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/","url":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/","name":"\u00bfQu\u00e9 hay de nuevo en WordPress 6.3? - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/whats-new-in-wordpress-63.svg","datePublished":"2023-07-24T09:55:01+00:00","dateModified":"2023-08-23T08:52:19+00:00","description":"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.3 con un editor de sitios renovado, un nuevo sistema de patrones, nuevos bloques, mejor rendimiento, \u00a1y mucho m\u00e1s!","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/whats-new-in-wordpress-63.svg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/07\/whats-new-in-wordpress-63.svg","width":1461,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/wordpress-6-3\/#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":"Qu\u00e9 hay de nuevo en WordPress 6.3: Un Editor de Sitios Renovado, Una Nueva Paleta de Comandos, Revisiones de Estilo, Nuevos Bloques y \u00a1Mucho 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\/68314","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=68314"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/68314\/revisions"}],"predecessor-version":[{"id":69099,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/68314\/revisions\/69099"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/68314\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/68314\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/68314\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/68314\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/68314\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/68314\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/68314\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/68314\/translations\/es"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/68314\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/68315"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=68314"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=68314"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=68314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}