{"id":57185,"date":"2022-09-09T09:47:46","date_gmt":"2022-09-09T07:47:46","guid":{"rendered":"https:\/\/staging.kinsta.site\/es\/?p=57185&#038;preview=true&#038;preview_id=57185"},"modified":"2022-11-24T10:38:35","modified_gmt":"2022-11-24T09:38:35","slug":"wordpress-6-1","status":"publish","type":"post","link":"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/","title":{"rendered":"Novedades de WordPress 6.1: Conversi\u00f3n de JPEG a WebP, Tipograf\u00eda Fluida, Sistema de Plantillas Mejorado \u00a1y Mucho M\u00e1s!"},"content":{"rendered":"<p>El lanzamiento de WordPress 6.1 est\u00e1 previsto para el <a href=\"https:\/\/make.wordpress.org\/core\/2022\/07\/26\/wordpress-6-1-planning-roundup-v2\/\" target=\"_blank\" rel=\"noopener noreferrer\">1 de noviembre de 2022<\/a>, y ser\u00e1 la tercera versi\u00f3n importante del a\u00f1o, despu\u00e9s de <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-0\/\">WordPress 6.0 Arturo<\/a>, lanzado el 24 de mayo, y <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-5-9\/\">WordPress 5.9 Josephine<\/a>, lanzado el 25 de enero.<\/p>\n<p>Como siempre sucede, las nuevas versiones de WordPress traen consigo nuevas caracter\u00edsticas, mejoras y correcciones de errores de las \u00faltimas versiones del <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/gutenberg-wordpress-editor\/\">plugin Gutenberg<\/a> en el core. Y WordPress 6.1 no ser\u00e1 una excepci\u00f3n, ya que se fusionar\u00e1n 11 versiones del plugin Gutenberg en el core, desde la 13.1 hasta la 14.1.<\/p>\n<p>Estas son las fechas m\u00e1s importantes del <a href=\"https:\/\/make.wordpress.org\/core\/6-1\/\" target=\"_blank\" rel=\"noopener noreferrer\">calendario de lanzamientos<\/a>:<\/p>\n<ul>\n<li>Beta 1 y Bloqueo de Caracter\u00edsticas: 20 de septiembre de 2022 \u2014 A partir de esta fecha, los colaboradores del core se centrar\u00e1n en probar y corregir errores<\/li>\n<li>Release Candidata 1: 4 de octubre de 2022 \u2014 Publicaci\u00f3n de la Gu\u00eda de Uso con Notas de Desarrollo<\/li>\n<li>Dry Run: 24 de octubre de 2022<\/li>\n<li><strong>Lanzamiento General de WordPress 6.1: 1 de noviembre de 2022<\/strong><\/li>\n<\/ul>\n<p>En el momento de escribir este art\u00edculo, las notas de desarrollo y la gu\u00eda de uso a\u00fan no se han publicado, pero ya podemos echar un vistazo tras el tel\u00f3n y tratar de entender lo que podemos esperar de la pr\u00f3xima versi\u00f3n principal de WordPress.<\/p>\n<p>Matias Ventura nos da algunas ideas en el <a href=\"https:\/\/make.wordpress.org\/core\/2022\/06\/04\/roadmap-to-6-1\/\">Roadmap to 6.1<\/a>, donde dice que el objetivo de la 6.1 es refinar las experiencias introducidas con la 5.9 y la 6.0 y arreglar algunas cosas mientras nos acercamos a la fase 3 del roadmap de Gutenberg.<\/p>\n\n<p><strong>1. Mejoras en el Editor de Plantillas<\/strong>: Una de las principales novedades es el <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/41241\">Editor de Plantillas<\/a>. WordPress 6.1 deber\u00eda introducir la posibilidad de navegar, visualizar y editar la estructura del sitio.<\/p>\n<p><strong>2.<\/strong> <strong>Patrones de Plantillas:<\/strong> El objetivo es <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/issues\/38529\" target=\"_blank\" rel=\"noopener noreferrer\">dar a los patrones de bloques un papel principal<\/a> en la creaci\u00f3n de plantillas y p\u00e1ginas, adapt\u00e1ndolos a los <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-tipos-de-postes-personalizados\/\">tipos de entradas personalizadas<\/a> y a los tipos de bloques, mejorando la funcionalidad de bloqueo, la gesti\u00f3n de los patrones guardados, etc.<\/p>\n<p><strong>3. Estilos y Bloques Globales y Herramientas de Dise\u00f1o<\/strong>: WordPress 6.1 permitir\u00e1 gestionar las webfonts, implementar la tipograf\u00eda responsiva y ampliar el conjunto de herramientas disponibles para los bloques.<\/p>\n<p>Dicho esto, echemos un vistazo a algunas de las caracter\u00edsticas m\u00e1s potentes que llegar\u00e1n con WordPress 6.1:<\/p>\n<p><div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><br \/>\n<\/p>\n<h2>Conversi\u00f3n Autom\u00e1tica de Im\u00e1genes al Formato WebP<\/h2>\n<p><a href=\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-5-8\/#webp-support-in-wordpress-58\">Introducido en WordPress con la versi\u00f3n 5.8,<\/a> <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/webp\/\">WebP es un formato de imagen moderno<\/a> que proporciona una <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/con-perdidas-o-sin-perdidas\/\">compresi\u00f3n superior sin p\u00e9rdidas y con p\u00e9rdidas<\/a> para las im\u00e1genes en la web.<\/p>\n<p>Pero aunque puedes subir tus im\u00e1genes WebP a WordPress utilizando la <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/biblioteca-multimedia-wordpress\/\">Biblioteca Multimedia<\/a>, WordPress no admite la conversi\u00f3n autom\u00e1tica de im\u00e1genes al formato WebP. Para habilitar esa funci\u00f3n en tu sitio web, tendr\u00edas que utilizar un <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/webp\/#how-to-use-webp-images-on-wordpress\">plugin de WordPress para WebP de terceros<\/a>.<\/p>\n<p>A partir de ahora, con WordPress 6.1, las im\u00e1genes de tama\u00f1o inferior se crear\u00e1n autom\u00e1ticamente en <a href=\"https:\/\/core.trac.wordpress.org\/changeset\/53751\">formatos de archivo alternativos<\/a>. Adem\u00e1s, WordPress 6.1 introduce tres nuevos <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-hooks\/\">filtros<\/a> que permiten a los desarrolladores controlar el tipo mime de los subtama\u00f1os generados y utilizados por WordPress en el front end.<\/p>\n<p>Y, con la versi\u00f3n 6.1, WordPress generar\u00e1 y utilizar\u00e1 subtama\u00f1os WebP cuando est\u00e9n disponibles por defecto.<\/p>\n<p>Cuando un usuario sube una <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/jpg-vs-jpeg\/\">imagen JPEG<\/a>, WordPress puede generar autom\u00e1ticamente los subtama\u00f1os WebP y JPEG. As\u00ed, WordPress podr\u00e1 servir im\u00e1genes WebP en el front end. Las im\u00e1genes JPEG se utilizar\u00e1n en contextos en los que todav\u00eda no se admita WebP (por ejemplo, el correo electr\u00f3nico).<\/p>\n<p>Esta es la configuraci\u00f3n por defecto. Los desarrolladores podr\u00e1n anular la configuraci\u00f3n por defecto y determinar qu\u00e9 <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/tipos-de-archivos-de-imagen\/\">formato de imagen<\/a> utilizar <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/55443\">mediante filtros<\/a>.<\/p>\n<p>Cuando se generan nuevos tipos mime, s\u00f3lo se conservan las im\u00e1genes cuyos tama\u00f1os son menores que sus respectivos originales. Por defecto, s\u00f3lo se generan tipos mime adicionales para los tama\u00f1os de imagen por defecto y para los tama\u00f1os personalizados cuando hayas optado por el soporte.<\/p>\n<p>Este cambio tambi\u00e9n introduce tres nuevos filtros que proporcionan un control total sobre la salida de tipos mime secundarios:<\/p>\n<ul>\n<li><code>wp_image_sizes_with_additional_mime_type_support<\/code> permite a los desarrolladores controlar el tipo mime de la imagen en funci\u00f3n de su tama\u00f1o<\/li>\n<li><code>wp_upload_image_mime_transforms<\/code> permite a los desarrolladores controlar el tipo mime de la imagen para una entrada determinada e incluso anular el tipo mime original<\/li>\n<li><code>wp_content_image_mimes<\/code> puede utilizarse para controlar el orden de salida del tipo mime para las im\u00e1genes de contenido. Al renderizar las im\u00e1genes en la p\u00e1gina, se utilizar\u00e1 el primer tipo mime disponible.<\/li>\n<\/ul>\n<p>Este cambio deber\u00eda suponer una <a href=\"https:\/\/github.com\/WordPress\/performance\/issues\/7#issuecomment-1083071280\">reducci\u00f3n del tama\u00f1o de los archivos<\/a> del 30% como media<\/p>\n<p>Antes del lanzamiento final de la versi\u00f3n 6.1, puedes probar la nueva funci\u00f3n con el <a href=\"https:\/\/wordpress.org\/plugins\/performance-lab\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin Performance Lab<\/a> del Grupo de Rendimiento de WordPress.<\/p>\n<figure id=\"attachment_131156\" aria-describedby=\"caption-attachment-131156\" style=\"width: 1158px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131156 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/webp-images.jpg\" alt=\"Im\u00e1genes WebP\" width=\"1158\" height=\"758\"><figcaption id=\"caption-attachment-131156\" class=\"wp-caption-text\">Una imagen JPEG con subdimensiones WebP y JPEG en WordPress 6.1<\/figcaption><\/figure>\n<p>Sin embargo, el cambio parece controvertido, y muchos colaboradores siguen informando de problemas. En concreto, <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/55443#comment:43\">se ha detectado que<\/a>:<\/p>\n<blockquote><p>Los recursos para generar im\u00e1genes al subir una imagen aumentar\u00e1n dr\u00e1sticamente, sin embargo los recursos para servir una imagen se reducir\u00e1n. Dado que la subida de im\u00e1genes es muy poco frecuente en comparaci\u00f3n con el servicio de im\u00e1genes, el esfuerzo adicional para comprimir y almacenar im\u00e1genes deber\u00eda merecer la pena.<\/p><\/blockquote>\n<p><a href=\"https:\/\/core.trac.wordpress.org\/ticket\/55443#comment:112\" target=\"_blank\" rel=\"noopener noreferrer\">Y<\/a>:<\/p>\n<blockquote><p>En realidad ese aumento dram\u00e1tico del uso de recursos al subir una imagen es un efecto secundario muy negativo. Significa que muchas subidas fallar\u00e1n y dejar\u00e1n a los usuarios tirados. Tambi\u00e9n aumentar\u00e1n dram\u00e1ticamente las solicitudes de soporte tanto para WordPress como para las empresas de alojamiento. Esto no es aceptable. Por eso, aunque el soporte de im\u00e1genes multi-mime sea necesario en WordPress, el enfoque actual no parece una buena soluci\u00f3n.<\/p><\/blockquote>\n<p>As\u00ed que, en el momento de escribir este art\u00edculo, todav\u00eda no est\u00e1 claro si el uso del formato WebP en los subtama\u00f1os de las im\u00e1genes estar\u00e1 habilitado por defecto o el administrador del sitio tendr\u00e1 que optar por servir el formato WebP en el front-end de su sitio web. Mientras tanto, se ha <a href=\"https:\/\/meta.trac.wordpress.org\/changeset\/12023\" target=\"_blank\" rel=\"noopener noreferrer\">desactivado temporalmente<\/a> la conversi\u00f3n autom\u00e1tica de JPEG a WEBP. Si quieres ver un resumen significativo del debate en cuesti\u00f3n, consulta <a href=\"https:\/\/wptavern.com\/webp-by-default-on-hold-for-6-1-after-new-objections-from-wordpress-lead-developers\" target=\"_blank\" rel=\"noopener noreferrer\">el art\u00edculo de Sara Gooding<\/a> en WP Tavern.<\/p>\n<figure id=\"attachment_131447\" aria-describedby=\"caption-attachment-131447\" style=\"width: 1664px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131447 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/jpeg-to-webp-disabled.jpg\" alt=\"La conversi\u00f3n autom\u00e1tica de JPEG a WEBP se ha desactivado temporalmente \" width=\"1664\" height=\"1186\"><figcaption id=\"caption-attachment-131447\" class=\"wp-caption-text\">La conversi\u00f3n autom\u00e1tica de JPEG a WEBP se ha desactivado temporalmente (ver <a href=\"https:\/\/meta.trac.wordpress.org\/changeset\/12023\" target=\"_blank\" rel=\"noopener noreferrer\">Changeset 12023<\/a>)<\/figcaption><\/figure>\n<h2>Tipograf\u00eda Fluida<\/h2>\n<p>WordPress 6.1 a\u00f1ade soporte para la <a href=\"https:\/\/make.wordpress.org\/core\/2022\/08\/04\/whats-new-in-gutenberg-13-8-3-august\/#fluid-typography-support\">Tipograf\u00eda Fluida<\/a> a trav\u00e9s de las funciones CSS <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/calc\"><code>calc<\/code><\/a>\/<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/clamp\"><code>clamp<\/code><\/a>.<\/p>\n<p>La expresi\u00f3n <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/27\/block-font-sizes-and-fluid-typography\/\">Tipograf\u00eda fluida<\/a> describe la capacidad del texto de adaptarse a la anchura de la ventana gr\u00e1fica, escalando suavemente de una anchura m\u00ednima a una m\u00e1xima.<\/p>\n<p>Es algo diferente de lo que puedes conseguir con las media queries, ya que las media queries permiten que los temas cambien el tama\u00f1o del texto en funci\u00f3n de tama\u00f1os espec\u00edficos de la ventana gr\u00e1fica, pero no hacen nada entre diferentes valores.<\/p>\n<p>Algunos temas ya admiten la tipograf\u00eda fluida. <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/temas-de-twenty-twenty-two\/\">Twenty Twenty-Two<\/a>, por ejemplo, utiliza la funci\u00f3n CSS <code>clamp()<\/code> para varios tama\u00f1os de fuente. Por ejemplo:<\/p>\n<pre><code class=\"language-json\">\"settings\": {\n\t...\n\t\"custom\": {\n\t\t\"spacing\": {\n\t\t\t\"small\": \"max(1.25rem, 5vw)\",\n\t\t\t\"medium\": \"clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)))\",\n\t\t\t\"large\": \"clamp(4rem, 10vw, 8rem)\",\n\t\t\t\"outer\": \"var(--wp--custom--spacing--small, 1.25rem)\"\n\t\t},\n\t\t\"typography\": {\n\t\t\t\"font-size\": {\n\t\t\t\t\"huge\": \"clamp(2.25rem, 4vw, 2.75rem)\",\n\t\t\t\t\"gigantic\": \"clamp(2.75rem, 6vw, 3.25rem)\",\n\t\t\t\t\"colossal\": \"clamp(3.25rem, 8vw, 6.25rem)\"\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Como puedes ver en el c\u00f3digo anterior, se utilizan valores de tama\u00f1o de fuente fluida para cada uno de los tama\u00f1os de fuente.<\/p>\n<p>Ahora, a partir de WordPress 6.1, los temas est\u00e1n habilitados para <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/27\/block-font-sizes-and-fluid-typography\/\">generar autom\u00e1ticamente tama\u00f1os de fuente fluidos<\/a> declarando la nueva propiedad <code>typography.fluid<\/code> como sigue:<\/p>\n<pre><code class=\"language-json\">\"settings\": {\n\t....\n\t\"typography\": {\n\t\t\"fluid\": true,\n\t\t\"fontSizes\": [\n\t\t\t{\n\t\t\t\t\"size\": \"2rem\",\n\t\t\t\t\"fluid\": {\n\t\t\t\t\t\"min\": \"2rem\",\n\t\t\t\t\t\"max\": \"2.5rem\"\n\t\t\t\t},\n\t\t\t\t\"slug\": \"medium\",\n\t\t\t\t\"name\": \"Medium\"\n\t\t\t}\n\t\t]\n}<\/code><\/pre>\n<p>Usando <code>typography.fluid<\/code> y <code>typography.fontSizes[].fluid<\/code>, el valor de cada tama\u00f1o de fuente se calcula autom\u00e1ticamente usando la siguiente <a href=\"https:\/\/richtabor.com\/fluid-typography-block-themes\/\" target=\"_blank\" rel=\"noopener noreferrer\">f\u00f3rmula<\/a>:<\/p>\n<pre><code class=\"language-css\">--wp--preset--font-size--{slug}: clamp({fluid.min}, {fluid.min} + ((1vw - 0.48rem) * 1.592), {fluid.max});<\/code><\/pre>\n<p>Por ejemplo:<\/p>\n<pre><code class=\"language-css\">--wp--preset--font-size--large: clamp(2rem, 2rem + ((1vw - 0.48rem) * 1.592), {2.5rem});<\/code><\/pre>\n<p>Ten en cuenta que, en el momento de escribir este art\u00edculo, la tipograf\u00eda fluida es una funci\u00f3n experimental. Puedes profundizar en los detalles t\u00e9cnicos en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39529\">Soporte de bloques: a\u00f1adir tipograf\u00eda fluida<\/a>.<\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">Fluid typography is a significant improvement for building modern <a href=\"https:\/\/twitter.com\/hashtag\/WordPress?src=hash&amp;ref_src=twsrc%5Etfw\">#WordPress<\/a> websites. We just updated <a href=\"https:\/\/twitter.com\/frostwp?ref_src=twsrc%5Etfw\">@frostwp<\/a> to include this feature. Here\u2019s a great read from @richard_tabor into what it is and why it matters. <a href=\"https:\/\/t.co\/Bq5YuHX3wi\">https:\/\/t.co\/Bq5YuHX3wi<\/a><\/p>\n<p>&mdash; Brian Gardner (@bgardner) <a href=\"https:\/\/twitter.com\/bgardner\/status\/1556636761228513283?ref_src=twsrc%5Etfw\">August 8, 2022<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>Consulta tambi\u00e9n <a href=\"https:\/\/richtabor.com\/fluid-typography-block-themes\/\">C\u00f3mo a\u00f1adir Tipograf\u00eda Fluida a los Temas de Bloque de WordPress<\/a>, por Rich Tabor, y <a href=\"https:\/\/fullsiteediting.com\/lessons\/theme-json-typography-options\/#h-fluid-typography-with-gutenberg\">Tipograf\u00eda fluida con Gutenberg<\/a>, por Carolina Nymark.<\/p>\n<h2>Nuevos y Mejorados Tipos de Bloques<\/h2>\n<p>Con tantas versiones de Gutenberg fusionadas en el core, WordPress 6.1 va a incorporar un novedoso bloque de tabla de contenidos y un mont\u00f3n de cambios y mejoras en los tipos de bloques existentes.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"11\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Nuevo Bloque de Tabla de Contenidos<\/h3>\n<p>Lanzado por primera vez en <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/26\/whats-new-in-gutenberg-13-3-0-may-25\/#toc-block\">Gutenberg 13.3<\/a>, ya est\u00e1 disponible un nuevo bloque de Tabla de Contenidos como bloque experimental. Una vez a\u00f1adido a tu publicaci\u00f3n o p\u00e1gina, el bloque de Tabla de Contenidos detectar\u00e1 cualquier bloque de Encabezado a\u00f1adido al contenido y lo mostrar\u00e1 como <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/enlaces-ancla\/\">enlaces de anclaje<\/a> en una lista ordenada.<\/p>\n<figure id=\"attachment_131152\" aria-describedby=\"caption-attachment-131152\" style=\"width: 1908px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131152 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/table-of-contents.jpg\" alt=\"El nuevo Bloque de Tabla de Contenidos\" width=\"1908\" height=\"1200\"><figcaption id=\"caption-attachment-131152\" class=\"wp-caption-text\">El nuevo bloque de Tabla de Contenidos muestra los encabezados en una lista ordenada de elementos<\/figcaption><\/figure>\n\n<h3>A\u00f1adido Soporte de Bordes para el Bloque de Columnas<\/h3>\n<p>El bloque Columnas ahora aprovecha el <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/38876\" target=\"_blank\" rel=\"noopener noreferrer\">nuevo componente BorderBoxControl<\/a> que permite a los usuarios de WordPress especificar bordes personalizados para las columnas, estableciendo tambi\u00e9n estilos completamente diferentes para cada borde (ver tambi\u00e9n <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/39967\">Columna: A\u00f1adir soporte de bordes a los bloques de columnas<\/a> pull request).<\/p>\n<figure id=\"attachment_131136\" aria-describedby=\"caption-attachment-131136\" style=\"width: 1902px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131136 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/columns-block-borders.jpg\" alt=\"Una captura de pantalla que muestra c\u00f3mo personalizar los bordes de las columnas en WordPress 6.1\" width=\"1902\" height=\"1102\"><figcaption id=\"caption-attachment-131136\" class=\"wp-caption-text\">Personalizando los bordes de las columnas en WordPress 6.1<\/figcaption><\/figure>\n<p>Los bordes individuales tambi\u00e9n pueden establecerse en el archivo <em>theme.json<\/em> de la siguiente manera:<\/p>\n<pre><code class=\"language-json\">\"core\/column\": {\n\t\"border\": {\n\t\t\"top\": {\n\t\t\t\"color\": \"#CA2315\",\n\t\t\t\"style\": \"dashed\",\n\t\t\t\"width\": \"6px\"\n\t\t},\n\t\t\"right\": {\n\t\t\t\"color\": \"#FCB900\",\n\t\t\t\"style\": \"solid\",\n\t\t\t\"width\": \"6px\"\n\t\t}\n\t}\n}<\/code><\/pre>\n<p>Los desarrolladores pueden leer m\u00e1s sobre el nuevo control en <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/components\/border-box-control\/\" target=\"_blank\" rel=\"noopener noreferrer\">Referencia de componentes \u2014 BorderBoxControl<\/a>.<\/p>\n<h3>Controles de Borde para Bloques de Imagen<\/h3>\n<p><a href=\"https:\/\/make.wordpress.org\/core\/2022\/08\/04\/whats-new-in-gutenberg-13-8-3-august\/#border-controls-for-image-blocks\" target=\"_blank\" rel=\"noopener noreferrer\">Gutenberg 13.8<\/a> ha introducido la compatibilidad con todos los controles de borde para el bloque Imagen. El cambio se <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/31366\" target=\"_blank\" rel=\"noopener noreferrer\">a\u00f1adir\u00e1 al core<\/a> con WordPress 6.1, abriendo la puerta a nuevas y grandes oportunidades para los creativos web.<\/p>\n<figure id=\"attachment_131141\" aria-describedby=\"caption-attachment-131141\" style=\"width: 1892px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131141 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/image-border-controls.jpg\" alt=\"Controles de los bordes de las im\u00e1genes en WordPress 6.1\" width=\"1892\" height=\"1108\"><figcaption id=\"caption-attachment-131141\" class=\"wp-caption-text\">Controles de los bordes de las im\u00e1genes en WordPress 6.1<\/figcaption><\/figure>\n<h3>Mejoras en el Bloque de Comentarios<\/h3>\n<p>WordPress 6.1 tambi\u00e9n nos trae un <strong>Bloque de Comentarios<\/strong> mejorado. A partir de la pr\u00f3xima versi\u00f3n de WordPress, los usuarios podr\u00e1n utilizar funciones de edici\u00f3n m\u00e1s avanzadas en el Bloque de comentarios.<\/p>\n<p>En la siguiente imagen, puedes ver la barra lateral de configuraci\u00f3n del bloque Comentarios y los cambios aplicados al T\u00edtulo de los Comentarios.<\/p>\n<figure id=\"attachment_131142\" aria-describedby=\"caption-attachment-131142\" style=\"width: 1902px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131142 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/improved-comments-block.jpg\" alt=\"El bloque de Comentarios mejorado en WordPress 6.1\" width=\"1902\" height=\"1198\"><figcaption id=\"caption-attachment-131142\" class=\"wp-caption-text\">WordPress 6.1 trae un bloque de Comentarios mejorado<\/figcaption><\/figure>\n<h3>Variaciones del Bloque Post Terms para T\u00e9rminos de Taxonom\u00eda Personalizados<\/h3>\n<p>El bloque <strong>Post Terms<\/strong> ha sido mejorado con una nueva variaci\u00f3n de <a href=\"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/que-es-una-taxonomia\/\">taxonom\u00eda personalizada<\/a>. Ahora puedes registrar una nueva taxonom\u00eda personalizada, por ejemplo el tipo de entrada \u00abActores en una pel\u00edcula\u00bb, y podr\u00e1s a\u00f1adir una lista de t\u00e9rminos de taxonom\u00eda a la entrada actual o al tipo de entrada personalizada.<\/p>\n<figure id=\"attachment_131153\" aria-describedby=\"caption-attachment-131153\" style=\"width: 1348px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131153 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/taxonomy.jpg\" alt=\"Una imagen que muestra los t\u00e9rminos de taxonom\u00eda personalizados para un bloque Post Terms\" width=\"1348\" height=\"856\"><figcaption id=\"caption-attachment-131153\" class=\"wp-caption-text\">T\u00e9rminos de taxonom\u00eda personalizados para un bloque de t\u00e9rminos de entrada<\/figcaption><\/figure>\n<p>La siguiente imagen muestra una lista de actores en un tipo de post de pel\u00edcula.<\/p>\n<figure id=\"attachment_131148\" aria-describedby=\"caption-attachment-131148\" style=\"width: 1910px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131148 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/post-term-block.jpg\" alt=\"Personalizaci\u00f3n de la apariencia de un bloque de Post Terms con t\u00e9rminos de taxonom\u00eda personalizados\" width=\"1910\" height=\"1130\"><figcaption id=\"caption-attachment-131148\" class=\"wp-caption-text\">Personalizar la apariencia de un bloque de T\u00e9rminos de Publicaci\u00f3n con t\u00e9rminos de taxonom\u00eda personalizados<\/figcaption><\/figure>\n<h3>Un Nuevo Filtro Parents para el Bloque Query<\/h3>\n<p>Ahora hay un nuevo <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/26\/whats-new-in-gutenberg-13-3-0-may-25\/#query-loop-parent-filter\">filtro Parents<\/a> para el Bloque Query que permite mostrar jerarquizadas las entradas y p\u00e1ginas que tienen el mismo padre.<\/p>\n<figure id=\"attachment_131150\" aria-describedby=\"caption-attachment-131150\" style=\"width: 1912px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131150 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/query-block-parents-filter.jpg\" alt=\"Visualizaci\u00f3n de entradas con el mismo padre en un bloque Query Loop\" width=\"1912\" height=\"1132\"><figcaption id=\"caption-attachment-131150\" class=\"wp-caption-text\">Un nuevo filtro Parents permite mostrar entradas con el mismo padre en un bloque Query<\/figcaption><\/figure>\n<h3>Controles de Font Family en el Bloque de Encabezamiento<\/h3>\n<p>El bloque Encabezado <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/26\/whats-new-in-gutenberg-13-3-0-may-25\/#other-highlights\" target=\"_blank\" rel=\"noopener noreferrer\">ahora admite<\/a> controles de Font Family<\/p>\n<figure id=\"attachment_131139\" aria-describedby=\"caption-attachment-131139\" style=\"width: 1912px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131139 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/font-family-in-heading-block.jpg\" alt=\"Una imagen que muestra c\u00f3mo establecer una font family personalizada en un bloque de encabezado en WordPress 6.1\" width=\"1912\" height=\"592\"><figcaption id=\"caption-attachment-131139\" class=\"wp-caption-text\">Estableciendo una font family personalizada en un bloque Encabezado<\/figcaption><\/figure>\n<h3>Espaciado Horizontal y Vertical en el Bloque Galer\u00eda<\/h3>\n<p>A partir de WordPress 6.1, un nuevo <a href=\"https:\/\/make.wordpress.org\/core\/2022\/06\/10\/whats-new-in-gutenberg-13-4-8-june\/#axial-spacing-in-gallery-block\" target=\"_blank\" rel=\"noopener noreferrer\">control de espaciado axial<\/a> te permite establecer diferentes espacios horizontales y verticales para las im\u00e1genes en el bloque <strong>Galer\u00eda<\/strong>.<\/p>\n<p>Este cambio supone una mayor flexibilidad a la hora de crear la <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/41175\" target=\"_blank\" rel=\"noopener noreferrer\">disposici\u00f3n de las galer\u00edas de im\u00e1genes<\/a>.<\/p>\n<figure id=\"attachment_131134\" aria-describedby=\"caption-attachment-131134\" style=\"width: 1792px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131134 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/axial-spacing-gallery-images.jpg\" alt=\"Nuevo dise\u00f1o de galer\u00edas de im\u00e1genes en WordPress 6.1\" width=\"1792\" height=\"1016\"><figcaption id=\"caption-attachment-131134\" class=\"wp-caption-text\">Personalizando los espacios horizontales y verticales en un bloque de Galer\u00eda<\/figcaption><\/figure>\n<h3>Im\u00e1genes Destacadas en el Bloque Portada<\/h3>\n<p>Las <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/imagen-destacada-de-wordpress-no-se-muestra\/\">im\u00e1genes destacadas<\/a> siguen recibiendo mucha atenci\u00f3n, y en WordPress 6.1, el alcance de su uso se ampl\u00eda a\u00fan m\u00e1s. A partir de la versi\u00f3n 6.1, la imagen destacada puede <a href=\"https:\/\/make.wordpress.org\/core\/2022\/07\/20\/whats-new-in-gutenberg-13-7-20-july\/#notable\" target=\"_blank\" rel=\"noopener noreferrer\">seleccionarse directamente<\/a> desde el marcador de posici\u00f3n del bloque de portada, como se muestra en las siguientes im\u00e1genes.<\/p>\n<figure id=\"attachment_131154\" aria-describedby=\"caption-attachment-131154\" style=\"width: 1230px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131154 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/use-featured-image-in-cover-block-1.jpg\" alt=\"Una imagen que muestra la posibilidad de utilizar una Imagen Destacada en el marcador de posici\u00f3n del bloque de Portada\" width=\"1230\" height=\"642\"><figcaption id=\"caption-attachment-131154\" class=\"wp-caption-text\">Utilizar una imagen destacada en el marcador de posici\u00f3n del bloque de portada<\/figcaption><\/figure>\n<p>Este cambio deber\u00eda ayudar a crear una experiencia de usuario m\u00e1s consistente, haciendo m\u00e1s claro para el usuario lo que est\u00e1 personalizando.<\/p>\n<p>Adem\u00e1s, se ha a\u00f1adido un <a href=\"https:\/\/make.wordpress.org\/core\/2022\/06\/22\/whats-new-in-gutenberg-13-5-22-june\/#featured-images\">conmutador de Im\u00e1genes Destacadas<\/a> al <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/41476\">flujo de sustituci\u00f3n de medios<\/a>.<\/p>\n<p>Usar Im\u00e1genes Destacadas en el flujo de reemplazo de medios<\/p>\n<h3>Herramientas de Apariencia para los Enlaces de Navegaci\u00f3n de las Publicaciones<\/h3>\n<p>La propiedad de ajuste <code>appearanceTools<\/code> te permite optar por varios ajustes que est\u00e1n desactivados por defecto.<\/p>\n<p>Desde WordPress 6.1, para los temas que soportan la propiedad de ajuste <code>appearanceTools<\/code>, puedes <a href=\"https:\/\/make.wordpress.org\/core\/2022\/06\/22\/whats-new-in-gutenberg-13-5-22-june\/#post-navigation-link\" target=\"_blank\" rel=\"noopener noreferrer\">personalizar el color del enlace y font family<\/a> en el <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/41378\">Enlace de Navegaci\u00f3n de la Entrada<\/a>.<\/p>\n<figure id=\"attachment_131147\" aria-describedby=\"caption-attachment-131147\" style=\"width: 1804px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131147 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/post-navigation-links-appearancetools.jpg\" alt=\"Personalizaci\u00f3n del color del enlace en los Enlaces de Navegaci\u00f3n de la Publicaci\u00f3n\" width=\"1804\" height=\"1054\"><figcaption id=\"caption-attachment-131147\" class=\"wp-caption-text\">Personalizar el color de los enlaces en los Enlaces de Navegaci\u00f3n de Entradas<\/figcaption><\/figure>\n<p>Puedes leer m\u00e1s sobre la propiedad <code>appearanceTools<\/code> en nuestra <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/temas-de-twenty-twenty-two\/#layout-and-appearance-tools\">introducci\u00f3n al tema Twenty Twenty-Two<\/a>.<\/p>\n<h3>Bloqueo Dentro del Bloque de Contenedores con un Solo Clic<\/h3>\n<p>Un nuevo conmutador permite ahora a los usuarios <a href=\"https:\/\/make.wordpress.org\/core\/2022\/07\/20\/whats-new-in-gutenberg-13-7-20-july\/#lock\">bloquear bloques dentro de un contenedor<\/a> de bloques con un solo clic. Esto se aplica a los bloques de <strong>Grupo<\/strong>, <strong>Portada<\/strong> y <strong>Columna<\/strong>.<\/p>\n<figure id=\"attachment_131144\" aria-describedby=\"caption-attachment-131144\" style=\"width: 2050px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131144 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/lock-inside-group.jpg\" alt=\"Bloquear un grupo dentro de una columna\" width=\"2050\" height=\"1346\"><figcaption id=\"caption-attachment-131144\" class=\"wp-caption-text\">Bloquear dentro del bloque de grupo<\/figcaption><\/figure>\n\n<h2>Funciones Adicionales y Mejoras en el Editor de Bloques<\/h2>\n<p>Aunque se trata de una versi\u00f3n de consolidaci\u00f3n, WordPress 6.1 traer\u00e1 tantos cambios y mejoras que ser\u00eda imposible enumerarlos todos en un art\u00edculo. Adem\u00e1s del nuevo bloque de Tabla de Contenidos y de los cambios enumerados anteriormente, veremos:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"5\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Variaciones de Partes de Plantilla en el Insertador de Bloques<\/h3>\n<p>Las variaciones de partes de plantillas est\u00e1n <a href=\"https:\/\/make.wordpress.org\/core\/2022\/08\/04\/whats-new-in-gutenberg-13-8-3-august\/#template-part-ux-improvements\">ahora disponibles en el insertador de bloques<\/a>, lo que facilita la <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-jerarquia-plantillas\/\">adici\u00f3n de partes de plantillas a tu sitio web<\/a>.<\/p>\n<figure id=\"attachment_131523\" aria-describedby=\"caption-attachment-131523\" style=\"width: 2316px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131523 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/template-part-variations.jpg\" alt=\"A\u00f1ade f\u00e1cilmente partes de plantillas a tu sitio web\" width=\"2316\" height=\"1122\"><figcaption id=\"caption-attachment-131523\" class=\"wp-caption-text\">Variaciones de las partes de la plantilla del encabezado en WordPress 6.1<\/figcaption><\/figure>\n<p>Este cambio hace que el proceso de edici\u00f3n sea m\u00e1s sencillo y r\u00e1pido, permitiendo a los usuarios ver r\u00e1pidamente las variaciones de una parte de la plantilla de una sola vez con s\u00f3lo unos pocos clics.<\/p>\n<h3>Visualizar el Margen y el Relleno<\/h3>\n<p>Una peque\u00f1a pero \u00fatil mejora es el resaltado de los m\u00e1rgenes y el relleno mientras el usuario los ajusta. Esto deber\u00eda hacer mucho m\u00e1s clara la cantidad de espacio que se est\u00e1 a\u00f1adiendo dentro o fuera de los elementos.<\/p>\n<figure id=\"attachment_131145\" aria-describedby=\"caption-attachment-131145\" style=\"width: 1908px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131145 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/margin-padding.jpg\" alt=\"Margen y relleno destacados dentro de la nueva versi\u00f3n de WordPress 6.1\" width=\"1908\" height=\"1100\"><figcaption id=\"caption-attachment-131145\" class=\"wp-caption-text\">Resaltado de m\u00e1rgenes y relleno<\/figcaption><\/figure>\n<h3>Mejoras en la Barra Lateral de Configuraci\u00f3n<\/h3>\n<p>WordPress 6.1 tambi\u00e9n mostrar\u00e1 varias mejoras en la interfaz de la <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/barra-lateral-de-registro-wordpress\/\">barra lateral<\/a> de Ajustes.<\/p>\n<p>La barra lateral de ajustes de la entrada ha sido ligeramente redise\u00f1ada. Ahora los campos de formato de entrada, <a href=\"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/wordpress-slug\/\">slug<\/a>, plantilla y autores est\u00e1n alineados y tienen el mismo ancho. Adem\u00e1s, el programador de publicaciones se ha simplificado para que la experiencia sea m\u00e1s comprensible. La secci\u00f3n de plantillas tambi\u00e9n se ha trasladado a una ventana emergente para ahorrar espacio y limpiar la interfaz.<\/p>\n<figure id=\"attachment_131138\" aria-describedby=\"caption-attachment-131138\" style=\"width: 1181px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131138 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/document-settings.jpg\" alt=\"Una barra lateral de ajustes simplificada y m\u00e1s f\u00e1cil de gestionar\" width=\"1181\" height=\"1632\"><figcaption id=\"caption-attachment-131138\" class=\"wp-caption-text\">WordPress 6.1 mostrar\u00e1 una barra lateral de ajustes simplificada<\/figcaption><\/figure>\n<p>Adem\u00e1s, el panel de plantillas ha sido sustituido por un enlace de plantillas. Al hacer clic, el enlace de plantilla muestra la <strong>Plantilla predeterminada<\/strong> en un popover.<\/p>\n<figure id=\"attachment_131137\" aria-describedby=\"caption-attachment-131137\" style=\"width: 656px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131137 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/default-template.jpg\" alt=\"Una imagen que muestra el popover de la plantilla por defecto\" width=\"656\" height=\"504\"><figcaption id=\"caption-attachment-131137\" class=\"wp-caption-text\">El popover de plantilla en WordPress 6.1<\/figcaption><\/figure>\n\n<h3>Actualizaciones del Dise\u00f1o del Popover de Publicaci\u00f3n<\/h3>\n<p>El selector de fecha en el popover de Publicar <a href=\"https:\/\/make.wordpress.org\/core\/2022\/06\/10\/whats-new-in-gutenberg-13-4-8-june\/#sidebar-design-updates\" target=\"_blank\" rel=\"noopener noreferrer\">ha sido redise\u00f1ado<\/a> y ahora utiliza \u00abcomponentes existentes de WordPress y el estilo de Emotion\u00bb<\/p>\n<figure id=\"attachment_131149\" aria-describedby=\"caption-attachment-131149\" style=\"width: 1120px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131149 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/publish-panel.jpg\" alt=\"El selector de fecha renovado con opciones de estilo adicionales\" width=\"1120\" height=\"1008\"><figcaption id=\"caption-attachment-131149\" class=\"wp-caption-text\">WordPress 6.1 muestra un selector de fecha renovado<\/figcaption><\/figure>\n<p>Hay m\u00e1s informaci\u00f3n t\u00e9cnica disponible en las <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/41097\">Actualizaciones de dise\u00f1o del popover de Publicaci\u00f3n (<code>DateTimePicker<\/code>)<\/a>.<\/p>\n<h3>Tiempo de Lectura en el Panel de Informaci\u00f3n<\/h3>\n<p>El panel de informaci\u00f3n disponible en la barra de herramientas superior ha sido mejorado y ahora muestra el <strong>Tiempo de lectura<\/strong> adem\u00e1s de Palabras, Caracteres, Encabezados, P\u00e1rrafos y <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/bloques-dinamicos\/\">Bloques<\/a>.<\/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:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/info-panel.jpg\" alt=\"En WordPress 6.1, el panel de informaci\u00f3n muestra ahora Tiempo de lectura\" width=\"1452\" height=\"802\"><figcaption id=\"caption-attachment-131143\" class=\"wp-caption-text\">El panel de informaci\u00f3n ahora muestra el Tiempo de lectura<\/figcaption><\/figure>\n<p>El tiempo de lectura estimado se calcula sobre una media de 189 palabras por minuto. Leer m\u00e1s en <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/41611\">@wordpress\/editor: A\u00f1ade el tiempo estimado de lectura al \u00edndice de contenidos en el editor.<\/a><\/p>\n<h2>Herramientas de Construcci\u00f3n Nuevas y Mejoradas<\/h2>\n<p>WordPress 6.1 tambi\u00e9n ampliar\u00e1 la funcionalidad del Constructor de Sitios. Los patrones de bloques estar\u00e1n disponibles en m\u00e1s lugares y una mayor selecci\u00f3n de tipos de plantillas mejorar\u00e1 la experiencia de edici\u00f3n en el editor de plantillas.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"2\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Patrones de Creaci\u00f3n de Tipos de Entradas<\/h3>\n<p>WordPress 6.0 introdujo los <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-0\/#block-patterns-everywhere\">Patrones de Creaci\u00f3n de P\u00e1ginas<\/a>, que son una forma de proporcionar una selecci\u00f3n de patrones cada vez que un usuario crea una nueva p\u00e1gina. De esta forma, no tienes que construir la p\u00e1gina desde cero, sino que puedes elegir un patr\u00f3n de un modal y rellenar el contenido, y ya est\u00e1 listo.<\/p>\n<p>Para activar esta funci\u00f3n, al menos un patr\u00f3n de bloque debe declarar la compatibilidad con los tipos de bloque de <code>core\/post-content<\/code>.<\/p>\n<p>Ahora, a partir de WordPress 6.1, esta funci\u00f3n se extiende a todos los tipos de entradas. Todo lo que tienes que hacer es incluir <code>core\/post-content<\/code> en el patr\u00f3n <code>blockTypes<\/code> y establecer el correspondiente <code>postTypes<\/code>.<\/p>\n<p>Ahora vamos a ver c\u00f3mo aprovechar esta nueva funci\u00f3n con un ejemplo pr\u00e1ctico. Supongamos que tienes un tipo de entrada Pel\u00edcula.<\/p>\n<p>En primer lugar, tienes que registrar un patr\u00f3n de bloque, tal y como se explica <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/41791\" target=\"_blank\" rel=\"noopener noreferrer\">aqu\u00ed<\/a>.<\/p>\n<p>O puedes ir por el camino f\u00e1cil y utilizar el <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-0\/#block-patterns-everywhere\">registro impl\u00edcito de patrones<\/a> (para simplificar este ejemplo, utilizaremos el registro impl\u00edcito de patrones).<\/p>\n<p>Crea un archivo PHP para tu patr\u00f3n de bloques en el directorio <em>\/patterns<\/em> de la carpeta de tu tema (para este ejemplo, hemos utilizado <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/temas-de-twenty-twenty-two\/\">Twenty Twenty-Two<\/a>). A continuaci\u00f3n, a\u00f1ade el siguiente encabezamiento:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Title: Pattern with columns\n * Slug: twentytwentytwo\/pattern-with-columns\n * Block Types: core\/post-content\n * Post Types: movie\n * Categories: text\n *\/\n?&gt;\n&lt;!-- wp:heading --&gt;\n&lt;h2&gt;Hello there!&lt;\/h2&gt;\n&lt;!-- wp:heading --&gt;<\/code><\/pre>\n<p>Y eso es todo. Ahora, cada vez que cree un nuevo tipo de entrada de Pel\u00edcula, aparecer\u00e1 en la pantalla un modal de <strong>Elegir un patr\u00f3n<\/strong>.<\/p>\n<figure id=\"attachment_131135\" aria-describedby=\"caption-attachment-131135\" style=\"width: 1924px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131135 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/choose-a-pattern-modal.jpg\" alt=\"Se muestra un modal en la pantalla cuando el usuario crea un nuevo tipo de entrada\" width=\"1924\" height=\"1192\"><figcaption id=\"caption-attachment-131135\" class=\"wp-caption-text\">Aparece un modal en la pantalla cuando el usuario crea un nuevo tipo de entrada<\/figcaption><\/figure>\n<p>Si quieres que el modal se muestre en varios tipos de post, s\u00f3lo tienes que a\u00f1adir los slugs correspondientes separados por comas:<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/**\n * Title: Pattern with columns\n * Slug: twentytwentytwo\/pattern-with-columns\n * Block Types: core\/post-content\n * Post Types: movie, book\n * Categories: text\n *\/\n?&gt;\n&lt;!-- wp:heading --&gt;\n&lt;h2&gt;Hello there!&lt;\/h2&gt;\n&lt;!-- wp:heading --&gt;<\/code><\/pre>\n<p>Para ver con m\u00e1s detalle los patrones de creaci\u00f3n, consulta <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/pull\/41791\" target=\"_blank\" rel=\"noopener noreferrer\">Capacidad de utilizar patrones de creaci\u00f3n para otros tipos de post adem\u00e1s de la p\u00e1gina<\/a>.<\/p>\n<h3>M\u00e1s Tipos de Plantillas en el Editor del Sitio<\/h3>\n<p>Con WordPress 6.0, s\u00f3lo se puede crear un n\u00famero limitado de plantillas en el Editor de Sitios:<\/p>\n<figure id=\"attachment_131130\" aria-describedby=\"caption-attachment-131130\" style=\"width: 1912px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131130 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/add-new-template-wp-6-0.jpg\" alt=\"A\u00f1adir una nueva plantilla en WordPress 6.0\" width=\"1912\" height=\"970\"><figcaption id=\"caption-attachment-131130\" class=\"wp-caption-text\">A\u00f1adir una nueva plantilla en WordPress 6.0<\/figcaption><\/figure>\n<p>A partir de WordPress 6.1, ser\u00e1 posible <a href=\"https:\/\/make.wordpress.org\/core\/2022\/07\/07\/whats-new-in-gutenberg-13-6-6-july\/#template-types\" target=\"_blank\" rel=\"noopener noreferrer\">crear una plantilla diferente<\/a> para cada tipo de entrada.<\/p>\n<p>Y tambi\u00e9n podr\u00e1s <a href=\"https:\/\/make.wordpress.org\/core\/2022\/07\/20\/whats-new-in-gutenberg-13-7-20-july\/#templates\" target=\"_blank\" rel=\"noopener noreferrer\">a\u00f1adir y editar plantillas para taxonom\u00edas principales y personalizadas<\/a>, incluso para <a href=\"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/como-eliminar-categorias-en-wordpress\/\">categor\u00edas<\/a> o <a href=\"https:\/\/staging.kinsta.site\/es\/base-de-conocimiento\/etiquetas-de-wordpress\/\">etiquetas<\/a> individuales.<\/p>\n<p>Si registras tipos de entrada personalizados o una taxonom\u00eda personalizada, aparecer\u00e1n autom\u00e1ticamente en el cuadro de selecci\u00f3n de plantillas del Editor del Sitio.<\/p>\n<figure id=\"attachment_131131\" aria-describedby=\"caption-attachment-131131\" style=\"width: 1922px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131131 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/add-new-template-wp-6-1.jpg\" alt=\"Una imagen que muestra la lista de tipos de plantillas disponibles en WordPress 6.1\" width=\"1922\" height=\"1514\"><figcaption id=\"caption-attachment-131131\" class=\"wp-caption-text\">Una lista de tipos de plantillas disponibles en WordPress 6.1<\/figcaption><\/figure>\n<p>Pero no s\u00f3lo eso. Una vez seleccionado el tipo de entrada de la plantilla, un modal pregunta al usuario si desea crear una plantilla para todas las entradas de ese tipo o crear una nueva plantilla para una entrada espec\u00edfica del tipo de entrada seleccionado.<\/p>\n<figure id=\"attachment_131133\" aria-describedby=\"caption-attachment-131133\" style=\"width: 1912px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131133 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/add-template-movie.jpg\" alt=\"A\u00f1adiendo una plantilla para un tipo de entrada personalizado en WordPress 6.1\" width=\"1912\" height=\"958\"><figcaption id=\"caption-attachment-131133\" class=\"wp-caption-text\">A\u00f1adiendo una plantilla para un tipo de entrada personalizado en WordPress 6.1<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, un nuevo modal ofrece una lista de las entradas disponibles para ese tipo de entrada.<\/p>\n<figure id=\"attachment_131132\" aria-describedby=\"caption-attachment-131132\" style=\"width: 1912px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131132 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/add-template-movie-list.jpg\" alt=\"A\u00f1adir una nueva plantilla en WordPress 6.1\" width=\"1912\" height=\"980\"><figcaption id=\"caption-attachment-131132\" class=\"wp-caption-text\">A\u00f1adir una nueva plantilla en WordPress 6.1<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-plain\">\n        <p><\/p>\n<h3>C\u00f3mo Instalar WordPress 6.1 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:\/\/staging.kinsta.site\/es\/blog\/construir-sitio-wordpress-sin-conexion\/\">sitio web local de WordPress<\/a><\/li>\n<li>Una vez hecho esto, abre tu panel de control de WordPress y ve a <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 de Configuraci\u00f3n del Comprobador Beta de WP, elige la opci\u00f3n <strong>Bleeding edge <\/strong>y guarda la configuraci\u00f3n<\/li>\n<li>Vuelve a tu panel de control de WordPress, abre la pantalla de <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 realizar todas tus pruebas. Echa un vistazo y dinos qu\u00e9 te parecen las nuevas funciones.<\/p>\n<p>Con DevKinsta, s\u00f3lo necesitas unos pocos clics para tener un moderno entorno de desarrollo para WordPress en tu m\u00e1quina local. ?<\/p>\n<p>\u00a1Descarga DevKinsta gratis <a href=\"https:\/\/staging.kinsta.site\/es\/devkinsta\/\">aqu\u00ed<\/a>! ?<\/p>\n<\/aside>\n\n<h2>Cambios para Desarrolladores<\/h2>\n<p>WordPress 6.1 tambi\u00e9n a\u00f1ade una nueva API y varias mejoras para los desarrolladores.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>Nueva API de Persistencia de Preferencias<\/h3>\n<p>WordPress 6.1 introduce una nueva API de <a href=\"https:\/\/make.wordpress.org\/core\/2022\/05\/12\/whats-new-in-gutenberg-13-2-may-11\/#save-editor-preferences\">persistencia de preferencias<\/a> que guarda las preferencias del editor en la base de datos de WordPress en lugar de en el almacenamiento local.<\/p>\n<p>De este modo, las preferencias del usuario pueden almacenarse en todos los navegadores y dispositivos.<\/p>\n<p>Para ello, el anterior sistema de persistencia en el paquete <code>@wordpress\/data<\/code> ha quedado obsoleto, y se ha introducido un nuevo paquete <code>preferences-persistence<\/code>. El nuevo paquete guarda los datos en la meta del usuario a trav\u00e9s de la <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/rest-api-de-wordpress\/\">API Rest<\/a>. Los datos tambi\u00e9n se guardar\u00e1n en el almacenamiento local como reserva en caso de que el usuario se desconecte o se interrumpa una petici\u00f3n (ver tambi\u00e9n el pull #39795).<\/p>\n<h3>Soporte para Estilos de Botones en theme.json<\/h3>\n<p>Con WordPress 6.1, puedes <a href=\"https:\/\/make.wordpress.org\/core\/2022\/06\/10\/whats-new-in-gutenberg-13-4-8-june\/#support-for-button-elements-in-theme-json\">a\u00f1adir estilos de botones<\/a> a tus temas mediante <em>theme<\/em>.json. Esto permite a los desarrolladores de temas a\u00f1adir consistencia a los botones en todos los bloques. Un ejemplo es el bloque de b\u00fasqueda, pero tambi\u00e9n los bloques de terceros se beneficiar\u00e1n de este cambio.<\/p>\n<p>Para hacerlo posible, se a\u00f1adir\u00e1 una nueva clase <code>wp-element-button<\/code> a los elementos de los botones para que compartan el mismo estilo.<\/p>\n<p>Puedes probar este cambio a\u00f1adiendo el siguiente c\u00f3digo a tu <em>theme.json<\/em> en un <a href=\"https:\/\/staging.kinsta.site\/es\/devkinsta\/\">entorno de desarrollo<\/a>:<\/p>\n<pre><code class=\"language-json\">{\n\t\"styles\": {\n\t\t\"elements\": {\n\t\t\t\"button\": {\n\t\t\t\t\"color\": {\n\t\t\t\t\t\"background\": \"blue\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}<\/code><\/pre>\n<h3>Las Variaciones del Bloque de B\u00fasqueda Ahora son Compatibles con las Query Vars<\/h3>\n<p>WordPress 6.1 soportar\u00e1 variaciones del bloque de b\u00fasqueda basadas en query vars. Esto significa que podr\u00e1s proporcionar a tus usuarios cuadros de b\u00fasqueda que se utilizar\u00e1n para buscar de forma granular cualquier tipo de contenido.<\/p>\n<p>En el siguiente ejemplo, estamos registrando una variaci\u00f3n de bloque para un tipo de entrada <code>movies<\/code>. El ejemplo se basa en el tutorial de Carolina Nymar sobre las <a href=\"https:\/\/fullsiteediting.com\/lessons\/block-variations\/\">variaciones de bloque<\/a>.<\/p>\n<p>En el archivo de funciones de tu tema (<a href=\"https:\/\/staging.kinsta.site\/es\/blog\/temas-child-wordpress\/\">hijo<\/a>), a\u00f1ade el siguiente c\u00f3digo:<\/p>\n<pre><code class=\"language-php\">function movies_editor_assets() {\n\twp_enqueue_script(\n\t\t'movies-block-variations',\n\t\tget_template_directory_uri() . '\/assets\/block-variations.js',\n\t\tarray( 'wp-blocks' )\n\t);\n}\nadd_action( 'enqueue_block_editor_assets', 'movies_editor_assets' );<\/code><\/pre>\n<p>Ahora, crea el siguiente archivo <em>block-variations.js<\/em> en la carpeta de <em>activos<\/em> de tu tema (hijo):<\/p>\n<pre><code class=\"language-php\">wp.blocks.registerBlockVariation( \n\t'core\/search', \n\t{\n\t\tname: 'movie-search',\n\t\ttitle: 'Movie Search Block',\n\t\tattributes: {\n\t\t\tquery: {\n\t\t\t\tpost_type: 'movies'\n\t\t\t}\n\t\t}\n\t} \n);<\/code><\/pre>\n<p>Ahora vuelve a cargar tu <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/dashboard-personalizado-de-wordpress\/\">panel de control de WordPress<\/a> y busca una variaci\u00f3n del bloque de b\u00fasqueda de pel\u00edculas en el insertador de bloques.<\/p>\n<figure id=\"attachment_131151\" aria-describedby=\"caption-attachment-131151\" style=\"width: 1760px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131151 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/search-block-variation.jpg\" alt=\"WordPress 6.1 ahora tiene una variaci\u00f3n de bloque de b\u00fasqueda personalizada en el insertador de bloques\" width=\"1760\" height=\"832\"><figcaption id=\"caption-attachment-131151\" class=\"wp-caption-text\">Una variaci\u00f3n del bloque de b\u00fasqueda personalizada en el insertador de bloques<\/figcaption><\/figure>\n<p>Puedes leer m\u00e1s sobre las variaciones de bloque en la <a href=\"https:\/\/developer.wordpress.org\/block-editor\/reference-guides\/block-api\/block-variations\/\" target=\"_blank\" rel=\"noopener noreferrer\">documentaci\u00f3n oficial<\/a>.<\/p>\n<h3>Un Nuevo Elemento de Botones en Estilos Globales<\/h3>\n<p><a href=\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-5-9\/\">WordPress 5.9<\/a> introdujo una interfaz de Estilos Globales para permitir a los usuarios personalizar los preajustes de estilo para sus sitios web, ya sea de forma global o a nivel de bloque.<\/p>\n<p>Con la primera implementaci\u00f3n, pod\u00edas personalizar los colores del Fondo, del Texto y de los Enlaces. Ahora, a partir de WordPress 6.1, se <a href=\"https:\/\/make.wordpress.org\/core\/2022\/07\/07\/whats-new-in-gutenberg-13-6-6-july\/#button-element\" target=\"_blank\" rel=\"noopener noreferrer\">ha a\u00f1adido un nuevo elemento Botones<\/a> al panel Colores para que los usuarios puedan controlar la apariencia de los botones en todo su sitio web.<\/p>\n<figure id=\"attachment_131140\" aria-describedby=\"caption-attachment-131140\" style=\"width: 1792px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-131140 size-full\" src=\"https:\/\/staging.kinsta.site\/wp-content\/uploads\/2022\/08\/global-styles-buttons.jpg\" alt=\"Personalizando los botones en la configuraci\u00f3n de Estilos Globales\" width=\"1792\" height=\"1628\"><figcaption id=\"caption-attachment-131140\" class=\"wp-caption-text\">Personalizando los botones en la configuraci\u00f3n de Estilos Globales<\/figcaption><\/figure>\n<p>Esto afectar\u00eda al estilo de los botones en todo el sitio, desde el bloque Botones hasta el bloque B\u00fasqueda y los bloques de terceros que hacen uso de botones.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Si quieres convertirte en un desarrollador de WordPress o adquirir nuevas habilidades de desarrollo, aseg\u00farate de consultar nuestras gu\u00edas en profundidad sobre el desarrollo de bloques Gutenberg:<\/p>\n<ul>\n<li><a href=\"https:\/\/staging.kinsta.site\/es\/blog\/bloques-gutenberg\/\">Construir Bloques Personalizados de Gutenberg: El Tutorial Definitivo de Desarrollo de Bloques<\/a><\/li>\n<li><a href=\"https:\/\/staging.kinsta.site\/es\/blog\/bloques-dinamicos\/\">C\u00f3mo Crear Bloques Din\u00e1micos para Gutenberg<\/a><\/li>\n<\/ul>\n<p><\/p>\n<\/aside>\n\n\n\n<h2>Resumen<\/h2>\n<p>Es cierto que hay muchas novedades en WordPress 6.1, pero a\u00fan es pronto para hacer una valoraci\u00f3n final de la \u00faltima versi\u00f3n de 2022. Adem\u00e1s, en el momento de escribir este art\u00edculo, a\u00fan no hemos llegado al bloqueo de caracter\u00edsticas, por lo que todav\u00eda puede haber caracter\u00edsticas y cambios adicionales de los que hablar antes del lanzamiento final, previsto para el 1 de noviembre.<\/p>\n<p>Aunque ya podemos estar bastante seguros de las nuevas caracter\u00edsticas que veremos gracias a las 11 versiones de <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/gutenberg-wordpress-editor\/\">Gutenberg<\/a> fusionadas en el core, a\u00fan no estamos seguros de c\u00f3mo se implementar\u00e1 la conversi\u00f3n de <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/jpg-vs-jpeg\/\">JPEG<\/a> a <a href=\"https:\/\/staging.kinsta.site\/es\/blog\/webp\/\">WebP<\/a> y es posible que se a\u00f1adan otros cambios a los enumerados anteriormente.<\/p>\n<p>Pero no dejes de seguirnos, ya que iremos actualizando este art\u00edculo a medida que se produzcan cambios que merezcan la pena y se incorporen nuevas funciones al core.<\/p>\n<p>Ahora depende de ti. \u00bfQu\u00e9 esperas de la pr\u00f3xima versi\u00f3n de WordPress? \u00bfHas probado ya la Nightly Build en tu <a href=\"https:\/\/staging.kinsta.site\/es\/devkinsta\/\">entorno de desarrollo<\/a>? Comparte con nosotros tus opiniones sobre WordPress 6.1 en la secci\u00f3n de comentarios m\u00e1s abajo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El lanzamiento de WordPress 6.1 est\u00e1 previsto para el 1 de noviembre de 2022, y ser\u00e1 la tercera versi\u00f3n importante del a\u00f1o, despu\u00e9s de WordPress 6.0 &#8230;<\/p>\n","protected":false},"author":36,"featured_media":57186,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[861,486,920,172],"topic":[],"class_list":["post-57185","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-block-editor","tag-gutenberg","tag-updates","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.1.2 (Yoast SEO v25.8) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u00bfCu\u00e1les son las Novedades de WordPress 6.1?<\/title>\n<meta name=\"description\" content=\"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.1 con la conversi\u00f3n autom\u00e1tica de JPEG a WebP, la tipograf\u00eda fluida, un nuevo bloque y muchas peque\u00f1as y grandes mejoras.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/\" \/>\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.1: Conversi\u00f3n de JPEG a WebP, Tipograf\u00eda Fluida, Sistema de Plantillas Mejorado \u00a1y Mucho M\u00e1s!\" \/>\n<meta property=\"og:description\" content=\"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.1 con la conversi\u00f3n autom\u00e1tica de JPEG a WebP, la tipograf\u00eda fluida, un nuevo bloque y muchas peque\u00f1as y grandes mejoras.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-09T07:47:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-24T09:38:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2022\/09\/wordpress-6.1.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.1 con la conversi\u00f3n autom\u00e1tica de JPEG a WebP, la tipograf\u00eda fluida, un nuevo bloque y muchas peque\u00f1as y grandes mejoras.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2022\/09\/wordpress-6.1.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=\"38 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/staging.kinsta.site\/es\/#\/schema\/person\/2d28bf60168ccf5e1a3004e843d481ad\"},\"headline\":\"Novedades de WordPress 6.1: Conversi\u00f3n de JPEG a WebP, Tipograf\u00eda Fluida, Sistema de Plantillas Mejorado \u00a1y Mucho M\u00e1s!\",\"datePublished\":\"2022-09-09T07:47:46+00:00\",\"dateModified\":\"2022-11-24T09:38:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/\"},\"wordCount\":4577,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/staging.kinsta.site\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2022\/09\/wordpress-6.1.jpg\",\"keywords\":[\"Block Editor\",\"Gutenberg\",\"updates\",\"WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/\",\"url\":\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/\",\"name\":\"\u00bfCu\u00e1les son las Novedades de WordPress 6.1?\",\"isPartOf\":{\"@id\":\"https:\/\/staging.kinsta.site\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2022\/09\/wordpress-6.1.jpg\",\"datePublished\":\"2022-09-09T07:47:46+00:00\",\"dateModified\":\"2022-11-24T09:38:35+00:00\",\"description\":\"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.1 con la conversi\u00f3n autom\u00e1tica de JPEG a WebP, la tipograf\u00eda fluida, un nuevo bloque y muchas peque\u00f1as y grandes mejoras.\",\"breadcrumb\":{\"@id\":\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/#primaryimage\",\"url\":\"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2022\/09\/wordpress-6.1.jpg\",\"contentUrl\":\"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2022\/09\/wordpress-6.1.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/staging.kinsta.site\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Novedades de WordPress 6.1: Conversi\u00f3n de JPEG a WebP, Tipograf\u00eda Fluida, Sistema de Plantillas Mejorado \u00a1y Mucho M\u00e1s!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/staging.kinsta.site\/es\/#website\",\"url\":\"https:\/\/staging.kinsta.site\/es\/\",\"name\":\"Kinsta\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/staging.kinsta.site\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/staging.kinsta.site\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/staging.kinsta.site\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/staging.kinsta.site\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/staging.kinsta.site\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2021\/08\/kinsta.png\",\"contentUrl\":\"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2021\/08\/kinsta.png\",\"width\":580,\"height\":580,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/staging.kinsta.site\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/staging.kinsta.site\/es\/#\/schema\/person\/2d28bf60168ccf5e1a3004e843d481ad\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/staging.kinsta.site\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/57c0b51e899a9e0e953de1b66a1d27a416331bc25ca0ffe68ab29d6e16ef2269?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/57c0b51e899a9e0e953de1b66a1d27a416331bc25ca0ffe68ab29d6e16ef2269?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 over 10 years, also in collaboration with Italian and European universities and educational institutions. He has written dozens of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find Carlo on Twitter.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/staging.kinsta.site\/es\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u00bfCu\u00e1les son las Novedades de WordPress 6.1?","description":"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.1 con la conversi\u00f3n autom\u00e1tica de JPEG a WebP, la tipograf\u00eda fluida, un nuevo bloque y muchas peque\u00f1as y grandes mejoras.","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:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/","og_locale":"es_ES","og_type":"article","og_title":"Novedades de WordPress 6.1: Conversi\u00f3n de JPEG a WebP, Tipograf\u00eda Fluida, Sistema de Plantillas Mejorado \u00a1y Mucho M\u00e1s!","og_description":"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.1 con la conversi\u00f3n autom\u00e1tica de JPEG a WebP, la tipograf\u00eda fluida, un nuevo bloque y muchas peque\u00f1as y grandes mejoras.","og_url":"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/","og_site_name":"Kinsta","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2022-09-09T07:47:46+00:00","article_modified_time":"2022-11-24T09:38:35+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2022\/09\/wordpress-6.1.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.1 con la conversi\u00f3n autom\u00e1tica de JPEG a WebP, la tipograf\u00eda fluida, un nuevo bloque y muchas peque\u00f1as y grandes mejoras.","twitter_image":"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2022\/09\/wordpress-6.1.jpg","twitter_creator":"@carlodaniele","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Carlo Daniele","Tiempo de lectura":"38 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/#article","isPartOf":{"@id":"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/staging.kinsta.site\/es\/#\/schema\/person\/2d28bf60168ccf5e1a3004e843d481ad"},"headline":"Novedades de WordPress 6.1: Conversi\u00f3n de JPEG a WebP, Tipograf\u00eda Fluida, Sistema de Plantillas Mejorado \u00a1y Mucho M\u00e1s!","datePublished":"2022-09-09T07:47:46+00:00","dateModified":"2022-11-24T09:38:35+00:00","mainEntityOfPage":{"@id":"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/"},"wordCount":4577,"commentCount":0,"publisher":{"@id":"https:\/\/staging.kinsta.site\/es\/#organization"},"image":{"@id":"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2022\/09\/wordpress-6.1.jpg","keywords":["Block Editor","Gutenberg","updates","WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/","url":"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/","name":"\u00bfCu\u00e1les son las Novedades de WordPress 6.1?","isPartOf":{"@id":"https:\/\/staging.kinsta.site\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/#primaryimage"},"image":{"@id":"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/#primaryimage"},"thumbnailUrl":"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2022\/09\/wordpress-6.1.jpg","datePublished":"2022-09-09T07:47:46+00:00","dateModified":"2022-11-24T09:38:35+00:00","description":"Echa un vistazo a nuestro resumen en profundidad de WordPress 6.1 con la conversi\u00f3n autom\u00e1tica de JPEG a WebP, la tipograf\u00eda fluida, un nuevo bloque y muchas peque\u00f1as y grandes mejoras.","breadcrumb":{"@id":"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/#primaryimage","url":"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2022\/09\/wordpress-6.1.jpg","contentUrl":"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2022\/09\/wordpress-6.1.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/staging.kinsta.site\/es\/blog\/wordpress-6-1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/staging.kinsta.site\/es\/"},{"@type":"ListItem","position":2,"name":"Novedades de WordPress 6.1: Conversi\u00f3n de JPEG a WebP, Tipograf\u00eda Fluida, Sistema de Plantillas Mejorado \u00a1y Mucho M\u00e1s!"}]},{"@type":"WebSite","@id":"https:\/\/staging.kinsta.site\/es\/#website","url":"https:\/\/staging.kinsta.site\/es\/","name":"Kinsta","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/staging.kinsta.site\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/staging.kinsta.site\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/staging.kinsta.site\/es\/#organization","name":"Kinsta","url":"https:\/\/staging.kinsta.site\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/staging.kinsta.site\/es\/#\/schema\/logo\/image\/","url":"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2021\/08\/kinsta.png","contentUrl":"https:\/\/staging.kinsta.site\/es\/wp-content\/uploads\/sites\/8\/2021\/08\/kinsta.png","width":580,"height":580,"caption":"Kinsta"},"image":{"@id":"https:\/\/staging.kinsta.site\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES"]},{"@type":"Person","@id":"https:\/\/staging.kinsta.site\/es\/#\/schema\/person\/2d28bf60168ccf5e1a3004e843d481ad","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/staging.kinsta.site\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/57c0b51e899a9e0e953de1b66a1d27a416331bc25ca0ffe68ab29d6e16ef2269?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/57c0b51e899a9e0e953de1b66a1d27a416331bc25ca0ffe68ab29d6e16ef2269?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 over 10 years, also in collaboration with Italian and European universities and educational institutions. He has written dozens of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find Carlo on Twitter.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/staging.kinsta.site\/es\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/posts\/57185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/comments?post=57185"}],"version-history":[{"count":15,"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/posts\/57185\/revisions"}],"predecessor-version":[{"id":60126,"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/posts\/57185\/revisions\/60126"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/57185\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/57185\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/57185\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/57185\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/57185\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/57185\/translations\/es"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/57185\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/57185\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/57185\/translations\/dk"},{"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/kinsta\/v1\/posts\/57185\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/media\/57186"}],"wp:attachment":[{"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/media?parent=57185"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/tags?post=57185"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/staging.kinsta.site\/es\/wp-json\/wp\/v2\/topic?post=57185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}