{"id":369442,"date":"2023-04-04T09:40:00","date_gmt":"2023-04-04T06:40:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369442"},"modified":"2023-04-04T09:40:20","modified_gmt":"2023-04-04T06:40:20","slug":"uma-breve-introducao-ao-wordpress-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/uma-breve-introducao-ao-wordpress-gutenberg\/","title":{"rendered":"Uma breve introdu\u00e7\u00e3o ao WordPress Gutenberg"},"content":{"rendered":"\n<p>O Editor Cl\u00e1ssico \u00e9 algo com o qual todos n\u00f3s, usu\u00e1rios do WordPress, nos acostumamos. O Editor Cl\u00e1ssico era mais do que um h\u00e1bito \u2013 era algo que conhec\u00edamos e entend\u00edamos bem. Havia o antigo campo de t\u00edtulo, o campo de conte\u00fado, um campo para inserir shortcodes. Do nosso lado direito, todas as op\u00e7\u00f5es de p\u00e1gina \u00e0 nossa disposi\u00e7\u00e3o \u2013 Status, Visibilidade e assim por diante.<\/p>\n<p>De repente, estamos diante de uma grande mudan\u00e7a. \u00c0 primeira vista, o WordPress Gutenberg dificilmente parece um editor. Onde est\u00e3o todas as nossas op\u00e7\u00f5es? Onde escrevemos o texto? O que h\u00e1 com o t\u00edtulo? Sim, as mudan\u00e7as s\u00e3o dif\u00edceis. Mas, muitas vezes, as mudan\u00e7as trazem melhorias. O Gutenberg foi criado com o objetivo de facilitar o trabalho dos usu\u00e1rios com o WordPress. Essa \u00e9 definitivamente uma mudan\u00e7a que vale a pena abra\u00e7ar.<\/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\/gA2fO4UEjyY\" frameborder=\"0\"><\/iframe><\/div>\n<h2>\u00c0 primeira vista<\/h2>\n<p>Vamos dar uma olhada r\u00e1pida no novo editor. A princ\u00edpio, \u00e9 como nada que vimos ou usamos antes. Mas olhe mais de perto e voc\u00ea descobrir\u00e1 que \u00e9 bastante intuitivo e f\u00e1cil de usar.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5400771e3.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-315845-633e5400771e3.jpg\" alt=\"Uma breve introdu\u00e7\u00e3o ao WordPress Gutenberg\"><\/a><\/p>\n<p>A primeira coisa que notamos \u00e9 que o t\u00edtulo n\u00e3o \u00e9 mais um campo separado. Em vez disso, agora temos uma \u00fanica \u00e1rea de trabalho que exibe suas partes como um continuum.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540401252.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-315845-633e540401252.jpg\" alt=\"Uma breve introdu\u00e7\u00e3o ao WordPress Gutenberg\"><\/a><\/p>\n<h2>O que \u00e9 tudo isso sobre blocos?<\/h2>\n<p>O WordPress Gutenberg \u00e9 baseado no conceito de blocos. Um dos prop\u00f3sitos dessa abordagem foi garantir a continuidade na forma como os elementos de conte\u00fado cl\u00e1ssicos s\u00e3o criados. Podemos obter resultados muito individuais e completamente diferentes, mas fazemos isso usando a mesma maneira de criar blocos. O que isso faz \u00e9 garantir a seguran\u00e7a, estabilidade e, finalmente, a escalabilidade do WordPress como plataforma e como um todo.<\/p>\n<p>Mas o que exatamente s\u00e3o esses blocos? Simplificando, o novo editor substitui o antigo campo de edi\u00e7\u00e3o \u00fanico por um monte de novos blocos individuais. Um bloco pode ser um monte de coisas. Um bloco de conte\u00fado \u2013 texto simples, imagens, v\u00eddeos, mas tamb\u00e9m um widget, um bot\u00e3o, uma tabela e assim por diante.<\/p>\n<h2>Gerenciando seus blocos<\/h2>\n<p>Vamos dar uma olhada agora em como adicionamos esses <a href=\"https:\/\/themewp.inform.click\/pt-pt\/os-novos-blocos-wordpress-gutenberg-explicados\/\" title=\"blocos no WordPress Gutenberg\">blocos no WordPress Gutenberg<\/a>. As boas pessoas do WordPress os dividiram em categorias organizadas para nossa conveni\u00eancia e facilidade de locomo\u00e7\u00e3o. Voc\u00ea pode navegar nessas categorias ou simplesmente usar o nome de um bloco que deseja usar, se souber, digitando como \/nome.<\/p>\n<p>Existem diferentes maneiras de adicionar blocos. Por exemplo, voc\u00ea pode usar o pequeno sinal de mais na parte superior esquerda do editor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e54070de67.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-315845-633e54070de67.jpg\" alt=\"Uma breve introdu\u00e7\u00e3o ao WordPress Gutenberg\"><\/a><\/p>\n<p>O bom e velho Undo e Redo est\u00e3o localizados logo ao lado.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540a1fcf4.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-315845-633e540a1fcf4.jpg\" alt=\"Uma breve introdu\u00e7\u00e3o ao WordPress Gutenberg\"><\/a><\/p>\n<p>Uma novidade \u00fatil aqui \u00e9 o bot\u00e3o Info, que exibe a estrutura de conte\u00fado do nosso post. Ele mostra quantas palavras, t\u00edtulos, par\u00e1grafos e blocos temos em nosso post e nos ajuda a acompanhar nossa estrutura de conte\u00fado.<\/p>\n<p>H\u00e1 sempre um bloco vazio que fica l\u00e1 antes de qualquer conte\u00fado ser inserido. Este bloco est\u00e1 l\u00e1 por padr\u00e3o, muito parecido com o bloco de t\u00edtulo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540d5559c.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-315845-633e540d5559c.jpg\" alt=\"Uma breve introdu\u00e7\u00e3o ao WordPress Gutenberg\"><\/a><\/p>\n<p>Outra coisa muito \u00fatil que n\u00e3o t\u00ednhamos antes \u00e9 o Block Navigation, tamb\u00e9m localizado na barra de menu superior esquerda.<\/p>\n<p>Ele mostra a estrutura de todos os blocos na p\u00e1gina e permite uma f\u00e1cil navega\u00e7\u00e3o pelo seu conte\u00fado.<\/p>\n<p>Por exemplo, se voc\u00ea deseja modificar um conte\u00fado localizado no pen\u00faltimo par\u00e1grafo de sua postagem, em vez de rolar at\u00e9 ele, basta clicar nesse par\u00e1grafo espec\u00edfico no menu suspenso Bloquear navega\u00e7\u00e3o.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e54106de52.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-315845-633e54106de52.jpg\" alt=\"Uma breve introdu\u00e7\u00e3o ao WordPress Gutenberg\"><\/a><\/p>\n<p>Depois de inserir o conte\u00fado em qualquer um dos blocos, podemos clicar em Salvar Rascunho, como no antigo editor, ou em Visualizar ou Publicar.<\/p>\n<p>Muitas coisas que estamos acostumados a encontrar no lado direito do Editor Cl\u00e1ssico ainda est\u00e3o l\u00e1, exceto que est\u00e3o escondidas na guia Documento.<\/p>\n<p>Um dos elementos que costumavam estar localizados abaixo do campo principal no Editor Cl\u00e1ssico \u00e9 a Discuss\u00e3o, que costum\u00e1vamos permitir ou n\u00e3o coment\u00e1rios em uma p\u00e1gina.<\/p>\n<p>Ele agora est\u00e1 localizado na guia Documento, que, ali\u00e1s, pode ser removido temporariamente, assim como seu vizinho, a guia Bloco, clicando na roda dentada para acessar as configura\u00e7\u00f5es.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5414061a7.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-315845-633e5414061a7.jpg\" alt=\"Uma breve introdu\u00e7\u00e3o ao WordPress Gutenberg\"><\/a><\/p>\n<h2>Op\u00e7\u00f5es de personaliza\u00e7\u00e3o<\/h2>\n<p>Podemos personalizar a visualiza\u00e7\u00e3o da \u00e1rea de trabalho clicando nos tr\u00eas pontos verticais no canto superior direito, que nos levar\u00e1 ao menu Mais ferramentas e op\u00e7\u00f5es. A partir daqui, podemos personalizar o espa\u00e7o de trabalho ao nosso gosto, bem como a sequ\u00eancia de elementos nele. Al\u00e9m disso, voc\u00ea tamb\u00e9m pode escolher o editor que deseja usar \u2013 Editor Visual ou Editor de C\u00f3digo. H\u00e1 a lista de atalhos, bem como algumas op\u00e7\u00f5es adicionais.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5417a3dbb.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-315845-633e5417a3dbb.jpg\" alt=\"Uma breve introdu\u00e7\u00e3o ao WordPress Gutenberg\"><\/a><\/p>\n<p>E agora, a parte mais importante. Ao clicar em um bloco, neste caso o primeiro par\u00e1grafo, voc\u00ea abre as op\u00e7\u00f5es relacionadas a esse bloco espec\u00edfico. Depois de selecionar um bloco, algumas das op\u00e7\u00f5es estar\u00e3o localizadas na guia Bloco \u00e0 direita.<\/p>\n<p>Algumas outras op\u00e7\u00f5es para o mesmo bloco estar\u00e3o localizadas na se\u00e7\u00e3o superior esquerda do editor e haver\u00e1 outras op\u00e7\u00f5es ao redor do pr\u00f3prio bloco, dependendo da visualiza\u00e7\u00e3o espec\u00edfica que voc\u00ea definiu.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e541c06c9b.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-315845-633e541c06c9b.jpg\" alt=\"Uma breve introdu\u00e7\u00e3o ao WordPress Gutenberg\"><\/a><\/p>\n<p>E \u00e9 quase isso. Em sua ess\u00eancia, o WordPress Gutenberg \u00e9 t\u00e3o f\u00e1cil de usar quanto o Editor Cl\u00e1ssico, e provavelmente ainda mais. Recomendamos que voc\u00ea experimente e brinque com ele por um tempo. Voc\u00ea ver\u00e1 que ter\u00e1 uma compreens\u00e3o bastante firme sobre isso em pouco tempo e ficar\u00e1 feliz com todas as melhorias que vieram com essa mudan\u00e7a.<\/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>Tudo o que voc\u00ea queria saber sobre o novo editor WordPress Gutenberg, mas tinha medo de perguntar, est\u00e1 aqui neste artigo curto, mas informativo.<\/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-369442","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\/369442","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=369442"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/369442\/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=369442"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=369442"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=369442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}