{"id":244887,"date":"2022-04-04T16:06:00","date_gmt":"2022-04-04T13:06:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=244887"},"modified":"2022-05-16T14:21:46","modified_gmt":"2022-05-16T11:21:46","slug":"como-adicionar-colunas-a-posts-wordpress-com-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-adicionar-colunas-a-posts-wordpress-com-gutenberg\/","title":{"rendered":"Como adicionar colunas a posts WordPress com Gutenberg"},"content":{"rendered":"<p>Voc\u00ea j\u00e1 usa o WordPress h\u00e1 algum tempo?<\/p>\n<p>Se sim, voc\u00ea provavelmente j\u00e1 pesquisou isso no Google.<\/p>\n<p>Adicionar colunas a postagens e p\u00e1ginas tem sido uma grande dor por anos. Mas voc\u00ea est\u00e1 com sorte &#8230;<\/p>\n<p>O novo <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-usar-o-editor-de-bloco-do-wordpress-o-guia-essencial-de-gutenberg\/\" title=\"editor de postagem do Gutenberg WordPress\">editor de postagem do Gutenberg WordPress<\/a> possui colunas integradas e funcionam muito bem.<\/p>\n<p>Neste artigo, voc\u00ea aprender\u00e1 como adicionar &quot;blocos&quot; de coluna com Gutenberg. Voc\u00ea tamb\u00e9m descobrir\u00e1 como adicionar diferentes tipos de conte\u00fado nas colunas e alterar o n\u00famero de colunas que deseja exibir.<\/p>\n<p>Se ainda n\u00e3o estiver usando o WordPress 5.0, voc\u00ea pode instalar o <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">plugin Gutenberg<\/a> para come\u00e7ar a adicionar colunas \u00e0s suas postagens agora.<\/p>\n<h2>Como adicionar colunas com Gutenberg<\/h2>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/ulecytOqYfc\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Inscreva-se nos Temas do Compete no Youtube<\/a><\/p>\n<p>Comece navegando at\u00e9 a postagem \u00e0 qual deseja adicionar as colunas.<\/p>\n<p>Para adicionar as colunas, voc\u00ea ir\u00e1 inserir um novo &#8220;bloco&quot; de colunas na postagem. Passe o mouse sobre um bloco existente e mova o cursor sobre a borda superior ou inferior para revelar o bot\u00e3o &#8220;+&#8221; para adicionar um novo bloco.<\/p>\n<p>Clique no bot\u00e3o de adi\u00e7\u00e3o e voc\u00ea ver\u00e1 um pop-up onde pode selecionar um bloco para adicionar. O bloco de colunas \u00e9 apresentado na parte superior.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f1fc58fa.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\/2021\/10\/post-179329-616f4f1fc58fa.png\" alt=\"Como adicionar colunas a posts WordPress com Gutenberg\"><\/a><\/p>\n<p>Clique no bloco Colunas e ele ser\u00e1 inserido na postagem.<\/p>\n<p>Quando voc\u00ea insere o bloco de coluna pela primeira vez, ele adiciona um bloco que cont\u00e9m essencialmente dois blocos de par\u00e1grafo. Voc\u00ea pode come\u00e7ar a digitar imediatamente.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f21f1452.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\/2021\/10\/post-179329-616f4f21f1452.png\" alt=\"Como adicionar colunas a posts WordPress com Gutenberg\"><\/a><\/p>\n<p>F\u00e1cil, certo?<\/p>\n<p>Voc\u00ea pode adicionar quantos blocos de colunas quiser ao seu post, inserindo blocos de colunas dessa maneira.<\/p>\n<h3>Adicione blocos nas colunas<\/h3>\n<p>Claro, voc\u00ea n\u00e3o est\u00e1 limitado apenas a criar colunas de texto. Se voc\u00ea passar o mouse sobre um dos dois blocos na coluna, um bot\u00e3o de adi\u00e7\u00e3o aparecer\u00e1 no qual voc\u00ea pode clicar para selecionar qualquer tipo de bloco a ser inserido.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f24863b0.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\/2021\/10\/post-179329-616f4f24863b0.png\" alt=\"Como adicionar colunas a posts WordPress com Gutenberg\"><\/a><\/p>\n<p>Por exemplo, posso selecionar o bloco de imagem e inseri-lo na coluna da esquerda e, em seguida, adicionar qualquer bloco que quiser \u00e0 coluna da direita.<\/p>\n<p>Na verdade, voc\u00ea pode at\u00e9 empilhar v\u00e1rios blocos em qualquer coluna.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f26a26a2.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\/2021\/10\/post-179329-616f4f26a26a2.png\" alt=\"Como adicionar colunas a posts WordPress com Gutenberg\"><\/a><\/p>\n<p>Na captura de tela acima, adicionei um bloco de imagem \u00e0 coluna esquerda, um bloco de t\u00edtulo na coluna direita e um elemento de par\u00e1grafo adicional sob o t\u00edtulo na coluna direita.<\/p>\n<p>A capacidade de empilhar v\u00e1rios blocos em uma coluna torna esse recurso bastante flex\u00edvel. Uma limita\u00e7\u00e3o desse recurso \u00e9 que voc\u00ea n\u00e3o pode ajustar a largura das colunas, mas isso pode estar chegando em uma atualiza\u00e7\u00e3o futura para Gutenberg.<\/p>\n<h3>Como adicionar mais colunas<\/h3>\n<p>O exemplo acima usa duas colunas, mas voc\u00ea pode adicionar at\u00e9 seis colunas em um bloco de colunas.<\/p>\n<p>Para aumentar o n\u00famero de colunas, clique em algum lugar do bloco de colunas, mas fora dos blocos dentro dele. Voc\u00ea ver\u00e1 que as configura\u00e7\u00f5es na barra lateral mudam das configura\u00e7\u00f5es do documento para as configura\u00e7\u00f5es do bloco, revelando estas op\u00e7\u00f5es:<\/p>\n<p>Voc\u00ea pode usar o controle deslizante ou a entrada de n\u00famero para ajustar o n\u00famero de colunas de 2 a 6.<\/p>\n<p>No momento, as configura\u00e7\u00f5es avan\u00e7adas incluem apenas uma op\u00e7\u00e3o para adicionar uma classe CSS personalizada ao bloco de colunas. Isso pode ser \u00fatil se voc\u00ea estiver familiarizado com CSS e quiser estilizar um de seus blocos de coluna de maneira um pouco diferente.<\/p>\n<h2>Conclus\u00e3o<\/h2>\n<p>Embora o bloco de colunas de Gutenberg possa usar algumas melhorias de usabilidade, ele funciona muito bem. E para ser honesto, \u00e9 muito melhor do que a op\u00e7\u00e3o existente no editor cl\u00e1ssico &#8211; nada!<\/p>\n<p>Agora que voc\u00ea pode criar layouts de v\u00e1rias colunas em suas postagens, ter\u00e1 mais espa\u00e7o para express\u00e3o criativa e cria\u00e7\u00e3o de designs interessantes em seus artigos.<\/p>\n<p>Se voc\u00ea tiver alguma d\u00favida sobre como adicionar colunas \u00e0s suas postagens do WordPress, deixe um coment\u00e1rio abaixo.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adicione de forma r\u00e1pida e f\u00e1cil v\u00e1rias colunas (2-6) em seus posts e p\u00e1ginas com o novo editor Gutenberg para WordPress.<\/p>\n","protected":false},"author":1,"featured_media":257628,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[553],"tags":[848],"class_list":["post-244887","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizar-wordpress-2","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/244887","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=244887"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/244887\/revisions"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=244887"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=244887"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=244887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}