{"id":130709,"date":"2026-01-06T11:49:41","date_gmt":"2026-01-06T11:49:41","guid":{"rendered":"https:\/\/www.bluehost.com\/blog\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/"},"modified":"2025-03-06T09:03:10","modified_gmt":"2025-03-06T09:03:10","slug":"que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos","status":"publish","type":"post","link":"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/","title":{"rendered":"\u00bfQu\u00e9 son los patrones de bloques de Gutenberg en WordPress y c\u00f3mo usarlos?"},"content":{"rendered":"\n<p>Cuando el <a href=\"https:\/\/www.bluehost.com\/blog\/exploring-gutenberg-learning-to-navigate-the-new-wordpress-editor\/\">editor de bloques de WordPress<\/a> (tambi\u00e9n conocido como Gutenberg) se lanz\u00f3 por primera vez en 2018, se hizo m\u00e1s f\u00e1cil crear p\u00e1ginas web din\u00e1micas para su sitio web de WordPress. En 2020, se a\u00f1adieron nuevas funciones a Gutenberg para permitir una mayor personalizaci\u00f3n. <\/p>\n\n<p>Esto incluy\u00f3 el lanzamiento de los patrones de bloques de Gutenberg. Lanzado con WordPress 5.5, los patrones de bloques de Gutenberg te permiten utilizar colecciones de bloques seleccionadas para crear una p\u00e1gina bien dise\u00f1ada en menos tiempo. <\/p>\n\n<p>Sigue leyendo para aprender:<\/p>\n\n<ul class=\"wp-block-list\"><li>Qu\u00e9 son los patrones de bloques de Gutenberg<\/li><li>Cu\u00e1ndo se deben usar los patrones de bloques de Gutenberg<\/li><li>C\u00f3mo usar los patrones de bloques de Gutenberg<\/li><\/ul>\n\n<h2 class=\"wp-block-heading\">Patrones de bloques de Gutenberg: explicaci\u00f3n<\/h2>\n\n<p>Los patrones de bloques de Gutenberg (o simplemente, <em>patrones de bloques<\/em>) son dise\u00f1os predefinidos formados por bloques regulares de Gutenberg. Los patrones de bloques act\u00faan igual que los bloques normales, lo que significa que puede editarlos despu\u00e9s de insertarlos. <\/p>\n\n<p>Sin embargo, los dise\u00f1os predefinidos facilitan la creaci\u00f3n de una p\u00e1gina m\u00e1s atractiva. Con los patrones de bloques, puede elegir entre varios dise\u00f1os para personalizar cada secci\u00f3n. <\/p>\n\n<p>Los patrones de bloques pueden ser simples (como un grupo de botones) o tener un prop\u00f3sito espec\u00edfico (como una secci\u00f3n de informaci\u00f3n de contacto).<\/p>\n\n<p>Adem\u00e1s de las opciones predeterminadas de patrones de bloques, tambi\u00e9n puede crear patrones personalizados. Esto significa que los desarrolladores de temas y plugins pueden a\u00f1adir sus propios patrones de bloques, lo que te da m\u00e1s opciones de personalizaci\u00f3n. <\/p>\n\n<h2 class=\"wp-block-heading\">\u00bfPor qu\u00e9 usar patrones de bloques de Gutenberg?<\/h2>\n\n<p>Entonces, \u00bfqu\u00e9 significan para ti los patrones de bloques de Gutenberg?  <\/p>\n\n<p>Esencialmente, te permiten crear un dise\u00f1o web m\u00e1s atractivo en WordPress en menos tiempo.<\/p>\n\n<p>Cuando WordPress lanz\u00f3 por primera vez el editor Gutenberg, los bloques facilitaron la creaci\u00f3n de p\u00e1ginas ricas en medios. Desafortunadamente, el lienzo en blanco se volvi\u00f3 un poco intimidante. Los usuarios ten\u00edan que pensar en el dise\u00f1o de la p\u00e1gina adem\u00e1s del contenido.    <\/p>\n\n<p>Despu\u00e9s de la introducci\u00f3n de los patrones de bloques, la creaci\u00f3n de p\u00e1ginas web personalizables se volvi\u00f3 mucho m\u00e1s f\u00e1cil. Tanto si eres un veterano de WordPress como un <a href=\"https:\/\/www.bluehost.com\/es-es\/blog\/como-usar-wordpress-una-guia-paso-a-paso-para-principiantes\/\">principiante<\/a>, puedes pasar menos tiempo preocup\u00e1ndote por el dise\u00f1o y m\u00e1s tiempo creando contenido incre\u00edble.   <\/p>\n\n<h2 class=\"wp-block-heading\">C\u00f3mo usar los patrones de bloques de Gutenberg<\/h2>\n\n<h3 class=\"wp-block-heading\">Uso de los patrones de bloque predeterminados<\/h3>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/k20WDovyjT9jtA6n0wADfN8H5JcFrn_qfjB48sUe_-UIIPeaX_9S4AHv-HujoTyAUP2VBKyYEbhb6xlA3NlW_wlR53c5tsvO7XVHoy9QPYtM752Idkk2w20b6pexGObgKCJMJyrA\" alt=\"\"\/><\/figure>\n\n<p>Para acceder a la funci\u00f3n de patr\u00f3n de bloques de Gutenberg, deber\u00e1 instalar <a href=\"https:\/\/www.wpbeginner.com\/news\/whats-coming-in-wordpress-5-5-features-and-screenshots\/\">WordPress 5.5<\/a> o posterior. Una vez que tu versi\u00f3n de WordPress est\u00e9 actualizada, los pasos para agregar un patr\u00f3n de bloque son similares a los de agregar un bloque normal. <\/p>\n\n<p>Comienza abriendo el editor de p\u00e1ginas de WordPress. Puede hacerlo editando una p\u00e1gina existente o creando una nueva p\u00e1gina. <\/p>\n\n<p>A continuaci\u00f3n, haga clic en el icono <strong>m\u00e1s<\/strong> <strong>+<\/strong> en la esquina superior izquierda para abrir la interfaz de inserci\u00f3n de WordPress. Si hace clic en el icono <strong>m\u00e1s<\/strong> <strong>+<\/strong> dentro de la p\u00e1gina, es posible que deba seleccionar <strong>Examinar todo<\/strong> para abrir la interfaz del insertador en el lado izquierdo del editor. <\/p>\n\n<p>Una vez que la interfaz est\u00e9 abierta, haga clic en la pesta\u00f1a <strong>Patrones <\/strong>.<\/p>\n\n<p>Esto le permitir\u00e1 navegar por los diversos patrones de bloques disponibles. Los patrones se organizan en categor\u00edas como botones, galer\u00eda y columnas.   <\/p>\n\n<p>El editor predeterminado de Gutenberg ofrece solo un pu\u00f1ado de opciones para comenzar. Sin embargo, puedes instalar ciertos temas y plugins que proporcionan opciones adicionales (m\u00e1s sobre esto m\u00e1s adelante). <\/p>\n\n<p>Para insertar un patr\u00f3n de bloques de Gutenberg, simplemente haga clic en el patr\u00f3n de su elecci\u00f3n. El patr\u00f3n de bloques se insertar\u00e1 en tu p\u00e1gina de WordPress.   <\/p>\n\n<h3 class=\"wp-block-heading\">Edici\u00f3n de patrones de bloques<\/h3>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/7Nv46b7AFy-WYOwSltzh5DsCqX9Poxoxy2QfN_ZziVn0k_NdNrypmf6Zy0xGeTkbTMdyA4WyInmTIPaMw5kUG81Wyibu78wuOSzzF8VQsYsEdxzfxqN-YtfFdCJtHhGShmv_ilj7\" alt=\"\"\/><\/figure>\n\n<p>Una vez que el patr\u00f3n de bloques est\u00e9 en tu p\u00e1gina, puedes editar todos los elementos dentro del dise\u00f1o. Recuerde, los patrones de bloques est\u00e1n hechos de bloques individuales que han sido seleccionados en estas plantillas. Por lo tanto, act\u00faan como bloques normales.  <\/p>\n\n<h3 class=\"wp-block-heading\">Encontrar m\u00e1s patrones de bloques<\/h3>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/R6CBMMv9jJJNd3VyDXSghg2LW29MBAN0aUXsOQPN0bW6kpaqhsO2vusi6DXQcXcdw4jIJxd0qov92o0-It493T_AecQELY2_RUbQIfqdqmjGrr2fsDmCYPvWwQyPGUMhPJwa7nRO\" alt=\"\"\/><\/figure>\n\n<p>Si quieres m\u00e1s opciones de patrones de bloques, puedes instalar el plugin <a href=\"https:\/\/wordpress.org\/plugins\/redux-framework\/\">Gutenberg Blocks Library &amp; Framework<\/a> de Redux. Este plugin gratuito te da acceso a su biblioteca de patrones de bloques, que se actualiza constantemente. <\/p>\n\n<p>La biblioteca tiene miles de dise\u00f1os de patrones de bloques para elegir. Lo mejor de todo es que puedes filtrar f\u00e1cilmente tu b\u00fasqueda para encontrar patrones de bloques que funcionen con tu tema y plugins actuales. <\/p>\n\n<h3 class=\"wp-block-heading\">Creaci\u00f3n de patrones de bloques personalizados<\/h3>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/of6PVwXK-BTGbKYR9v7orKHxnmc0BHiyPkgccph3a8s4ltVTYJzdHxaWvfU0S0DHbEYuVTIAETaaf7M0avGJESalK2KDM4R_VdslR8IubADCeYH60yu5bTzX7V2u38RJJbQGunbo\" alt=\"\"\/><\/figure>\n\n<p>\u00bfY si quieres crear tus propios patrones?<\/p>\n\n<p>Los desarrolladores pueden crear y enviar patrones de bloques personalizados mediante c\u00f3digo. Sin embargo, si no est\u00e1s familiarizado con el desarrollo web, hay varios plugins que pueden ayudarte a crear y guardar tus propios patrones de bloques personalizados sin necesidad de codificar. <\/p>\n\n<p>El plugin <a href=\"https:\/\/wordpress.org\/plugins\/block-pattern-builder\/\">Block Pattern Builder<\/a> de Justin Tadlock es un plugin gratuito que te permite crear y guardar patrones de bloques personalizados. Una vez que instales y actives el plugin, crear un nuevo patr\u00f3n de bloques es sencillo. <\/p>\n\n<p>Empieza por insertar y organizar los bloques individuales en tu editor de WordPress. Una vez que los tenga en un dise\u00f1o que le guste, seleccione los bloques y expanda el men\u00fa usando la opci\u00f3n de men\u00fa de tres puntos a la derecha. <\/p>\n\n<p>Ahora tendr\u00e1 la opci\u00f3n de <strong>Agregar a patrones de bloques<\/strong>. Simplemente asigne un nombre a su patr\u00f3n de bloques y gu\u00e1rdelo en su biblioteca. Los patrones de bloques que cree se guardan en la secci\u00f3n <strong>Sin categorizar<\/strong> de la pesta\u00f1a <strong>Patrones<\/strong> .  <\/p>\n\n<p>Con la adici\u00f3n de los patrones de bloques de Gutenberg, WordPress contin\u00faa modernizando su experiencia de usuario. Ahora, con una biblioteca de patrones de bloques predefinidos, puedes crear r\u00e1pidamente dise\u00f1os bien dise\u00f1ados para todas tus p\u00e1ginas. <\/p>\n\n<p>Varias opciones de personalizaci\u00f3n y plugins hacen que sea m\u00e1s f\u00e1cil que nunca crear p\u00e1ginas personalizadas en WordPress. El uso del nuevo editor de bloques y los patrones de bloques de Gutenberg significa que puede crear un sitio web profesional atractivo en cuesti\u00f3n de d\u00edas. <\/p>\n\n<p>\u00bfListo para crear tu propio sitio? Elige el servicio de alojamiento recomendado por WordPress. Echa un vistazo a <a href=\"http:\/\/bluehost.com\/wordpress\">los planes de alojamiento de WordPress de Bluehost<\/a> hoy mismo.  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cuando el editor de bloques de WordPress (tambi\u00e9n conocido como Gutenberg) se lanz\u00f3 por primera vez en 2018, se hizo m\u00e1s f\u00e1cil crear p\u00e1ginas web din\u00e1micas para su sitio web de WordPress. En 2020, se a\u00f1adieron nuevas funciones a Gutenberg para permitir una mayor personalizaci\u00f3n. Esto incluy\u00f3 el lanzamiento de los patrones de bloques de [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":130710,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_title":"Patrones de bloques de Gutenberg - Dise\u00f1o personalizable de WordPress | Anfitri\u00f3n azul","_yoast_wpseo_metadesc":"Crear dise\u00f1os de p\u00e1gina personalizados en WordPress es m\u00e1s f\u00e1cil que nunca. Aprende a utilizar los patrones de bloques de Gutenberg para simplificar tu proceso de creaci\u00f3n web.","inline_featured_image":false,"footnotes":""},"categories":[3093,1361],"tags":[3672],"ppma_author":[602],"class_list":["post-130709","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno","category-sitio-web","tag-guias-practicas"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.1 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Patrones de bloques de Gutenberg - Dise\u00f1o personalizable de WordPress | Anfitri\u00f3n azul<\/title>\n<meta name=\"description\" content=\"Crear dise\u00f1os de p\u00e1gina personalizados en WordPress es m\u00e1s f\u00e1cil que nunca. Aprende a utilizar los patrones de bloques de Gutenberg para simplificar tu proceso de creaci\u00f3n web.\" \/>\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.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/posts\/130709\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfQu\u00e9 son los patrones de bloques de Gutenberg en WordPress y c\u00f3mo usarlos?\" \/>\n<meta property=\"og:description\" content=\"Crear dise\u00f1os de p\u00e1gina personalizados en WordPress es m\u00e1s f\u00e1cil que nunca. Aprende a utilizar los patrones de bloques de Gutenberg para simplificar tu proceso de creaci\u00f3n web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/\" \/>\n<meta property=\"og:site_name\" content=\"Bluehost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bluehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-06T11:49:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2020\/09\/Social-Templates-100-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Machielle Thomas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/machiellethomas\" \/>\n<meta name=\"twitter:site\" content=\"@bluehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Machielle Thomas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/\"},\"author\":{\"name\":\"Machielle Thomas\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/person\/5f0415b94c1232ec2b636fb579189d3c\"},\"headline\":\"\u00bfQu\u00e9 son los patrones de bloques de Gutenberg en WordPress y c\u00f3mo usarlos?\",\"datePublished\":\"2026-01-06T11:49:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/\"},\"wordCount\":1113,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2020\/09\/Social-Templates-100-1.png\",\"keywords\":[\"Gu\u00edas pr\u00e1cticas\"],\"articleSection\":[\"Dise\u00f1o\",\"Sitio web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/\",\"url\":\"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/\",\"name\":\"Patrones de bloques de Gutenberg - Dise\u00f1o personalizable de WordPress | Anfitri\u00f3n azul\",\"isPartOf\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2020\/09\/Social-Templates-100-1.png\",\"datePublished\":\"2026-01-06T11:49:41+00:00\",\"description\":\"Crear dise\u00f1os de p\u00e1gina personalizados en WordPress es m\u00e1s f\u00e1cil que nunca. Aprende a utilizar los patrones de bloques de Gutenberg para simplificar tu proceso de creaci\u00f3n web.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/#primaryimage\",\"url\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2020\/09\/Social-Templates-100-1.png\",\"contentUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2020\/09\/Social-Templates-100-1.png\",\"width\":1024,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.bluehost.com\/es-es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sitio web\",\"item\":\"https:\/\/www.bluehost.com\/blog\/es\/category\/sitio-web\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"\u00bfQu\u00e9 son los patrones de bloques de Gutenberg en WordPress y c\u00f3mo usarlos?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#website\",\"url\":\"https:\/\/www.bluehost.com\/blog\/es\/\",\"name\":\"Bluehost\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bluehost.com\/blog\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#organization\",\"name\":\"Bluehost\",\"url\":\"https:\/\/www.bluehost.com\/blog\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg\",\"contentUrl\":\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg\",\"width\":136,\"height\":24,\"caption\":\"Bluehost\"},\"image\":{\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/bluehost\/\",\"https:\/\/x.com\/bluehost\",\"https:\/\/www.linkedin.com\/company\/bluehost-com\/\",\"https:\/\/www.youtube.com\/user\/bluehost\",\"https:\/\/en.wikipedia.org\/wiki\/Bluehost\"],\"description\":\"Bluehost is a leading web hosting provider empowering millions of websites worldwide. \\u2028Discover how Bluehost's expertise, reliability, and innovation can help you achieve your online goals.\",\"telephone\":\"+1-888-401-4678\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/person\/5f0415b94c1232ec2b636fb579189d3c\",\"name\":\"Machielle Thomas\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/person\/image\/d4ddb5ba781119f57d9935f3cbd6875a\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/68d6030908d825bb56c64a6db30231734458b2f95e17c82f374b2f9c1c0f3924?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/68d6030908d825bb56c64a6db30231734458b2f95e17c82f374b2f9c1c0f3924?s=96&d=mm&r=g\",\"caption\":\"Machielle Thomas\"},\"description\":\"Machielle is a content enthusiast who has a passion for bridging the gap between audiences and brands through impactful storytelling. Machielle has also spoken at dozens of WordCamps throughout the years.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/machielle-thomas-99752179\",\"https:\/\/x.com\/https:\/\/twitter.com\/machiellethomas\"],\"knowsAbout\":[\"Content Marketing\",\"Storytelling\",\"Leadership\"],\"jobTitle\":\"Course Instructor\",\"worksFor\":\"LinkedIn\",\"url\":\"https:\/\/www.bluehost.com\/blog\/es\/author\/machiellet\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Patrones de bloques de Gutenberg - Dise\u00f1o personalizable de WordPress | Anfitri\u00f3n azul","description":"Crear dise\u00f1os de p\u00e1gina personalizados en WordPress es m\u00e1s f\u00e1cil que nunca. Aprende a utilizar los patrones de bloques de Gutenberg para simplificar tu proceso de creaci\u00f3n web.","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.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/posts\/130709\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfQu\u00e9 son los patrones de bloques de Gutenberg en WordPress y c\u00f3mo usarlos?","og_description":"Crear dise\u00f1os de p\u00e1gina personalizados en WordPress es m\u00e1s f\u00e1cil que nunca. Aprende a utilizar los patrones de bloques de Gutenberg para simplificar tu proceso de creaci\u00f3n web.","og_url":"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/","og_site_name":"Bluehost Blog","article_publisher":"https:\/\/www.facebook.com\/bluehost\/","article_published_time":"2026-01-06T11:49:41+00:00","og_image":[{"width":1024,"height":512,"url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2020\/09\/Social-Templates-100-1.png","type":"image\/png"}],"author":"Machielle Thomas","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/machiellethomas","twitter_site":"@bluehost","twitter_misc":{"Escrito por":"Machielle Thomas","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/#article","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/"},"author":{"name":"Machielle Thomas","@id":"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/person\/5f0415b94c1232ec2b636fb579189d3c"},"headline":"\u00bfQu\u00e9 son los patrones de bloques de Gutenberg en WordPress y c\u00f3mo usarlos?","datePublished":"2026-01-06T11:49:41+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/"},"wordCount":1113,"commentCount":0,"publisher":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/#organization"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2020\/09\/Social-Templates-100-1.png","keywords":["Gu\u00edas pr\u00e1cticas"],"articleSection":["Dise\u00f1o","Sitio web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/","url":"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/","name":"Patrones de bloques de Gutenberg - Dise\u00f1o personalizable de WordPress | Anfitri\u00f3n azul","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/#primaryimage"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2020\/09\/Social-Templates-100-1.png","datePublished":"2026-01-06T11:49:41+00:00","description":"Crear dise\u00f1os de p\u00e1gina personalizados en WordPress es m\u00e1s f\u00e1cil que nunca. Aprende a utilizar los patrones de bloques de Gutenberg para simplificar tu proceso de creaci\u00f3n web.","breadcrumb":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/#primaryimage","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2020\/09\/Social-Templates-100-1.png","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2020\/09\/Social-Templates-100-1.png","width":1024,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/www.bluehost.com\/blog\/es\/que-son-los-patrones-de-bloques-de-gutenberg-en-wordpress-y-como-usarlos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.bluehost.com\/es-es\/blog\/"},{"@type":"ListItem","position":2,"name":"Sitio web","item":"https:\/\/www.bluehost.com\/blog\/es\/category\/sitio-web\/"},{"@type":"ListItem","position":3,"name":"\u00bfQu\u00e9 son los patrones de bloques de Gutenberg en WordPress y c\u00f3mo usarlos?"}]},{"@type":"WebSite","@id":"https:\/\/www.bluehost.com\/blog\/es\/#website","url":"https:\/\/www.bluehost.com\/blog\/es\/","name":"Bluehost","description":"","publisher":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bluehost.com\/blog\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.bluehost.com\/blog\/es\/#organization","name":"Bluehost","url":"https:\/\/www.bluehost.com\/blog\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg","width":136,"height":24,"caption":"Bluehost"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bluehost\/","https:\/\/x.com\/bluehost","https:\/\/www.linkedin.com\/company\/bluehost-com\/","https:\/\/www.youtube.com\/user\/bluehost","https:\/\/en.wikipedia.org\/wiki\/Bluehost"],"description":"Bluehost is a leading web hosting provider empowering millions of websites worldwide. \u2028Discover how Bluehost's expertise, reliability, and innovation can help you achieve your online goals.","telephone":"+1-888-401-4678"},{"@type":"Person","@id":"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/person\/5f0415b94c1232ec2b636fb579189d3c","name":"Machielle Thomas","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.bluehost.com\/blog\/es\/#\/schema\/person\/image\/d4ddb5ba781119f57d9935f3cbd6875a","url":"https:\/\/secure.gravatar.com\/avatar\/68d6030908d825bb56c64a6db30231734458b2f95e17c82f374b2f9c1c0f3924?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/68d6030908d825bb56c64a6db30231734458b2f95e17c82f374b2f9c1c0f3924?s=96&d=mm&r=g","caption":"Machielle Thomas"},"description":"Machielle is a content enthusiast who has a passion for bridging the gap between audiences and brands through impactful storytelling. Machielle has also spoken at dozens of WordCamps throughout the years.","sameAs":["https:\/\/www.linkedin.com\/in\/machielle-thomas-99752179","https:\/\/x.com\/https:\/\/twitter.com\/machiellethomas"],"knowsAbout":["Content Marketing","Storytelling","Leadership"],"jobTitle":"Course Instructor","worksFor":"LinkedIn","url":"https:\/\/www.bluehost.com\/blog\/es\/author\/machiellet\/"}]}},"authors":[{"term_id":602,"user_id":6,"is_guest":0,"slug":"machiellet","display_name":"Machielle Thomas","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/68d6030908d825bb56c64a6db30231734458b2f95e17c82f374b2f9c1c0f3924?s=96&d=mm&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":""}],"_links":{"self":[{"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/posts\/130709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/comments?post=130709"}],"version-history":[{"count":0,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/posts\/130709\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/media\/130710"}],"wp:attachment":[{"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/media?parent=130709"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/categories?post=130709"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/tags?post=130709"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/es\/wp-json\/wp\/v2\/ppma_author?post=130709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}