{"id":35333,"date":"2022-07-06T07:00:50","date_gmt":"2022-07-06T14:00:50","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=35333"},"modified":"2025-01-16T13:06:03","modified_gmt":"2025-01-16T21:06:03","slug":"opciones-configuracion-de-tema-json","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/","title":{"rendered":"Decodificando WordPress: Nuevas Opciones de Configuraci\u00f3n con el Archivo Theme.JSON"},"content":{"rendered":"\n<p><span style=\"font-weight: 400;\">Las nuevas opciones de configuraci\u00f3n en WordPress est\u00e1n haciendo m\u00e1s f\u00e1cil que nunca modificar la apariencia de tu sitio web a tus necesidades \u00fanicas y espec\u00edficas. Adem\u00e1s, la habilidad de convertir temas cl\u00e1sicos en temas de bloques est\u00e1 a\u00f1adiendo a\u00fan m\u00e1s funcionalidades para hacerlo amigable con los usuarios.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">En esta publicaci\u00f3n, la cuarta de nuestra serie \u201c<\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/?s=Decodificando+Wordpress\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Decodificando WordPress<\/span><\/a><span style=\"font-weight: 400;\">\u201d, hablaremos sobre estas mejoras, incluyendo lo qu\u00e9 son y c\u00f3mo pueden hacer m\u00e1s f\u00e1cil que tengas un sitio web personalizado y hermoso, sin importar si tienes habilidades de principiante o avanzadas de desarrollo web.&nbsp;<\/span><\/p>\n\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n\n<h2 id=\"h-una-vista-general-sobre-los-temas-de-wordpress-y-las-plantillas\" class=\"wp-block-heading\"><b>Una Vista General Sobre los Temas de WordPress y las Plantillas<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Antes de ver las nuevas opciones para configurar tu tema utilizando las nuevas opciones posibles con un archivo llamado theme.json, hablaremos sobre lo que de hecho significa configurar un tema. Para ayudarte a entender esto, primero aclaremos la diferencia entre un tema y una plantilla en WordPress, ya que a menudo hay cierta confusi\u00f3n relacionada, especialmente si eres principiante.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Un tema es el dise\u00f1o completo y la base del <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/elementos-de-diseno-web\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">dise\u00f1o y apariencia<\/span><\/a><span style=\"font-weight: 400;\"> cohesivos de tu sitio. Incluye cosas como <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/como-elegir-el-esquema-de-color-para-tu-sitio-web\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">paletas de color<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/how-typography-affects-website-conversions\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">tipograf\u00eda<\/span><\/a><span style=\"font-weight: 400;\">, dise\u00f1os de p\u00e1gina, m\u00e1rgenes, espaciado de l\u00ednea, encabezados y <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/website-footer-guide\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">pies de p\u00e1gina<\/span><\/a><span style=\"font-weight: 400;\">, posicionamiento de barra lateral y otros elementos. Cuando <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/18-tips-profesionales-para-elegir-el-tema-perfecto-de-wordpress\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">eliges un tema<\/span><\/a><span style=\"font-weight: 400;\"> y lo instalas, todos estos elementos tambi\u00e9n son instalados autom\u00e1ticamente. Virtualmente, hay un n\u00famero infinito de temas gratuitos y pagos disponibles.&nbsp;<\/span><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"530\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/Partes-de-plantilla-DreamHost-ES.jpg\" alt=\"\" class=\"wp-image-35336 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/Partes-de-plantilla-DreamHost-ES.jpg.webp 900w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/Partes-de-plantilla-DreamHost-ES-300x177.jpg 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/Partes-de-plantilla-DreamHost-ES-768x452.jpg 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/Partes-de-plantilla-DreamHost-ES-600x353.jpg.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/Partes-de-plantilla-DreamHost-ES-730x430.jpg.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/Partes-de-plantilla-DreamHost-ES-784x462.jpg.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/smush-webp\/2022\/07\/Partes-de-plantilla-DreamHost-ES-877x516.jpg.webp 877w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/530;\" \/><\/figure><\/div>\n\n\n<p><span style=\"font-weight: 400;\">Sin embargo, una <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">plantilla<\/span><\/a><span style=\"font-weight: 400;\">, es un dise\u00f1o de una sola p\u00e1gina en un sitio con un tema. Aunque se pueden realizar modificaciones a la plantilla, solo pueden ser aplicadas a cualquiera de las p\u00e1ginas que usan esa plantilla, no al sitio entero. Elementos como la personalizaci\u00f3n del dise\u00f1o de tu blog, construcci\u00f3n de <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/crear-pagina-destino-leads\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">p\u00e1ginas de aterrizaje<\/span><\/a><span style=\"font-weight: 400;\"> y darle a cualquier otro contenido una apariencia distintiva, son ejemplos de lo que puedes lograr a trav\u00e9s de las plantillas.<br><br><\/span><\/p>\n\n\n\n<h2 id=\"h-entonces-que-son-las-opciones-de-configuracion-de-tema\" class=\"wp-block-heading\"><b>Entonces, \u00bfQu\u00e9 Son Las Opciones de Configuraci\u00f3n de Tema?<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Las opciones de configuraci\u00f3n de tema son p\u00e1ginas administrativas que vienen con algunos temas WordPress. Estas p\u00e1ginas administrativas te permiten personalizar las configuraciones de tu tema instalado sin tener que modificar ning\u00fan archivo de tema o enredarte alterando el c\u00f3digo. Algunas de estas p\u00e1ginas administrativas pueden ofrecer algunas opciones, mientras que otras pueden tener muchas, muchas m\u00e1s. Si eres principiante, la simplicidad relativa de una p\u00e1gina administrativa versus la ruta m\u00e1s complicada puede ahorrarte mucho tiempo y paz mental.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Si tu objetivo solo es mejorar o cambiar algunas funcionalidades en tu tema, puedes simplificar las cosas al instalar un plugin en vez de reconfigurar el tema completo. Sin embargo, si quieres modificar los estilos de tema y configuraciones de bloque a trav\u00e9s de tu sitio completo, reconfigurar las cosas a trav\u00e9s de la personalizaci\u00f3n es lo que debes hacer.&nbsp;<\/span><\/p>\n\n\n\n<h2 id=\"h-que-diablos-es-json\" class=\"wp-block-heading\"><b>\u00bfQu\u00e9 Diablos es JSON?<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Para personalizar tu tema WordPress cuando no incluye una p\u00e1gina administrativa, tendr\u00e1s que <\/span><a href=\"https:\/\/fullsiteediting.com\/lessons\/creating-theme-json\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">crear<\/span><\/a><span style=\"font-weight: 400;\"> y a\u00f1adir a tu tema un archivo de configuraci\u00f3n <\/span><span style=\"font-weight: 500;\">theme.json. <\/span><span style=\"font-weight: 400;\">Pero, \u00bfqu\u00e9 es <\/span><a href=\"https:\/\/es.wikipedia.org\/wiki\/JSON\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">JSON<\/span><\/a><span style=\"font-weight: 400;\">?<\/span><span style=\"font-weight: 400;\"> El acr\u00f3nimo significa <\/span><i><span style=\"font-weight: 400;\">JavaScript Object Notation<\/span><\/i><span style=\"font-weight: 400;\">, o &#8216;notaci\u00f3n de objeto de JavaScript&#8217;, el cual es un formato abierto de intercambio de datos basado en texto que puede leer m\u00e1quinas y humanos, y no est\u00e1 enlazado a un idioma de programaci\u00f3n espec\u00edfico. Su uso m\u00e1s com\u00fan es el de transmitir informaci\u00f3n en aplicaciones web.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">El soporte para <\/span><b>theme.json<\/b><span style=\"font-weight: 400;\"> fue a\u00f1adido a WordPress en la versi\u00f3n 5.8, y no funciona con versiones m\u00e1s antiguas de WordPress a menos que actives el <\/span><a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">plugin Gutenberg<\/span><\/a><span style=\"font-weight: 400;\">. (El <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/most-exciting-features-gutenberg-wordpress-editor\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">editor Gutenberg<\/span><\/a><span style=\"font-weight: 400;\"> fue lanzado oficialmente en el 2018 junto con WordPress 5.0.)&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Algunas de las opciones de personalizaci\u00f3n de <\/span><b>theme.json<\/b><span style=\"font-weight: 400;\"> entre las cuales puedes elegir incluyen:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Habilitar o deshabilitar funciones como capitulares, relleno de bloque, m\u00e1rgenes y alturas de l\u00ednea personalizadas<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">A\u00f1adir m\u00faltiples <\/span><a href=\"https:\/\/fullsiteediting.com\/lessons\/theme-json-color-options\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">paletas de color<\/span><\/a><span style=\"font-weight: 400;\">, gradientes y filtros duotono para fotograf\u00edas<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Modificar tama\u00f1os de <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/fuentes-seguras-web\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">fuente<\/span><\/a><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">A\u00f1adir anchos predeterminados para contenido<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Administrar propiedades CSS (cascading style sheet) personalizadas. El CSS es usado para definir la apariencia visual y formatear los documentos HTML.\u00a0<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Asignar <\/span><a href=\"https:\/\/www.dreamhost.com\/blog\/es\/plantillas-y-partes-plantillas-wordpress\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">partes de plantilla<\/span><\/a><span style=\"font-weight: 400;\"> a ciertas \u00e1reas de partes de plantilla<\/span><\/li>\n\n\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">A medida que el desarrollo de Gutenberg avanza, las opciones que est\u00e1n disponibles con <\/span><b>theme.json <\/b><span style=\"font-weight: 400;\">en WordPress difieren entre la versi\u00f3n 5.8 (donde es utilizada la versi\u00f3n 1 de <\/span><b>theme.json<\/b><span style=\"font-weight: 400;\">) y la versi\u00f3n 5.9+ (donde es usada la versi\u00f3n 2 de <\/span><b>theme.json<\/b><span style=\"font-weight: 400;\">) as\u00ed como tambi\u00e9n el plugin Gutenberg.&nbsp;<\/span><\/p>\n\n\n\n<h2 id=\"h-opciones-explicado\" class=\"wp-block-heading\"><b>Opciones Explicado<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Con estas opciones de personalizaci\u00f3n m\u00e1s granulares ahora al alcance de los desarrolladores principiantes e intermedios de WordPress, hablemos sobre qu\u00e9 son y por qu\u00e9 podr\u00edan ser beneficiosos para ti.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-habilitar-o-deshabilitar-funciones-como-capitulares-relleno-de-bloque-margenes-y-alturas-de-linea-personalizadas\"><b>Habilitar O Deshabilitar Funciones Como Capitulares, Relleno De Bloque, M\u00e1rgenes Y Alturas De L\u00ednea Personalizadas<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Los capitulares (una t\u00e9cnica de estilo en la que la primera letra de un p\u00e1rrafo tiene un tama\u00f1o de fuente m\u00e1s grande), relleno de bloque (el espacio dentro del bloque que existe entre el elemento\/contenido y el borde del bloque y que envuelve todos los lados de un elemento), m\u00e1rgenes y alturas de l\u00ednea personalizadas le pueden dar a tus p\u00e1ginas una apariencia m\u00e1s distintiva o incluso formal, dependiendo de qu\u00e9 estilo les das.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-anadir-multiples-paletas-de-color-gradientes-y-filtros-duotono-para-fotografias\"><b>A\u00f1adir m\u00faltiples paletas de color, gradientes y filtros duotono para fotograf\u00edas<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">La paleta de color correcta \u2014 o m\u00faltiples paletas \u2014 pueden ayudarte a definir y mejorar la identidad comercializable de tu marca y tu sitio, y las gradientes (fondos de pantalla de dos colores que transicionan entre ellos) pueden darle una identidad din\u00e1mica a tu sitio, en vez de solo usar colores s\u00f3lidos para las p\u00e1ginas del mismo. Los filtros duo tono pueden ser aplicados a las fotograf\u00edas que has subido a tu sitio, y reducen el n\u00famero de colores en la foto solamente a 2 \u2014 uno para las partes oscuras de la foto, y otro para las partes claras. Al utilizar estos recursos en las configuraciones de tu tema WordPress, los esquemas generales de color de tu sitio pueden ser formales, moderados, o avant-garde \u2014 limitados solo por tu imaginaci\u00f3n.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-modificar-tamanos-de-fuente\"><b>Modificar Tama\u00f1os de Fuente<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Algunas veces, las fuentes en tu tema elegido pueden ajustarse a una identidad en espec\u00edfico, tono o actitud que desees transmitir, pero los tama\u00f1os de fuente establecidos que est\u00e1n disponibles pueden no hacerlo. Pueden ser muy peque\u00f1as o muy grandes. Al tener la opci\u00f3n de modificar los tama\u00f1os, puedes ajustar cada aspecto de la apariencia de tu sitio para que refleje la imagen de tu marca.&nbsp;&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-anadir-anchos-predeterminados-para-contenido\"><b>A\u00f1adir Anchos Predeterminados Para Contenido<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">El ancho de contenido es una funci\u00f3n de tema donde puedes configurar el ancho (tama\u00f1o) predeterminado o m\u00e1ximo permitido para cualquier contenido en el tema, tal como im\u00e1genes a\u00f1adidas o incrustadas en las publicaciones. Cuando configuras los anchos predeterminados, WordPress puede escalar los c\u00f3digos incrustados a tama\u00f1os espec\u00edficos en el front-end e insertar im\u00e1genes grandes sin romper el \u00e1rea principal de contenido.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-administrar-propiedades-css-cascading-style-sheet-personalizadas\"><b>Administrar Propiedades Css (Cascading Style Sheet) Personalizadas.<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Si has pasado algo de tiempo trabajando con CSS, estamos seguros de que te est\u00e1s preguntando a ti mismo por qu\u00e9 querr\u00edas escribir tu c\u00f3digo personalizado CSS en el tan radical formato JSON. Para resumirlo en una palabra: flexibilidad.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Digamos que te has decidido por un color, verde oscuro, que te gusta mucho para tu sitio. Con el CSS, tendr\u00edas que ir y a\u00f1adir el c\u00f3digo de color a todos los lugares que deseas que usen ese color. \u00bfNo es mucho trabajo, verdad?<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Ahora, digamos que un par de semanas m\u00e1s adelante encuentras otro tono de verde que te gustar\u00eda usar m\u00e1s. Con el CSS, tienes que entrar y encontrar\/reemplazar todas las instancias del c\u00f3digo de color \u201cantiguo\u201d con el nuevo.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Pero, al usar <\/span><span style=\"font-weight: 400;\">theme.json<\/span><span style=\"font-weight: 400;\">, solo tendr\u00edas que actualizar la definici\u00f3n de color una vez, en el archivo JSON, para que se realicen los cambios en tu sitio completo.&nbsp;<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-asignar-partes-de-plantilla-a-ciertas-areas-de-partes-de-plantilla\"><b>Asignar Partes De Plantilla A Ciertas \u00c1reas De Partes De Plantilla<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Las partes de plantilla son archivos que controlan c\u00f3mo se ve una p\u00e1gina espec\u00edfica, y pueden ser aplicados para dise\u00f1os particulares de p\u00e1gina en diferentes p\u00e1ginas de tu sitio. En WordPress, tambi\u00e9n hay partes de plantilla, las cuales funcionan como peque\u00f1as secciones estructurales de una plantilla de p\u00e1gina.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Si est\u00e1s buscando en los archivos de tu tema, usualmente ver\u00e1s las partes de plantilla de cosas como encabezados y pies de p\u00e1gina.&nbsp; <\/span><b>theme.json <\/b><span style=\"font-weight: 400;\">te permite asignar partes de plantilla a las 3 \u00e1reas disponibles para asignaci\u00f3n en una plantilla: General, Encabezado, y Pie de P\u00e1gina.<\/span><\/p>\n\n\n\n<h2 id=\"h-convertirte-o-no-convertirte-esa-es-la-cuestion\" class=\"wp-block-heading\"><b>Convertirte o No Convertirte \u2013 Esa Es La Cuesti\u00f3n<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Ahora que has obtenido un poco de entendimiento sobre las opciones de configuraci\u00f3n de tema de WordPress que hay disponibles por cortes\u00eda del archivo&nbsp; <\/span><b>theme.json<\/b><span style=\"font-weight: 400;\">, queremos hablar de una \u00faltima cosa: <\/span><a href=\"https:\/\/developer.wordpress.org\/themes\/block-themes\/converting-a-classic-theme-to-a-block-theme\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">convertir un tema cl\u00e1sico en un tema de bloque<\/span><\/a><span style=\"font-weight: 400;\">, y los problemas que debes considerar cuando lo est\u00e9s realizando.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Los temas en bloque de WordPress tienen un n\u00famero de beneficios, ya que han sido construidos para mejorar la escalabilidad y el rendimiento.&nbsp;<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Los temas de bloque mejoran el rendimiento de carga, al cargar los estilos solo para los bloques que han sido a\u00f1adidos a una p\u00e1gina.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Los temas de bloque no requieren poner en cola manualmente las hojas de estilo tanto para el front-end como para los editores.<\/span><\/li>\n\n\n\n<li><b>theme.json<\/b><span style=\"font-weight: 400;\"> maneja todos los aspectos de <\/span><span style=\"font-weight: 400;\">add_theme_support()<\/span><span style=\"font-weight: 400;\">, los cuales resultan en menos tiempo dando vueltas en PHP.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Funciones de accesibilidad tan como saltar contenido, navegaci\u00f3n con teclado, y puntos de referencia son generados autom\u00e1ticamente sin a\u00f1adir c\u00f3digo adicional.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Con un tema de bloques, un usuario final puede editar todas las partes de un sitio web sin tocar una sola l\u00ednea de c\u00f3digo.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Al usar la interfaz de estilos, los usuarios pueden personalizar los colores y la tipograf\u00eda del sitio y cualquier bloque que pueda usar.\u00a0<\/span><\/li>\n\n\n<\/ul>\n\n\n\n<p><span style=\"font-weight: 400;\">Sin embargo, convertir un tema cl\u00e1sico en un tema de bloques no ocurre sin algunos riesgos.<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">Convertir un tema cl\u00e1sico a un tema de bloques puede afectar cualquier tema child que existan dentro de un tema cl\u00e1sico. Considera los impactos potenciales \u2014 o crear un nuevo proyecto con un nuevo nombre de tema \u2014 antes de realizar la conversi\u00f3n.\u00a0<\/span><\/li>\n\n\n\n<li><b>theme.json<\/b><span style=\"font-weight: 400;\"> requiere la versi\u00f3n 5.8 de WordPress o m\u00e1s. Consecuentemente, el soporte en Explorer 11 fue eliminado cuando WordPress\u00a0 5.8 fue lanzado. Entonces, si tu tema cl\u00e1sico soporta IE11 \u2014 convertir cosas a temas de bloque impacta potencialmente la experiencia de tus visitantes.<\/span><\/li>\n\n\n<\/ul>\n\n\n\n<h2 id=\"h-la-ayuda-profesional-esta-disponible\" class=\"wp-block-heading\"><b>\u00a1La Ayuda Profesional Est\u00e1 Disponible!<\/b><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Aunque personalizar tus temas WordPress con opciones a trav\u00e9s de un archivo <\/span><b>theme.json<\/b><span style=\"font-weight: 400;\"> puede ser razonablemente f\u00e1cil de hacer si eres un desarrollador de WordPress principiante o intermedio, tal vez a\u00fan no est\u00e9s 100% seguro de que es un paso con el que te sientes c\u00f3modo completando solo. \u00a1No temas, porque cuando adquieres cualquiera de los 3 planes de alojamiento de WordPress administrado DreamPress de DreamHost, autom\u00e1ticamente obtienes acceso a nuestro equipo \u00e9lite de expertos internos de WordPress, que est\u00e1n disponibles las 24\/7 para ayudarte con este y cualquier otro componente de tu aventura de desarrollo!<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n\n\n\n\n<div\n\tclass=\"article-cta-shared article-cta-small\"\n>\n    <div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/article-small-ad-cta-placeholder-x2.webp 2x\"  alt=\"Ad background image\" \/><\/div>\n\n\n\n\n  <div class=\"content-btm\">\n    <h2\n      class=\"h2--md\"\n    >\n      Haz M\u00e1s Con DreamPress\n    <\/h2>\n    <p\n      class=\"p--md\"\n    >\n      \u00a1Los usuarios de DreamPress Plus y Pro obtienen acceso a Jetpack Professional (y m\u00e1s de 200 temas pr\u00e9mium) sin costo adicional!\n    <\/p>\n\n            <a\n            href=\"https:\/\/www.dreamhost.com\/es\/wordpress\/administrado\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Adquiere Tu Plan                    <\/a>\n\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Las nuevas opciones de configuraci\u00f3n en WordPress est\u00e1n haciendo m\u00e1s f\u00e1cil que nunca modificar la apariencia de tu sitio web a tus necesidades \u00fanicas y espec\u00edficas. Adem\u00e1s, la habilidad de convertir temas cl\u00e1sicos en temas de bloques est\u00e1 a\u00f1adiendo a\u00fan m\u00e1s funcionalidades para hacerlo amigable con los usuarios.&nbsp; En esta publicaci\u00f3n, la cuarta de nuestra [&hellip;]<\/p>\n","protected":false},"author":1062,"featured_media":35324,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Ajustar las opciones de un tema WordPress a las necesidades \u00fanicas de tu sitio es posible creando un archivo theme.json. Conoce m\u00e1s aqu\u00ed","toc_headlines":"[[\"h-una-vista-general-sobre-los-temas-de-wordpress-y-las-plantillas\",\"Una Vista General Sobre los Temas de WordPress y las Plantillas\"],[\"h-entonces-que-son-las-opciones-de-configuracion-de-tema\",\"Entonces, \u00bfQu\u00e9 Son Las Opciones de Configuraci\u00f3n de Tema?\"],[\"h-que-diablos-es-json\",\"\u00bfQu\u00e9 Diablos es JSON?\"],[\"h-opciones-explicado\",\"Opciones Explicado\"],[\"h-convertirte-o-no-convertirte-esa-es-la-cuestion\",\"Convertirte o No Convertirte \u2013 Esa Es La Cuesti\u00f3n\"],[\"h-la-ayuda-profesional-esta-disponible\",\"\u00a1La Ayuda Profesional Est\u00e1 Disponible!\"]]","hide_toc":false,"footnotes":""},"categories":[11670,11683],"tags":[],"class_list":["post-35333","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-charlas-tec","category-wordpress-es"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Decodificando WordPress: Nuevas Opciones de Configuraci\u00f3n<\/title>\n<meta name=\"description\" content=\"Ajustar las opciones de un tema WordPress a las necesidades \u00fanicas de tu sitio es posible creando un archivo theme.json. Conoce m\u00e1s aqu\u00ed\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Decodificando WordPress: Nuevas Opciones de Configuraci\u00f3n con el Archivo Theme.JSON\" \/>\n<meta property=\"og:description\" content=\"Ajustar las opciones de un tema WordPress a las necesidades \u00fanicas de tu sitio es posible creando un archivo theme.json. Conoce m\u00e1s aqu\u00ed\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-06T14:00:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-16T21:06:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-onfiguration-ES.jpg\" \/>\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\/jpeg\" \/>\n<meta name=\"author\" content=\"Jason Cosper\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jason Cosper\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Decodificando WordPress: Nuevas Opciones de Configuraci\u00f3n","description":"Ajustar las opciones de un tema WordPress a las necesidades \u00fanicas de tu sitio es posible creando un archivo theme.json. Conoce m\u00e1s aqu\u00ed","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:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/","og_locale":"en_US","og_type":"article","og_title":"Decodificando WordPress: Nuevas Opciones de Configuraci\u00f3n con el Archivo Theme.JSON","og_description":"Ajustar las opciones de un tema WordPress a las necesidades \u00fanicas de tu sitio es posible creando un archivo theme.json. Conoce m\u00e1s aqu\u00ed","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2022-07-06T14:00:50+00:00","article_modified_time":"2025-01-16T21:06:03+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-onfiguration-ES.jpg","type":"image\/jpeg"}],"author":"Jason Cosper","twitter_card":"summary_large_image","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jason Cosper","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/"},"author":{"name":"Jason Cosper","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4"},"headline":"Decodificando WordPress: Nuevas Opciones de Configuraci\u00f3n con el Archivo Theme.JSON","datePublished":"2022-07-06T14:00:50+00:00","dateModified":"2025-01-16T21:06:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/"},"wordCount":1988,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","articleSection":["Charlas de Tecnolog\u00eda","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/","name":"Decodificando WordPress: Nuevas Opciones de Configuraci\u00f3n","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","datePublished":"2022-07-06T14:00:50+00:00","dateModified":"2025-01-16T21:06:03+00:00","description":"Ajustar las opciones de un tema WordPress a las necesidades \u00fanicas de tu sitio es posible creando un archivo theme.json. Conoce m\u00e1s aqu\u00ed","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/07\/WordPress-Theme-Configuration-Feature.jpeg","width":900,"height":598,"caption":"new WordPress Theme Configuration options"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/es\/opciones-configuracion-de-tema-json\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"Decodificando WordPress: Nuevas Opciones de Configuraci\u00f3n con el Archivo Theme.JSON"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/2273b8bf7336df78f6d99a89c17253c4","name":"Jason Cosper","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2022\/02\/IMG_4807-scaled.jpeg","caption":"Jason Cosper"},"description":"Jason is DreamHost\u2019s WordPress Product Advocate, based out of Bakersfield, CA. He is currently working on making our DreamPress product even better. In his free time, he likes to curl up on the couch and watch scary movies with his wife Sarah and three very small dogs. Follow him on Twitter.","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/jasoncosper\/"}]}},"lang":"es","translations":{"es":35333,"en":35323,"pt":51734,"pl":51738,"uk":53846,"de":53867,"ru":53870,"it":68867,"fr":71383,"nl":71413},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/35333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1062"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=35333"}],"version-history":[{"count":7,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/35333\/revisions"}],"predecessor-version":[{"id":63194,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/35333\/revisions\/63194"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/35324"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=35333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=35333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=35333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}