{"id":367264,"date":"2023-02-27T11:00:00","date_gmt":"2023-02-27T08:00:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=367264"},"modified":"2023-04-04T09:40:26","modified_gmt":"2023-04-04T06:40:26","slug":"padroes-de-bloco-de-gutenberg-o-que-sao-e-mais","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/padroes-de-bloco-de-gutenberg-o-que-sao-e-mais\/","title":{"rendered":"Padr\u00f5es de bloco de Gutenberg: o que s\u00e3o e mais"},"content":{"rendered":"\n<p>Construir sites \u00e9 mais f\u00e1cil do que nunca. Hoje, qualquer pessoa pode criar, editar e personalizar p\u00e1ginas do site mesmo sem conhecimento pr\u00e9vio de codifica\u00e7\u00e3o. Gra\u00e7as aos <a href=\"https:\/\/wpklik.com\/wordpress-tips\/best-wordpress-page-builder\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">construtores de p\u00e1ginas intuitivos do WordPress<\/a>, criar p\u00e1ginas do zero pode ser divertido e f\u00e1cil. Quer voc\u00ea prefira o construtor de <a href=\"https:\/\/themewp.inform.click\/pt-pt\/dicas-para-comecar-com-o-wpbakery-page-builder\/\" title=\"p\u00e1ginas WPbakery\">p\u00e1ginas WPbakery<\/a>, <a href=\"https:\/\/themewp.inform.click\/pt-pt\/uma-breve-introducao-ao-wordpress-gutenberg\/\" title=\"o editor de blocos Gutenberg\">o editor de blocos Gutenberg<\/a> ou escolha o <a href=\"https:\/\/themewp.inform.click\/pt-pt\/plugin-elementor-wordpress-quao-poderoso-e\/\" title=\"construtor de p\u00e1ginas Elementor\">construtor de p\u00e1ginas Elementor<\/a>, voc\u00ea j\u00e1 sabe que esses construtores economizam tempo, energia e dinheiro. Em outras palavras, voc\u00ea n\u00e3o precisa contratar desenvolvedores ou passar horas tentando mudar algo em seu site.<\/p>\n<p>Se Gutenberg \u00e9 o seu construtor de elei\u00e7\u00e3o, j\u00e1 sabe que se baseia no conceito de blocos. Aqui, o antigo campo de edi\u00e7\u00e3o \u00e9 substitu\u00eddo por v\u00e1rios novos blocos individuais. Um bloco pode ser tudo, desde <strong>texto simples, imagem, v\u00eddeo at\u00e9 widget, bot\u00e3o, tabela<\/strong> e assim por diante. Assim, dependendo de suas necessidades, voc\u00ea <strong>escolhe um tipo de bloco que precisa e o personaliza de acordo com suas necessidades pessoais<\/strong>.<\/p>\n<p>Este construtor de p\u00e1ginas tem tudo a ver com efici\u00eancia. Ele foi criado com a inten\u00e7\u00e3o de simplificar as coisas e acelerar o processo de cria\u00e7\u00e3o da p\u00e1gina. Assim, ele traz alguns \u00f3timos recursos que voc\u00ea deve experimentar (se ainda n\u00e3o experimentou). Padr\u00f5es de blocos de Gutenberg s\u00e3o um deles.<\/p>\n<h2>O que s\u00e3o padr\u00f5es de bloco de Gutenberg?<\/h2>\n<p>Os padr\u00f5es de bloco do Gutenberg s\u00e3o criados com a id\u00e9ia de <strong>acelerar a cria\u00e7\u00e3o de conte\u00fado e ajud\u00e1-lo a criar um belo conte\u00fado mais r\u00e1pido e f\u00e1cil<\/strong>. Resumindo, os padr\u00f5es de bloco permitem que voc\u00ea configure layouts de blocos por meio de temas e plugins.<\/p>\n<p>Padr\u00f5es de bloco Gutenberg s\u00e3o <strong>layouts predefinidos que permitem que voc\u00ea nivele seus layouts e facilite a cria\u00e7\u00e3o do conte\u00fado desejado<\/strong>. Eles agem como blocos regulares, o que significa que voc\u00ea pode personaliz\u00e1-los depois de inseri-los.<\/p>\n<p>A id\u00e9ia principal \u00e9 permitir que voc\u00ea <strong>crie p\u00e1ginas mais atraentes enquanto economiza tempo<\/strong>. Basta escolher entre v\u00e1rios layouts e come\u00e7ar a personalizar a se\u00e7\u00e3o desejada. Os padr\u00f5es de bloco do Gutenberg podem ser tudo, desde depoimentos a galerias. Assim, eles podem ser simples, como um grupo de bot\u00f5es, ou ter uma finalidade espec\u00edfica, como uma se\u00e7\u00e3o de contato.<\/p>\n<p>Al\u00e9m das op\u00e7\u00f5es de padr\u00e3o de bloco padr\u00e3o, voc\u00ea pode usar padr\u00f5es personalizados. Esses padr\u00f5es s\u00e3o criados por desenvolvedores de temas ou plugins, ent\u00e3o voc\u00ea tem mais op\u00e7\u00f5es de personaliza\u00e7\u00e3o \u00e0 sua disposi\u00e7\u00e3o.<\/p>\n<h2>Por que voc\u00ea deve usar padr\u00f5es de bloco Gutenberg?<\/h2>\n<p>Como j\u00e1 dissemos, os padr\u00f5es de bloco do Gutenberg permitem que voc\u00ea crie conte\u00fado visualmente atraente em menos tempo. Portanto, o primeiro benef\u00edcio \u00e9 <strong>acelerar os processos durante a constru\u00e7\u00e3o do site<\/strong>.<\/p>\n<p>Em seguida, esses padr\u00f5es ajudar\u00e3o voc\u00ea a se inspirar. Quando o editor de Gutenberg foi lan\u00e7ado, ele trouxe a tela em branco para que as pessoas tivessem que pensar no design da p\u00e1gina al\u00e9m do conte\u00fado. Em outras palavras, eles tiveram que investir tempo e energia para ter ideias sobre como sua p\u00e1gina e os elementos nela deveriam ser.<\/p>\n<p>Assim, ap\u00f3s a introdu\u00e7\u00e3o dos padr\u00f5es de bloco, a cria\u00e7\u00e3o de p\u00e1ginas ficou mais f\u00e1cil. Quando voc\u00ea tem <strong>elementos prontos<\/strong>, pode gastar menos tempo se preocupando com o design e mais tempo brincando com o conte\u00fado.<\/p>\n<h2>Onde voc\u00ea pode encontrar padr\u00f5es?<\/h2>\n<p>Como voc\u00ea deve saber, o <a href=\"https:\/\/themewp.inform.click\/pt-pt\/wordpress-5-9-esta-aqui-voce-esta-pronto\/\" title=\"WordPress 5.9\">WordPress 5.9<\/a> foi lan\u00e7ado recentemente. Esta nova vers\u00e3o trouxe algumas mudan\u00e7as interessantes que certamente mudar\u00e3o a experi\u00eancia do WordPress.<\/p>\n<p>No entanto, em julho de 2021, o novo diret\u00f3rio de padr\u00f5es foi lan\u00e7ado com o WordPress 5.8. Isso basicamente significa <strong>que voc\u00ea pode verificar os padr\u00f5es dispon\u00edveis no <a href=\"https:\/\/wordpress.org\/patterns\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">diret\u00f3rio de padr\u00f5es do WordPress<\/a><\/strong>. Aqui voc\u00ea <strong>encontra padr\u00f5es de bot\u00e3o, imagem, texto, cabe\u00e7alho, galeria e colunas<\/strong>. Voc\u00ea tamb\u00e9m pode conferir os padr\u00f5es mais recentes ou favoritos. Depois de escolher o padr\u00e3o que voc\u00ea gosta, basta copi\u00e1-lo e col\u00e1-lo do diret\u00f3rio em seu conte\u00fado.<\/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=\"Padr\u00f5es de bloco de Gutenberg: o que s\u00e3o e mais\"><\/a><\/p>\n<p>A outra maneira de <strong>adicionar padr\u00f5es de bloco do Gutenberg \u00e9 atrav\u00e9s do seu tema<\/strong>. Tenha em mente que nem todos os temas t\u00eam padr\u00f5es. Os criadores de temas precisam registrar padr\u00f5es para que possam aparecer no editor. No entanto, se voc\u00ea usar alguns dos temas padr\u00e3o, como <a href=\"https:\/\/themewp.inform.click\/pt-pt\/o-tema-twenty-twenty-two-esta-quase-aqui-e-e-incrivel\/\" title=\"Twenty Twenty Two\">Twenty Twenty Two<\/a>, ainda poder\u00e1 encontrar e usar padr\u00f5es. <strong>Voc\u00ea pode encontr\u00e1-los com um clique no campo Padr\u00f5es<\/strong>. Para usar padr\u00f5es, basta clicar neles ou arrastar e soltar para adicion\u00e1-los ao seu conte\u00fado.<\/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=\"Padr\u00f5es de bloco de Gutenberg: o que s\u00e3o e mais\"><\/a><\/p>\n<p>Portanto, caso voc\u00ea queira usar padr\u00f5es, voc\u00ea pode encontr\u00e1-los no diret\u00f3rio de padr\u00f5es do WordPress ou adicion\u00e1-los atrav\u00e9s do painel do WordPress adicionando blocos que integram padr\u00f5es.<\/p>\n<p>Muitos desenvolvedores de temas mudaram parcial ou exclusivamente para criar padr\u00f5es e modelos. Alguns deles s\u00e3o gratuitos, como dissemos anteriormente, mas geralmente v\u00eam com recursos e op\u00e7\u00f5es de design limitados. <strong>Se voc\u00ea deseja que seu site tenha uma apar\u00eancia absolutamente impressionante e fa\u00e7a isso em pouco tempo e com pouco ou nenhum esfor\u00e7o<\/strong>, recomendamos que voc\u00ea experimente o <a href=\"https:\/\/qodeinteractive.com\/qi-templates\/?campaign=GutenbergBlockPatterns&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">plug-in Qi Templates<\/a>.<\/p>\n<p>O plugin vem com <strong>311 templates, 232 patterns, 32 wireframes, bem como 60 demos completas para criar sites basicamente prontos<\/strong>. Os wireframes n\u00e3o t\u00eam estilo, para aqueles que desejam garantir que sua marca seja aplicada completamente em seu site. Voc\u00ea encontrar\u00e1 padr\u00f5es para praticamente qualquer nicho que possa imaginar, e mais alguns. E todos eles s\u00e3o projetados com perfei\u00e7\u00e3o seguindo as melhores pr\u00e1ticas de codifica\u00e7\u00e3o.<\/p>\n<p>O plugin \u00e9 feito usando Qi Blocks for Gutenberg, um conjunto de <a href=\"https:\/\/wordpress.org\/plugins\/qi-blocks\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">blocos gratuitos<\/a> e blocos <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 criar praticamente qualquer elemento de p\u00e1gina que voc\u00ea possa imaginar.<\/p>\n<h2>Usando os padr\u00f5es de bloco padr\u00e3o<\/h2>\n<p>Adicionar padr\u00f5es de bloco \u00e9 semelhante a adicionar um bloco normal. Voc\u00ea pode fazer isso editando uma p\u00e1gina existente ou criando uma nova. Depois de fazer isso, <strong>clique no \u00edcone + para abrir a interface de inser\u00e7\u00e3o do 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=\"Padr\u00f5es de bloco de Gutenberg: o que s\u00e3o e mais\"><\/a><\/p>\n<p>Em seguida, clique no \u00edcone + na p\u00e1gina para abrir a interface do insersor. Em seguida, <strong>clique na guia Padr\u00f5es<\/strong>. Aqui, voc\u00ea pode navegar pelos v\u00e1rios padr\u00f5es de blocos organizados em categorias \u2013 bot\u00f5es, galerias, colunas, 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=\"Padr\u00f5es de bloco de Gutenberg: o que s\u00e3o e mais\"><\/a><\/p>\n<p>Por fim, quando voc\u00ea escolher o padr\u00e3o certo, clique nele e insira-o em sua p\u00e1gina do WordPress.<\/p>\n<h2>Editando padr\u00f5es de bloco<\/h2>\n<p>Usar padr\u00f5es de bloco do Gutenberg \u00e9 divertido e f\u00e1cil. A melhor parte \u00e9 que voc\u00ea pode editar todos os elementos dentro do layout. Tenha em mente que os <strong>padr\u00f5es de bloco se comportam como blocos regulares<\/strong>. Na verdade, eles s\u00e3o feitos de blocos individuais que foram selecionados nos modelos para que voc\u00ea possa personaliz\u00e1-los da mesma maneira que qualquer outro bloco.<\/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=\"Padr\u00f5es de bloco de Gutenberg: o que s\u00e3o e mais\"><\/a><\/p>\n<h2>Vamos encerrar<\/h2>\n<p>Os blocos de padr\u00e3o Gutenberg s\u00e3o uma \u00f3tima ferramenta para todos que usam o construtor de p\u00e1ginas Gutenberg. Gra\u00e7as a eles, voc\u00ea pode impulsionar seu conte\u00fado com mais rapidez e facilidade. Basta escolher o padr\u00e3o que voc\u00ea mais gosta e voc\u00ea est\u00e1 pronto para ir. Claro, se voc\u00ea quiser criar seus pr\u00f3prios padr\u00f5es, voc\u00ea tamb\u00e9m pode faz\u00ea-lo \u2013 as possibilidades s\u00e3o infinitas.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Os padr\u00f5es de bloco do Gutenberg economizar\u00e3o seu tempo e ajudar\u00e3o voc\u00ea a criar belas se\u00e7\u00f5es de sites com mais rapidez e facilidade.<\/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":[573],"tags":[848],"class_list":["post-367264","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nocoes-basicas-do-wordpress","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/367264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=367264"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/367264\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/364570"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=367264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=367264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=367264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}