{"id":367265,"date":"2023-02-27T11:09:00","date_gmt":"2023-02-27T08:09:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=367265"},"modified":"2023-04-04T10:11:12","modified_gmt":"2023-04-04T07:11:12","slug":"patrones-de-bloques-de-gutenberg-que-son-y-mas","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/patrones-de-bloques-de-gutenberg-que-son-y-mas\/","title":{"rendered":"Patrones de bloques de Gutenberg: qu\u00e9 son y m\u00e1s"},"content":{"rendered":"\n<p>Crear sitios web es m\u00e1s f\u00e1cil que nunca. Hoy en d\u00eda, cualquiera puede crear, editar y personalizar p\u00e1ginas de sitios web incluso sin conocimientos previos de codificaci\u00f3n. Gracias a los creadores de p\u00e1ginas intuitivos de <a href=\"https:\/\/wpklik.com\/wordpress-tips\/best-wordpress-page-builder\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WordPress<\/a>, crear p\u00e1ginas desde cero puede ser divertido y f\u00e1cil. Ya sea que prefiera <a href=\"https:\/\/themewp.inform.click\/es\/consejos-para-comenzar-con-wpbakery-page-builder\/\" title=\"el creador de p\u00e1ginas WPbakery\">el creador de p\u00e1ginas WPbakery<\/a>, <a href=\"https:\/\/themewp.inform.click\/es\/una-breve-introduccion-a-wordpress-gutenberg\/\" title=\"el editor de bloques Gutenberg\">el editor de bloques Gutenberg<\/a> o elija el <a href=\"https:\/\/themewp.inform.click\/es\/complemento-elementor-wordpress-que-tan-poderoso-es\/\" title=\"creador de p\u00e1ginas Elementor\">creador de p\u00e1ginas Elementor<\/a>, ya sabe que estos creadores le ahorran tiempo, energ\u00eda y dinero. En otras palabras, no tiene que contratar desarrolladores ni pasar horas tratando de cambiar algo en su sitio.<\/p>\n<p>Si Gutenberg es su constructor de elecci\u00f3n, ya sabe que se basa en el concepto de bloques. Aqu\u00ed, el antiguo campo de edici\u00f3n se reemplaza con un mont\u00f3n de bloques nuevos e individuales. Un bloque puede ser cualquier cosa, desde <strong>texto sin formato, imagen, video hasta widget, bot\u00f3n, tabla<\/strong>, etc. Entonces, dependiendo de tus necesidades, <strong>eliges el tipo de bloque que necesitas y lo personalizas seg\u00fan tus necesidades personales<\/strong>.<\/p>\n<p>Este creador de p\u00e1ginas tiene que ver con la eficiencia. Se cre\u00f3 con la intenci\u00f3n de simplificar las cosas y acelerar el proceso de creaci\u00f3n de p\u00e1ginas. Por lo tanto, trae algunas caracter\u00edsticas geniales que deber\u00edas probar (si a\u00fan no lo has hecho). Los patrones de bloques de Gutenberg son uno de ellos.<\/p>\n<h2>\u00bfQu\u00e9 son los patrones de bloques de Gutenberg?<\/h2>\n<p>Los patrones de bloques de Gutenberg se crean con la idea de <strong>acelerar la creaci\u00f3n de contenido y ayudarlo a crear contenido hermoso de manera m\u00e1s r\u00e1pida y sencilla<\/strong>. En resumen, los patrones de bloques le permiten configurar dise\u00f1os de bloques a trav\u00e9s de temas y complementos.<\/p>\n<p>Los patrones de bloques de Gutenberg son <strong>dise\u00f1os predefinidos que le permiten subir de nivel sus dise\u00f1os y facilitan la creaci\u00f3n del contenido que desea<\/strong>. Act\u00faan como bloques regulares, lo que significa que puede personalizarlos despu\u00e9s de insertarlos.<\/p>\n<p>La idea principal es permitirle <strong>crear p\u00e1ginas m\u00e1s atractivas mientras ahorra tiempo<\/strong>. Simplemente elija entre varios dise\u00f1os y comience a personalizar la secci\u00f3n deseada. Los patrones de bloques de Gutenberg pueden ser de todo, desde testimonios hasta galer\u00edas. As\u00ed, pueden ser simples como un grupo de botones, o tener un prop\u00f3sito espec\u00edfico como una secci\u00f3n de contacto.<\/p>\n<p>Adem\u00e1s de las opciones de patrones de bloques predeterminados, puede usar patrones personalizados. Estos patrones son creados por desarrolladores de temas o complementos, por lo que tiene m\u00e1s opciones de personalizaci\u00f3n a su disposici\u00f3n.<\/p>\n<h2>\u00bfPor qu\u00e9 deber\u00eda usar patrones de bloques de Gutenberg?<\/h2>\n<p>Como ya dijimos, los patrones de bloques de Gutenberg le permiten crear contenido visualmente atractivo en menos tiempo. Entonces, el primer beneficio es <strong>acelerar los procesos durante la construcci\u00f3n del sitio web<\/strong>.<\/p>\n<p>A continuaci\u00f3n, estos patrones te ayudar\u00e1n a inspirarte. Cuando se lanz\u00f3 por primera vez el editor de Gutenberg, trajo el lienzo en blanco para que la gente tuviera que pensar en el dise\u00f1o de la p\u00e1gina adem\u00e1s del contenido. En otras palabras, tuvieron que invertir tiempo y energ\u00eda para generar ideas sobre c\u00f3mo deber\u00edan verse su p\u00e1gina y los elementos que contiene.<\/p>\n<p>Entonces, despu\u00e9s de la introducci\u00f3n de patrones de bloques, la creaci\u00f3n de p\u00e1ginas se volvi\u00f3 m\u00e1s f\u00e1cil. Cuando tienes <strong>elementos listos para usar<\/strong>, puedes pasar menos tiempo preocup\u00e1ndote por el dise\u00f1o y m\u00e1s tiempo jugando con el contenido.<\/p>\n<h2>\u00bfD\u00f3nde puedes encontrar patrones?<\/h2>\n<p>Como sabr\u00e1, <a href=\"https:\/\/themewp.inform.click\/es\/ya-esta-aqui-wordpress-5-9-estas-listo\/\" title=\"WordPress 5.9\">WordPress 5.9<\/a> se ha lanzado recientemente. Esta nueva versi\u00f3n trajo algunos cambios interesantes que seguramente cambiar\u00e1n la experiencia de WordPress.<\/p>\n<p>Sin embargo, en julio de 2021, se lanz\u00f3 el nuevo directorio de patrones con WordPress 5.8. B\u00e1sicamente, esto significa <strong>que puede consultar los patrones disponibles en el <a href=\"https:\/\/wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">directorio de patrones de WordPress<\/a><\/strong>. Aqu\u00ed puede <strong>encontrar patrones de botones, im\u00e1genes, texto, encabezado, galer\u00eda y columnas<\/strong>. Tambi\u00e9n puede ver los patrones m\u00e1s nuevos o favoritos. Despu\u00e9s de elegir el patr\u00f3n que te gusta, simplemente c\u00f3pialo y p\u00e9galo desde el directorio en tu contenido.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343825-633e702c7e239.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343825-633e702c7e239.jpg\" alt=\"Patrones de bloques de Gutenberg: qu\u00e9 son y m\u00e1s\"><\/a><\/p>\n<p>La otra forma de <strong>agregar patrones de bloques de Gutenberg es a trav\u00e9s de su tema<\/strong>. Tenga en cuenta que no todos los temas tienen patrones. Los creadores de temas tienen que registrar patrones para que puedan aparecer en el editor. Sin embargo, si usa algunos de los temas predeterminados, como <a href=\"https:\/\/themewp.inform.click\/es\/el-tema-twenty-twenty-two-ya-casi-esta-aqui-y-es-asombroso\/\" title=\"Twenty Twenty Two\">Twenty Twenty Two<\/a>, a\u00fan puede encontrar y usar patrones. <strong>Puede encontrarlos con un clic en el campo Patrones<\/strong>. Para usar patrones, puede simplemente hacer clic en ellos o arrastrarlos y soltarlos para agregarlos a su contenido.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343825-633e702ede4f5.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343825-633e702ede4f5.png\" alt=\"Patrones de bloques de Gutenberg: qu\u00e9 son y m\u00e1s\"><\/a><\/p>\n<p>Entonces, en caso de que quiera usar patrones, puede encontrarlos en el directorio de patrones de WordPress o agregarlos a trav\u00e9s del tablero de WordPress agregando bloques que integran patrones.<\/p>\n<p>Muchos desarrolladores de temas han cambiado parcial o exclusivamente a la creaci\u00f3n de patrones y plantillas. Algunos de ellos son gratuitos, como dijimos anteriormente, pero generalmente vienen con caracter\u00edsticas y opciones de dise\u00f1o limitadas. <strong>Si desea que su sitio web se vea absolutamente impresionante y que lo haga en poco tiempo y con poco o ning\u00fan esfuerzo<\/strong>, le recomendamos que pruebe el <a href=\"https:\/\/qodeinteractive.com\/qi-templates\/?campaign=GutenbergBlockPatterns&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">complemento Qi Templates<\/a>.<\/p>\n<p>El complemento viene con <strong>311 plantillas, 232 patrones, 32 estructuras al\u00e1mbricas, as\u00ed como 60 demostraciones completas para crear sitios web b\u00e1sicamente listos para usar<\/strong>. Los wireframes no tienen estilo, para aquellos que quieren asegurarse de que su marca se aplique a fondo en su sitio web. Encontrar\u00e1 patrones para pr\u00e1cticamente cualquier nicho que se le ocurra, y algo m\u00e1s. Y todos ellos est\u00e1n dise\u00f1ados a la perfecci\u00f3n siguiendo las mejores pr\u00e1cticas de codificaci\u00f3n.<\/p>\n<p>El complemento est\u00e1 hecho con Qi Blocks para Gutenberg, un conjunto de <a href=\"https:\/\/wordpress.org\/plugins\/qi-blocks\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">bloques gratuitos<\/a> y bloques <a href=\"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?campaign=GutenbergBlockPatterns&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">premium<\/a> para crear pr\u00e1cticamente cualquier elemento de p\u00e1gina que se te ocurra.<\/p>\n<h2>Uso de los patrones de bloques predeterminados<\/h2>\n<p>Agregar patrones de bloques es similar a agregar un bloque normal. Puede hacerlo editando una p\u00e1gina existente o creando una nueva. Una vez que haga esto, <strong>haga clic en el icono + para abrir la interfaz de inserci\u00f3n de WordPress<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343825-633e70322210c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343825-633e70322210c.jpg\" alt=\"Patrones de bloques de Gutenberg: qu\u00e9 son y m\u00e1s\"><\/a><\/p>\n<p>A continuaci\u00f3n, haga clic en el icono + dentro de la p\u00e1gina para abrir la interfaz del insertador. Luego, <strong>haga clic en la pesta\u00f1a Patrones<\/strong>. Aqu\u00ed, puede explorar los diversos patrones de bloques que est\u00e1n organizados en categor\u00edas: botones, galer\u00edas, columnas, etc.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343825-633e702ede4f5.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343825-633e702ede4f5.png\" alt=\"Patrones de bloques de Gutenberg: qu\u00e9 son y m\u00e1s\"><\/a><\/p>\n<p>Por \u00faltimo, cuando elija el patr\u00f3n correcto, haga clic en \u00e9l e ins\u00e9rtelo en su p\u00e1gina de WordPress.<\/p>\n<h2>Edici\u00f3n de patrones de bloques<\/h2>\n<p>Usar patrones de bloques de Gutenberg es divertido y f\u00e1cil. La mejor parte es que puede editar todos los elementos dentro del dise\u00f1o. Tenga en cuenta que los <strong>patrones de bloques se comportan como bloques normales<\/strong>. En realidad, est\u00e1n hechos de bloques individuales que se han seleccionado en las plantillas para que pueda personalizarlos de la misma manera que cualquier otro bloque.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343825-633e70389cce0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-343825-633e70389cce0.jpg\" alt=\"Patrones de bloques de Gutenberg: qu\u00e9 son y m\u00e1s\"><\/a><\/p>\n<h2>Vamos a envolverlo<\/h2>\n<p>Los bloques de patrones de Gutenberg son una gran herramienta para todos los que usan el creador de p\u00e1ginas de Gutenberg. Gracias a ellos podr\u00e1s potenciar tus contenidos de forma m\u00e1s r\u00e1pida y sencilla. Simplemente elija el patr\u00f3n que m\u00e1s le guste y estar\u00e1 listo para comenzar. Por supuesto, si desea crear sus propios patrones, tambi\u00e9n puede hacerlo: las posibilidades son infinitas.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los patrones de bloques de Gutenberg te ahorrar\u00e1n tiempo y te ayudar\u00e1n a crear hermosas secciones de sitios web de forma m\u00e1s r\u00e1pida y f\u00e1cil.<\/p>\n","protected":false},"author":1,"featured_media":364570,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[566],"tags":[849],"class_list":["post-367265","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conceptos-basicos-de-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/367265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=367265"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/367265\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/364570"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=367265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=367265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=367265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}