{"id":78333,"date":"2025-02-25T08:40:06","date_gmt":"2025-02-25T07:40:06","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=78333&#038;preview=true&#038;preview_id=78333"},"modified":"2025-02-28T11:47:46","modified_gmt":"2025-02-28T10:47:46","slug":"desarrollo-temas-de-bloques-de-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/","title":{"rendered":"Crear un tema de bloques con el plugin Create Block Theme"},"content":{"rendered":"<p>Como ocurre con la mayor\u00eda de los desarrollos de software, no es necesario empezar de cero para crear algo de valor para tus clientes o para ti mismo.<\/p>\n<p>Esto es especialmente cierto para los temas de bloques de WordPress. El plugin <a href=\"https:\/\/wordpress.org\/plugins\/create-block-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\">Create Block Theme<\/a>, disponible en el <a href=\"https:\/\/wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noopener noreferrer\">repositorio de plugins de WordPress<\/a>, ofrece una forma sencilla de crear un nuevo tema de bloques \u2014 ya sea derivado de un tema activo o partiendo de un lienzo en blanco.<\/p>\n<p>Este plugin utiliza la capacidad del <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-edicion-sitio-completa\/\">Editor de Sitios de WordPress<\/a> como herramienta de creaci\u00f3n de temas, lo que lo convierte en un poderoso activo para los desarrolladores de temas. Sin embargo, debido a que puede realizar cambios permanentes en tu sitio, recomendamos encarecidamente utilizarlo en un <a href=\"https:\/\/kinsta.com\/es\/docs\/alojamiento-wordpress\/entorno-staging\/\">entorno staging<\/a>. Si eres usuario de Kinsta, configurar un entorno staging para tu sitio es r\u00e1pido y sencillo.<\/p>\n<p>Como era de esperar, este plugin s\u00f3lo es compatible con temas de bloques y no funcionar\u00e1 con temas cl\u00e1sicos. En este art\u00edculo, exploramos las caracter\u00edsticas del plugin Crear Tema de Bloque y explicamos c\u00f3mo utilizarlo.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>C\u00f3mo trabajar con el plugin Create Block Theme<\/h2>\n<p>El plugin Create Block Theme ofrece dos formas de acceder a sus funcionalidades, dependiendo de tus preferencias y flujo de trabajo:<\/p>\n<p>Puedes acceder a la configuraci\u00f3n del plugin a trav\u00e9s de <strong>Apariencia &gt; Crear Tema de Bloques<\/strong> en el <a href=\"https:\/\/kinsta.com\/es\/blog\/panel-control-administracion-wordpress\/\">panel de administraci\u00f3n de WordPress<\/a>.<\/p>\n<p>Aqu\u00ed encontrar\u00e1s una lista de opciones, como guardar los cambios en el tema actual, crear temas nuevos o exportar temas. Aunque este m\u00e9todo es sencillo, tiene una funcionalidad limitada en comparaci\u00f3n con el Editor de Sitios.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/create-block-theme.png\" alt=\"Las opciones del plugin tal y como se ven en la secci\u00f3n Apariencia del WP Admin\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Las opciones del plugin tal y como se ven en la secci\u00f3n Apariencia del WP Admin<\/figcaption><\/figure>\n<p>Para obtener la mejor experiencia, recomendamos utilizar el plugin dentro del <strong>Editor de Sitios de WordPress<\/strong>. Seleccionando el <strong>icono de la llave inglesa<\/strong> en el Editor de Sitios, puedes desbloquear todas las funcionalidades del plugin directamente en un entorno de edici\u00f3n en tiempo real. Esta integraci\u00f3n te permite previsualizar y personalizar tus cambios sin problemas.<\/p>\n<figure id=\"attachment_190292\" aria-describedby=\"caption-attachment-190292\" style=\"width: 1892px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-190292 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/02\/create-block-theme-option.png\" alt=\"Las opciones del plugin vistas en el Editor de Sitios.\" width=\"1892\" height=\"1078\"><figcaption id=\"caption-attachment-190292\" class=\"wp-caption-text\">Las opciones del plugin vistas en el Editor de Sitios.<\/figcaption><\/figure>\n<h2>Explorar las funcionalidades del plugin Create Block Theme<\/h2>\n<p>El plugin Create Block Theme ofrece un s\u00f3lido conjunto de funcionalidades para ayudarte a crear, personalizar y exportar temas de bloques de forma eficaz. Veamos cada funcionalidad en detalle:<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"-1\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>1. Guardar cambios en un tema<\/h3>\n<p>El concepto y la ejecuci\u00f3n son bastante sencillos. En el Editor de Sitios, cambia tus estilos, plantillas y patrones al tema activo, y luego guarda tu trabajo.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/save-changes.png\" alt=\"Opciones para guardar los cambios en un tema.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Opciones para guardar los cambios en un tema.<\/figcaption><\/figure>\n<p>El bot\u00f3n <strong>Guardar Cambios<\/strong> sirve para guardar lo que desees exportar, no los cambios que hayas hecho en el tema, que s\u00f3lo pueden guardarse con el bot\u00f3n <strong>Guardar<\/strong> por defecto. Los cambios guardados siempre se pueden deshacer utilizando la herramienta de revisi\u00f3n de WordPress (sin necesidad del plugin).<\/p>\n<p>Como se ha visto anteriormente, tienes ocho opciones a considerar si deseas exportar el tema:<\/p>\n<ul>\n<li>Guardar Fuentes<\/li>\n<li>Guardar Cambios de Plantilla<\/li>\n<li>Procesar S\u00f3lo Plantillas Modificadas<\/li>\n<li>Guardar Plantillas Sincronizadas<\/li>\n<li>Localizar Texto<\/li>\n<li>Localizar Im\u00e1genes<\/li>\n<li>Eliminar Referencias de Navegaci\u00f3n<\/li>\n<\/ul>\n<h3>2. Crear una variaci\u00f3n de tema<\/h3>\n<p>Aunque no resulte obvio a primera vista, esta opci\u00f3n te permite crear no s\u00f3lo una <a href=\"https:\/\/kinsta.com\/es\/blog\/theme-json\/#styles-and-style-variations\">variaci\u00f3n de estilo<\/a>, sino tambi\u00e9n una nueva paleta de colores y\/o una composici\u00f3n tipogr\u00e1fica (una colecci\u00f3n de fuentes que pueden aplicarse a texto, enlaces, encabezados, pies de foto y botones).<\/p>\n<p>En el siguiente ejemplo, hemos creado el estilo \u00abMi Nueva Variaci\u00f3n\u00bb. Para ello, como m\u00ednimo, debes crear una nueva paleta de colores y un nuevo tipo de letra para asociarlos a la nueva variaci\u00f3n de estilo. Ten en cuenta que aqu\u00ed s\u00f3lo ver\u00e1s la nueva variaci\u00f3n (sin cambios en las paletas de colores y tipograf\u00edas predeterminadas).<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/style-variation.png\" alt=\"La parte izquierda muestra el nombre de una nueva variaci\u00f3n de estilo, y la parte derecha confirma su creaci\u00f3n.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">La parte izquierda muestra el nombre de una nueva variaci\u00f3n de estilo, y la parte derecha confirma su creaci\u00f3n.<\/figcaption><\/figure>\n<p>En el siguiente ejemplo, hemos creado una nueva paleta de colores con dos colores que se pueden aplicar a cualquier variaci\u00f3n de estilo. La parte izquierda muestra la creaci\u00f3n de dos colores personalizados para la nueva paleta de colores. La parte central muestra el proceso de guardado. La parte derecha confirma la nueva paleta de colores personalizada.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/custom-color-palette.png\" alt=\"Creaci\u00f3n, guardado y confirmaci\u00f3n de una nueva paleta de colores personalizada con dos colores.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Creaci\u00f3n, guardado y confirmaci\u00f3n de una nueva paleta de colores personalizada con dos colores.<\/figcaption><\/figure>\n<p>Por \u00faltimo, aqu\u00ed hemos creado un nuevo tipo de composici\u00f3n. Se a\u00f1ade una nueva fuente, Roboto, y luego se asigna a los elementos de texto y encabezado (no se muestra).<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/new-typography.png\" alt=\"Creaci\u00f3n, guardado y confirmaci\u00f3n de una nueva composici\u00f3n tipogr\u00e1fica con la fuente Roboto.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Creaci\u00f3n, guardado y confirmaci\u00f3n de una nueva composici\u00f3n tipogr\u00e1fica con la fuente Roboto.<\/figcaption><\/figure>\n<p>La parte derecha indica las fuentes que se est\u00e1n utilizando para la nueva composici\u00f3n, la parte central muestra el proceso de guardado y la parte derecha confirma la nueva composici\u00f3n.<\/p>\n<p>En resumen, puedes crear no s\u00f3lo una variaci\u00f3n de estilo completa, sino una paleta de colores y\/o una composici\u00f3n tipogr\u00e1fica independientes, que puedes aplicar a tu tema de la forma que elijas<\/p>\n<h3>3. Crear un tema en blanco<\/h3>\n<p>Si quieres empezar con un tema limpio, agn\u00f3stico en cuanto a dise\u00f1o, la opci\u00f3n Crear Tema en Blanco es el camino a seguir. Su prop\u00f3sito es similar al del <a href=\"https:\/\/underscores.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">tema Underscores<\/a>, que fue muy popular entre los desarrolladores en los inicios de los <a href=\"https:\/\/developer.wordpress.org\/themes\/\">temas de WordPress<\/a>.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/edit-theme-metadata.png\" alt=\"Proporcionar un nombre y metadatos para un tema en blanco.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Proporcionar un nombre y metadatos para un tema en blanco.<\/figcaption><\/figure>\n<p>Crear un tema de bloques genera un tema base con una estructura m\u00ednima. Como es de esperar, un tema en blanco:<\/p>\n<ul>\n<li>Incluir\u00e1 s\u00f3lo una plantilla index.<\/li>\n<li>No tendr\u00e1 variaciones de estilo.<\/li>\n<li>Cuenta con una \u00fanica parte de plantilla de encabezado y pie de p\u00e1gina.<\/li>\n<li>Contiene un <a href=\"https:\/\/kinsta.com\/es\/blog\/theme-json-propiedades-pares-clave-valor\/\">archivo<\/a> minimalista <code>theme.json<\/code>.<\/li>\n<li>Excluye el archivo <code>functions.php<\/code>.<\/li>\n<\/ul>\n<p>A diferencia de las opciones Crear Tema Nuevo o Crear Variaciones de Estilo, esto crea un tema completamente nuevo que ser\u00e1 evidente visible una vez que accedas la p\u00e1gina Apariencia.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/theme-details.png\" alt=\"El tema en blanco que se muestra en la secci\u00f3n Apariencia.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">El tema en blanco que se muestra en la secci\u00f3n Apariencia.<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Cuando creas un tema en blanco, el estilo m\u00ednimo que tiene procede del archivo <code>theme.json<\/code> predeterminado de WordPress, que proporciona estilos base para todos los temas en bloque. Estos estilos garantizan que el tema funcione correctamente pero siguen siendo m\u00ednimos, sirviendo como punto de partida para la personalizaci\u00f3n.<\/p>\n<\/aside>\n\n<h3>4. Exportar tema como zip<\/h3>\n<p>Esta es una funci\u00f3n muy \u00fatil del plugin, ya que es la forma m\u00e1s eficiente de migrar tu tema activo a un nuevo sitio. La funci\u00f3n de exportaci\u00f3n crea un archivo zip est\u00e1ndar del tema que puede utilizarse para otro sitio.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/export-zip-theme.png\" alt=\"La opci\u00f3n Exportar tema del plugin.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">La opci\u00f3n Exportar tema del plugin.<\/figcaption><\/figure>\n<p>\u00bfCu\u00e1l es la diferencia entre exportar un tema de esta forma y la funci\u00f3n de exportaci\u00f3n integrada en WordPress? Ninguna. Es s\u00f3lo una forma muy c\u00f3moda de exportar el tema activo.<\/p>\n<p>Si no est\u00e1s familiarizado con el m\u00e9todo incorporado para exportar un tema activo, selecciona la opci\u00f3n de los tres puntos en la esquina superior derecha y localiza la opci\u00f3n <strong>Exportar<\/strong>.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/defualt-export-theme.png\" alt=\"Proporcionar un nombre y metadatos para un tema en blanco\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Opci\u00f3n Exportar por defecto de WordPress.<\/figcaption><\/figure>\n<h3>5. Crear un tema nuevo<\/h3>\n<p>Examinemos los dos enfoques que ofrece el plugin para crear un tema nuevo. Al igual que con el tema en blanco, los temas creados con esta opci\u00f3n tambi\u00e9n aparecer\u00e1n en la p\u00e1gina <strong>Apariencia<\/strong> &gt; <strong>Temas<\/strong> y se convertir\u00e1n autom\u00e1ticamente en el tema activo tras su creaci\u00f3n.<\/p>\n<p>Independientemente de la opci\u00f3n que elijas \u2013 <strong>Clonar un tema<\/strong> o <strong>Crear un tema hijo<\/strong>, tendr\u00e1s las mismas opciones que en el caso del Tema en Blanco.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/two-ways-create-theme.png\" alt=\"Elige cualquiera de ellas para crear un clon o un tema hijo.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Elige cualquiera de ellas para crear un clon o un tema hijo.<\/figcaption><\/figure>\n<h4>Clonar tema<\/h4>\n<p>Clonar un tema crea un duplicado de los cambios guardados en el tema activo. Una vez que decidas el nombre del tema clonado, tambi\u00e9n puedes establecer metadatos para el tema como se indica a continuaci\u00f3n:<\/p>\n<ul>\n<li>Nombre del tema<\/li>\n<li>Descripci\u00f3n del tema<\/li>\n<li>URI del tema<\/li>\n<li>Autor<\/li>\n<li>URI del autor<\/li>\n<li>Versi\u00f3n m\u00ednima de WordPress<\/li>\n<\/ul>\n<h4>Crear tema hijo<\/h4>\n<p>Crear un tema hijo proporciona a los desarrolladores la forma adecuada de realizar cambios en un tema sin alterar su c\u00f3digo.<\/p>\n<p>Tus opciones de metadatos son las mismas que en la creaci\u00f3n de un tema clon.<\/p>\n<h3>6. Editar los metadatos del tema<\/h3>\n<p>Puedes personalizar los metadatos de tu tema activo directamente a trav\u00e9s del plugin. Los campos de metadatos que puedes actualizar incluyen:<\/p>\n<ul>\n<li><strong>Nombre del Tema<\/strong>: El nombre que aparece en el gestor de temas de WordPress.<\/li>\n<li><strong>Descripci\u00f3n del Tema<\/strong>: Una breve descripci\u00f3n de la finalidad o caracter\u00edsticas de tu tema.<\/li>\n<li><strong>URI del Tema<\/strong>: Una URL que apunta a la documentaci\u00f3n o demo del tema.<\/li>\n<li><strong>Autor<\/strong>: El nombre del creador del tema.<\/li>\n<li><strong>Versi\u00f3n del Tema<\/strong>: El n\u00famero de versi\u00f3n del tema.<\/li>\n<li><strong>Versi\u00f3n M\u00ednima de WordPress<\/strong>: La versi\u00f3n de WordPress m\u00e1s antigua compatible con el tema.<\/li>\n<li><strong>Etiquetas del Tema<\/strong>: Palabras clave para categorizar y describir tu tema.<\/li>\n<li><strong>Plugins Recomendados<\/strong>: Plugins de los que depende o que mejoran tu tema.<\/li>\n<li><strong>Cr\u00e9ditos de Fuentes<\/strong>: Reconocimiento de cualquier fuente utilizada en tu tema.<\/li>\n<li><strong>Cr\u00e9ditos de Im\u00e1genes<\/strong>: Reconocimiento de cualquier imagen utilizada en tu tema.<\/li>\n<li><strong>Captura de Pantalla<\/strong>: La imagen de previsualizaci\u00f3n mostrada en el gestor de temas de WordPress.<\/li>\n<\/ul>\n<p>Estos campos son esenciales para que tu tema sea profesional y est\u00e9 listo para su distribuci\u00f3n.<\/p>\n<h3>7. Ver theme.json<\/h3>\n<p>Si necesitas echar un vistazo r\u00e1pido a tu <a href=\"https:\/\/kinsta.com\/es\/blog\/theme-json\/\">archivo<\/a> <code>theme.json<\/code>, el plugin proporciona una <strong>vista de s\u00f3lo lectura<\/strong> del archivo <code>theme.json<\/code> de tu tema. Este archivo contiene los estilos y ajustes globales de tu tema, como colores, <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-tipografia-theme-json\/\">tipograf\u00eda<\/a> y configuraciones de dise\u00f1o.<\/p>\n<p>Revisar este archivo te permite verificar r\u00e1pidamente las personalizaciones aplicadas a tu tema.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/theme.json-info.png\" alt=\"Vista de s\u00f3lo lectura de theme.json.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Vista de s\u00f3lo lectura de theme.json.<\/figcaption><\/figure>\n<h3>8. Ver estilos personalizados<\/h3>\n<p>En los temas de bloques hijo, el archivo <code>theme.json<\/code> incluye personalizaciones que no afectan al tema padre. Esto garantiza que el tema padre permanezca intacto mientras implementas cambios espec\u00edficos en el tema hijo.<\/p>\n<p>La interfaz para ver estos estilos personalizados es la misma que la utilizada para el archivo <code>theme.json<\/code> del tema padre.<\/p>\n<h3>9. Restablecer tema<\/h3>\n<p>Esta opci\u00f3n te permite restablecer los cambios realizados en tu tema, incluyendo estilos, plantillas y partes de plantillas, al estado en el que se encontraban cuando guardaste por \u00faltima vez.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/reset-theme.png\" alt=\"Las opciones de Restablecer proporcionadas por el plugin.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Las opciones de Restablecer proporcionadas por el plugin.<\/figcaption><\/figure>\n<p>Para un enfoque m\u00e1s s\u00f3lido, puedes utilizar la funci\u00f3n de <strong>Revisiones<\/strong> de WordPress. Esta funcionalidad integrada proporciona un historial detallado de tus cambios, lo que te permite restaurar tu tema a un estado anterior con precisi\u00f3n.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2025\/01\/theme-revisions.png\" alt=\"Funci\u00f3n Revisiones de WordPress.\" width=\"1464\" height=\"1107\"><figcaption class=\"wp-caption-text\">Funci\u00f3n Revisiones de WordPress.<\/figcaption><\/figure>\n<h2>Resumen<\/h2>\n<p>Si est\u00e1s empezando a desarrollar un tema de bloques personalizado, el plugin Crear Tema de Bloques es una herramienta ideal. Aprovecha todas las capacidades de WordPress como herramienta de creaci\u00f3n de temas, haciendo que tu tema sea m\u00e1s r\u00e1pido.<\/p>\n<p>A medida que trabajes con el plugin, recibir\u00e1s alertas del navegador que te ayudar\u00e1n a comprender los pasos que est\u00e1s a punto de dar.<\/p>\n<p>En esencia, este plugin permite una transferencia de datos de la base de datos al sistema de archivos. Cuando se realizan cambios en un tema, esos cambios se guardan en la base de datos. Este plugin extrae esos cambios de la base de datos y crea los archivos necesarios para un nuevo tema y\/o para una exportaci\u00f3n si es necesario.<\/p>\n<p>Como este plugin est\u00e1 en desarrollo activo, puedes esperar mejoras, pero estate atento a posibles cambios de \u00faltima hora. Cuando pruebes una funcionalidad concreta, utiliza siempre un entorno staging. En Kinsta, <a href=\"https:\/\/kinsta.com\/es\/docs\/alojamiento-wordpress\/herramientas-mykinsta\/\" target=\"_blank\" rel=\"noopener noreferrer\">ofrecemos herramientas<\/a> que facilitan el trabajo de los creadores y desarrolladores de temas con WordPress.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/es\/suscripcion\/wp\/\" target=\"_blank\" rel=\"noopener noreferrer\">Prueba Kinsta hoy mismo<\/a> y descubre c\u00f3mo podemos ayudarte a crear incre\u00edbles temas para WordPress<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Como ocurre con la mayor\u00eda de los desarrollos de software, no es necesario empezar de cero para crear algo de valor para tus clientes o para &#8230;<\/p>\n","protected":false},"author":313,"featured_media":78334,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1355],"class_list":["post-78333","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-temas-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Crear un tema de bloques con el plugin Create Block Theme<\/title>\n<meta name=\"description\" content=\"Esta gu\u00eda explica los pasos esenciales que te ayudar\u00e1n a dise\u00f1ar f\u00e1cilmente un tema de bloques totalmente funcional utilizando el plugin Create Block Theme.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crear un tema de bloques con el plugin Create Block Theme\" \/>\n<meta property=\"og:description\" content=\"Esta gu\u00eda explica los pasos esenciales que te ayudar\u00e1n a dise\u00f1ar f\u00e1cilmente un tema de bloques totalmente funcional utilizando el plugin Create Block Theme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-25T07:40:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-28T10:47:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bud Kraus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Esta gu\u00eda explica los pasos esenciales que te ayudar\u00e1n a dise\u00f1ar f\u00e1cilmente un tema de bloques totalmente funcional utilizando el plugin Create Block Theme.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bud Kraus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/\"},\"author\":{\"name\":\"Bud Kraus\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\"},\"headline\":\"Crear un tema de bloques con el plugin Create Block Theme\",\"datePublished\":\"2025-02-25T07:40:06+00:00\",\"dateModified\":\"2025-02-28T10:47:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/\"},\"wordCount\":2117,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png\",\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/\",\"name\":\"Crear un tema de bloques con el plugin Create Block Theme\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png\",\"datePublished\":\"2025-02-25T07:40:06+00:00\",\"dateModified\":\"2025-02-28T10:47:46+00:00\",\"description\":\"Esta gu\u00eda explica los pasos esenciales que te ayudar\u00e1n a dise\u00f1ar f\u00e1cilmente un tema de bloques totalmente funcional utilizando el plugin Create Block Theme.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Temas WordPress\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/temas-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Crear un tema de bloques con el plugin Create Block Theme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\",\"name\":\"Bud Kraus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"caption\":\"Bud Kraus\"},\"description\":\"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/budkraus\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Crear un tema de bloques con el plugin Create Block Theme","description":"Esta gu\u00eda explica los pasos esenciales que te ayudar\u00e1n a dise\u00f1ar f\u00e1cilmente un tema de bloques totalmente funcional utilizando el plugin Create Block Theme.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"Crear un tema de bloques con el plugin Create Block Theme","og_description":"Esta gu\u00eda explica los pasos esenciales que te ayudar\u00e1n a dise\u00f1ar f\u00e1cilmente un tema de bloques totalmente funcional utilizando el plugin Create Block Theme.","og_url":"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2025-02-25T07:40:06+00:00","article_modified_time":"2025-02-28T10:47:46+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png","type":"image\/png"}],"author":"Bud Kraus","twitter_card":"summary_large_image","twitter_description":"Esta gu\u00eda explica los pasos esenciales que te ayudar\u00e1n a dise\u00f1ar f\u00e1cilmente un tema de bloques totalmente funcional utilizando el plugin Create Block Theme.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin-1024x512.png","twitter_creator":"@Kinsta_ES","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Bud Kraus","Tiempo de lectura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/"},"author":{"name":"Bud Kraus","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed"},"headline":"Crear un tema de bloques con el plugin Create Block Theme","datePublished":"2025-02-25T07:40:06+00:00","dateModified":"2025-02-28T10:47:46+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/"},"wordCount":2117,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png","inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/","url":"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/","name":"Crear un tema de bloques con el plugin Create Block Theme","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png","datePublished":"2025-02-25T07:40:06+00:00","dateModified":"2025-02-28T10:47:46+00:00","description":"Esta gu\u00eda explica los pasos esenciales que te ayudar\u00e1n a dise\u00f1ar f\u00e1cilmente un tema de bloques totalmente funcional utilizando el plugin Create Block Theme.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2025\/02\/building-a-block-theme-using-the-create-block-theme-plugin.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/desarrollo-temas-de-bloques-de-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Temas WordPress","item":"https:\/\/kinsta.com\/es\/secciones\/temas-wordpress\/"},{"@type":"ListItem","position":3,"name":"Crear un tema de bloques con el plugin Create Block Theme"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed","name":"Bud Kraus","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","caption":"Bud Kraus"},"description":"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.","url":"https:\/\/kinsta.com\/es\/blog\/author\/budkraus\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/78333","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/313"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=78333"}],"version-history":[{"count":10,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/78333\/revisions"}],"predecessor-version":[{"id":78408,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/78333\/revisions\/78408"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78333\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78333\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78333\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78333\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78333\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78333\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78333\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78333\/translations\/es"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/78333\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/78334"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=78333"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=78333"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=78333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}