{"id":368586,"date":"2022-12-24T09:42:00","date_gmt":"2022-12-24T06:42:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=368586"},"modified":"2022-10-13T01:54:54","modified_gmt":"2022-10-12T22:54:54","slug":"bloco-de-colunas-gutenberg-e-como-adiciona-lo-ao-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/bloco-de-colunas-gutenberg-e-como-adiciona-lo-ao-wordpress\/","title":{"rendered":"Bloco de colunas Gutenberg e como adicion\u00e1-lo ao WordPress"},"content":{"rendered":"<p>Se voc\u00ea \u00e9 um usu\u00e1rio regular do WordPress, provavelmente ficou curioso sobre como adicionar colunas \u00e0s suas postagens e p\u00e1ginas. Antes do lan\u00e7amento do <a href=\"https:\/\/wpklik.com\/wordpress-tips\/introduction-to-wordpress-gutenberg\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">editor Gutenberg para WordPress<\/a>, adicionar colunas era uma tarefa inc\u00f4moda para muitos. Mas hoje em dia, gra\u00e7as ao bloco de colunas de Gutenberg, esse processo foi bastante simplificado.<\/p>\n<p>Hoje falaremos sobre o bloco de colunas do Gutenberg e as maneiras de adicionar colunas \u00e0s suas postagens do WordPress.<\/p>\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\/YDdvHnEinvs\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Como usar o bloco de colunas do Gutenberg<\/h2>\n<p>O bloco de colunas do Gutenberg \u00e9 conveniente porque permite fazer layouts de v\u00e1rias colunas em uma \u00e1rea onde seu conte\u00fado est\u00e1. H\u00e1 tamb\u00e9m a <strong>possibilidade de incluir outros blocos dentro de cada coluna<\/strong>.<\/p>\n<p>Para adicionar as colunas com o Gutenberg, primeiro voc\u00ea precisa ir para a p\u00e1gina ou postagem na qual deseja adicionar as colunas. Depois de passar o mouse sobre a \u00e1rea de escrita, um bot\u00e3o de adi\u00e7\u00e3o aparecer\u00e1 \u00e0 esquerda. Clique nele e escolha a op\u00e7\u00e3o Colunas localizada na se\u00e7\u00e3o Elementos de Layout. Isso inserir\u00e1 o bloco de colunas em sua postagem.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-326440-633e5ea6dcda5.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-326440-633e5ea6dcda5.jpg\" alt=\"Bloco de colunas Gutenberg e como adicion\u00e1-lo ao WordPress\" ><\/a><\/p>\n<p>Por padr\u00e3o, o bloco de colunas ter\u00e1 dois blocos de par\u00e1grafos.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-326440-633e5eab6b24a.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-326440-633e5eab6b24a.jpg\" alt=\"Bloco de colunas Gutenberg e como adicion\u00e1-lo ao WordPress\" ><\/a><\/p>\n<p>Voc\u00ea pode come\u00e7ar a digitar seu texto em qualquer um dos dois blocos ou pode optar por inserir mais blocos de colunas.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-326440-633e5eb057ef8.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-326440-633e5eb057ef8.jpg\" alt=\"Bloco de colunas Gutenberg e como adicion\u00e1-lo ao WordPress\" ><\/a><\/p>\n<p>Para fazer isso, voc\u00ea deve clicar em uma \u00e1rea no bloco de colunas fora de outros blocos que tamb\u00e9m est\u00e3o contidos dentro. Isso far\u00e1 com que as <strong>configura\u00e7\u00f5es da coluna apare\u00e7am \u00e0 direita<\/strong>. Aqui voc\u00ea pode inserir o n\u00famero da sua coluna. Voc\u00ea pode adicionar at\u00e9 6 colunas no total.<\/p>\n<p>Caso voc\u00ea queira alterar o estilo de seus blocos de colunas, esta se\u00e7\u00e3o tamb\u00e9m possui uma op\u00e7\u00e3o Avan\u00e7ada que permite inserir classe CSS adicional.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-326440-633e5eb4df35e.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-326440-633e5eb4df35e.jpg\" alt=\"Bloco de colunas Gutenberg e como adicion\u00e1-lo ao WordPress\" ><\/a><\/p>\n<p>H\u00e1 tamb\u00e9m configura\u00e7\u00f5es para cada bloco que voc\u00ea adiciona \u00e0s colunas, como de costume.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-326440-633e5eb9aa76e.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-326440-633e5eb9aa76e.jpg\" alt=\"Bloco de colunas Gutenberg e como adicion\u00e1-lo ao WordPress\" ><\/a><\/p>\n<p>Assim como qualquer outra nova op\u00e7\u00e3o, o bloco de colunas do Gutenberg provavelmente est\u00e1 sujeito a altera\u00e7\u00f5es com o tempo, o que deve trazer algumas melhorias para a tabela. Mas, por enquanto, esta \u00e9 uma \u00f3tima solu\u00e7\u00e3o para criar layouts com v\u00e1rias colunas para seus posts. Temos certeza de que esse recurso tornar\u00e1 seus artigos mais ricos e atraentes visualmente.<\/p>\n<p>Esperamos que voc\u00ea tenha achado este artigo \u00fatil. Se voc\u00ea gostou, n\u00e3o deixe de conferir alguns desses artigos tamb\u00e9m!<\/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>Gra\u00e7as ao bloco de colunas do Gutenberg, a adi\u00e7\u00e3o de colunas no WordPress foi bastante simplificada. Veja como voc\u00ea pode adicionar colunas \u00e0s suas postagens do WordPress.<\/p>\n","protected":false},"author":1,"featured_media":363766,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[573],"tags":[848],"class_list":["post-368586","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\/368586","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=368586"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/368586\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/363766"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=368586"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=368586"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=368586"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}