{"id":369382,"date":"2023-03-31T19:07:00","date_gmt":"2023-03-31T16:07:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369382"},"modified":"2023-03-31T19:07:10","modified_gmt":"2023-03-31T16:07:10","slug":"os-novos-blocos-wordpress-gutenberg-explicados","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/os-novos-blocos-wordpress-gutenberg-explicados\/","title":{"rendered":"Os novos blocos WordPress Gutenberg explicados"},"content":{"rendered":"\n<p>Como voc\u00ea pode ou n\u00e3o ter notado, o novo <a href=\"https:\/\/wpklik.com\/wordpress-tips\/introduction-to-wordpress-gutenberg\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gutenberg WordPress Editor<\/a> \u00e9 baseado no conceito de blocos, e essa \u00e9 a maior inova\u00e7\u00e3o que veio com a nova vers\u00e3o 5.0 do WordPress.<\/p>\n<p>Muitas pessoas est\u00e3o preocupadas que esse novo conceito baseado em blocos de escrever, editar e publicar postagens e p\u00e1ginas torne suas idas e vindas do WordPress muito mais complicadas.<\/p>\n<p>Tendo experimentado o novo editor por um tempo, decidimos mostrar a voc\u00ea que esses blocos do WordPress Gutenberg n\u00e3o s\u00e3o nada para se preocupar.<\/p>\n<p>A verdade \u00e9 que esse conceito de blocos traz algumas possibilidades novas e empolgantes. Agora voc\u00ea pode organizar seu conte\u00fado em blocos de <strong><a href=\"https:\/\/themewp.inform.click\/pt-pt\/bloco-de-colunas-gutenberg-e-como-adiciona-lo-ao-wordpress\/\" title=\"colunas do Gutenberg\">colunas do Gutenberg<\/a><\/strong> ou criar <strong><a href=\"https:\/\/themewp.inform.click\/pt-pt\/um-guia-para-o-bloco-de-imagem-do-wordpress-gutenberg\/\" title=\"blocos de imagem do Gutenberg\">blocos de imagem do Gutenberg<\/a><\/strong>. Na verdade, eles s\u00e3o <strong>bastante simples e divertidos de usar<\/strong>, como voc\u00ea descobrir\u00e1 em breve.<\/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\/iiGtfxhbrCI\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Adicionando os Blocos<\/h2>\n<p>Como os novos blocos do WordPress Gutenberg s\u00e3o o material de constru\u00e7\u00e3o para suas p\u00e1ginas e postagens, naturalmente a primeira coisa que voc\u00ea deseja aprender \u00e9 como adicion\u00e1-los.<\/p>\n<p>Na verdade, existem v\u00e1rias maneiras de adicionar um bloco:<\/p>\n<p>Voc\u00ea pode usar o <strong>pequeno sinal de mais (+) na barra de ferramentas na parte superior esquerda do editor<\/strong>. Ao clicar neste sinal, aparecer\u00e1 uma escolha de categorias de blocos, come\u00e7ando pelas mais utilizadas. Haver\u00e1 tamb\u00e9m uma barra de pesquisa dispon\u00edvel.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54a435bc0.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-316588-633e54a435bc0.jpg\" alt=\"Os novos blocos WordPress Gutenberg explicados\"><\/a><\/p>\n<p>Ao inserir o conte\u00fado da postagem no espa\u00e7o de trabalho, voc\u00ea notar\u00e1 que o sinal de mais aparecer\u00e1 abaixo, no pr\u00f3ximo espa\u00e7o dispon\u00edvel onde voc\u00ea pode adicionar um novo bloco. Um menu suspenso com tipos de bloco aparecer\u00e1 e haver\u00e1 tr\u00eas tipos comuns de blocos \u00e0 direita. <strong>Escolha o tipo de bloco que deseja usar e insira seu conte\u00fado<\/strong>. Repita isso at\u00e9 que seu post esteja pronto.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54a7314e7.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-316588-633e54a7314e7.jpg\" alt=\"Os novos blocos WordPress Gutenberg explicados\"><\/a><\/p>\n<p>O terceiro m\u00e9todo \u00e9 ideal para aqueles que gostam de atalhos. Cada um de voc\u00eas provavelmente tem certos tipos de blocos que voc\u00ea usa regularmente. Agora, em vez de procurar um bloco espec\u00edfico de cada tipo que voc\u00ea deseja usar, voc\u00ea pode <strong>simplesmente come\u00e7ar a digitar o nome do bloco com a barra<\/strong>, por exemplo \/image, \/paragraph, \/heading, e assim por diante, e o sugerido tipo de bloco aparecer\u00e1.<\/p>\n<p>Al\u00e9m disso, o editor n\u00e3o apenas oferecer\u00e1 o tipo de bloco exato que voc\u00ea est\u00e1 procurando, mas tamb\u00e9m blocos semelhantes, o que significa que voc\u00ea nem precisa memorizar todos os nomes de blocos.<\/p>\n<p>Depois de um tempo, voc\u00ea notar\u00e1 que esta \u00e9 realmente a maneira mais r\u00e1pida e f\u00e1cil de adicionar blocos no Gutenberg.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54aaa03eb.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-316588-633e54aaa03eb.jpg\" alt=\"Os novos blocos WordPress Gutenberg explicados\"><\/a><\/p>\n<h2>Op\u00e7\u00f5es de bloqueio<\/h2>\n<p>Como as coisas mudaram um pouco no editor, voc\u00ea provavelmente est\u00e1 se perguntando onde encontrar suas op\u00e7\u00f5es de bloqueio. Na verdade, \u00e9 muito f\u00e1cil \u2013 <strong>voc\u00ea ter\u00e1 sua escolha de op\u00e7\u00f5es simplesmente clicando no bloco que deseja modificar<\/strong>. <strong>As op\u00e7\u00f5es aparecem na barra de ferramentas e na guia Bloco<\/strong>.<\/p>\n<p>Ao contr\u00e1rio do Editor Cl\u00e1ssico, o Gutenberg oferece uma escolha muito mais ampla de op\u00e7\u00f5es.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54ae40266.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-316588-633e54ae40266.jpg\" alt=\"Os novos blocos WordPress Gutenberg explicados\"><\/a><\/p>\n<p>Al\u00e9m disso, n\u00e3o se preocupe se voc\u00ea executar seu editor Gutenberg e perceber que as op\u00e7\u00f5es de bloco n\u00e3o est\u00e3o localizadas na barra de ferramentas, mas dentro do pr\u00f3prio bloco. Tudo bem, pois Gutenberg tem op\u00e7\u00f5es diferentes para necessidades diferentes.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b10fa50.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-316588-633e54b10fa50.jpg\" alt=\"Os novos blocos WordPress Gutenberg explicados\"><\/a><\/p>\n<h2>Op\u00e7\u00f5es de visualiza\u00e7\u00e3o<\/h2>\n<p>Voc\u00ea pode acessar todas as op\u00e7\u00f5es relacionadas \u00e0 visualiza\u00e7\u00e3o de blocos e \u00e0 \u00e1rea de trabalho em geral clicando nos tr\u00eas pontos verticais, em Mostrar mais ferramentas e op\u00e7\u00f5es.<\/p>\n<p>Se nenhuma das op\u00e7\u00f5es estiver marcada, a visualiza\u00e7\u00e3o ficar\u00e1 como na imagem acima \u2013 as op\u00e7\u00f5es estar\u00e3o localizadas dentro do pr\u00f3prio bloco.<\/p>\n<p>Se a barra de ferramentas superior estiver marcada, as op\u00e7\u00f5es de bloco estar\u00e3o localizadas, bem, na barra de ferramentas.<\/p>\n<p>Ao marcar o Modo Spotlight, voc\u00ea pode se concentrar em apenas um bloco de cada vez. Isso \u00e9 particularmente conveniente quando voc\u00ea deseja distinguir o que exatamente faz parte de um bloco espec\u00edfico.<\/p>\n<p>Se voc\u00ea quiser um espa\u00e7o de trabalho maior, clique em Modo de tela cheia para expandir o espa\u00e7o de trabalho para a tela inteira.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b4203c4.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-316588-633e54b4203c4.jpg\" alt=\"Os novos blocos WordPress Gutenberg explicados\"><\/a><\/p>\n<h2>Blocos Reutiliz\u00e1veis<\/h2>\n<p>Outro recurso super \u00fatil do editor Gutenberg \u00e9 a op\u00e7\u00e3o Blocos Reutiliz\u00e1veis. Se houver determinados blocos que voc\u00ea usa o tempo todo, voc\u00ea definitivamente deseja evitar definir os mesmos valores ou procurar o c\u00f3digo a ser copiado sempre que adicionar um bloco.<\/p>\n<p>Com a nova op\u00e7\u00e3o Adicionar a blocos reutiliz\u00e1veis, voc\u00ea pode <strong>salvar um bloco e simplesmente pux\u00e1-lo para cima quando quiser us\u00e1-lo novamente<\/strong>.<\/p>\n<p>Para definir um bloco reutiliz\u00e1vel, clique em Mais op\u00e7\u00f5es&gt;Adicionar a blocos reutiliz\u00e1veis.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b708f55.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-316588-633e54b708f55.jpg\" alt=\"Os novos blocos WordPress Gutenberg explicados\"><\/a><\/p>\n<p>Escolha o nome do seu bloco:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54ba902f1.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-316588-633e54ba902f1.jpg\" alt=\"Os novos blocos WordPress Gutenberg explicados\"><\/a><\/p>\n<p>Na pr\u00f3xima vez que voc\u00ea precisar desse bloco exato, pesquise-o pelo nome ou procure-o em um dos menus suspensos, em Blocos Reutiliz\u00e1veis.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54bddde9c.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-316588-633e54bddde9c.jpg\" alt=\"Os novos blocos WordPress Gutenberg explicados\"><\/a><\/p>\n<p>Os blocos reutiliz\u00e1veis \u200b\u200bs\u00e3o facilmente distinguidos por um \u00edcone de reciclagem ao lado deles, conforme mostrado na figura abaixo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c092d9a.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-316588-633e54c092d9a.jpg\" alt=\"Os novos blocos WordPress Gutenberg explicados\"><\/a><\/p>\n<p>Blocos reutiliz\u00e1veis \u200b\u200bpodem ser gerenciados em Mostrar mais ferramentas e op\u00e7\u00f5es &gt; Gerenciar todos os blocos reutiliz\u00e1veis.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c34a739.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-316588-633e54c34a739.jpg\" alt=\"Os novos blocos WordPress Gutenberg explicados\"><\/a><\/p>\n<p>Isso abre uma vis\u00e3o geral de todos os blocos reutiliz\u00e1veis \u200b\u200bcriados at\u00e9 agora. Tamb\u00e9m podemos editar os blocos, mas lembre-se de que <strong>, ao editar um bloco reutiliz\u00e1vel, o conte\u00fado de todas as postagens em que o usamos tamb\u00e9m ser\u00e1 alterado<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c597f97.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-316588-633e54c597f97.jpg\" alt=\"Os novos blocos WordPress Gutenberg explicados\"><\/a><\/p>\n<h2>Reorganizando os blocos em uma p\u00e1gina<\/h2>\n<p>Reorganizar os blocos e alterar sua sequ\u00eancia em uma p\u00e1gina ou em um post \u00e9 extremamente simples. Voc\u00ea pode <strong>mover qualquer um dos blocos usando a navega\u00e7\u00e3o de arrastar e soltar, ou pode mudar de lugar com o bloco abaixo ou acima dele<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c8c7e94.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-316588-633e54c8c7e94.jpg\" alt=\"Os novos blocos WordPress Gutenberg explicados\"><\/a><\/p>\n<p>Esperamos que este artigo tenha ajudado voc\u00ea a entender um pouco melhor os blocos do WordPress Gutenberg. Como voc\u00ea pode ver, o novo conceito de blocos permite uma personaliza\u00e7\u00e3o muito mais f\u00e1cil de suas postagens, al\u00e9m de algumas op\u00e7\u00f5es adicionais que n\u00e3o t\u00ednhamos antes.<\/p>\n<p>Com os novos blocos WordPress Gutenberg, voc\u00ea provavelmente ser\u00e1 muito mais r\u00e1pido em postar e editar suas postagens do que antes. Este \u00e9 precisamente o tipo de melhoria que os desenvolvedores do Gutenberg esperavam alcan\u00e7ar.<\/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>Embora possam parecer uma coisa nova e assustadora, os novos blocos do WordPress Gutenberg s\u00e3o realmente muito divertidos e f\u00e1ceis de usar, como voc\u00ea ver\u00e1 em nosso artigo.<\/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-369382","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\/369382","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=369382"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/369382\/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=369382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=369382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=369382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}