{"id":4226,"date":"2018-08-03T15:41:05","date_gmt":"2018-08-03T18:41:05","guid":{"rendered":"http:\/\/blog.dialhost.com.br\/?p=4226"},"modified":"2019-04-30T17:24:29","modified_gmt":"2019-04-30T20:24:29","slug":"gutenberg-wordpress","status":"publish","type":"post","link":"https:\/\/www.dialhost.com.br\/blog\/gutenberg-wordpress\/","title":{"rendered":"Gutenberg: o novo editor de texto do WordPress"},"content":{"rendered":"\n<p><strong>Nesta quinta-feira (2\/8), o <\/strong><a href=\"https:\/\/wordpress.org\"><strong>WordPress<\/strong><\/a><strong> lan\u00e7ou uma nova atualiza\u00e7\u00e3o (4.9.8) que, como sempre, apresentou muitas novidades. Entre elas, a implementa\u00e7\u00e3o de um novo plugin de edi\u00e7\u00e3o de texto, batizado de Gutenberg.<\/strong><\/p>\n\n\n\n<p>De acordo com o <a href=\"https:\/\/codex.wordpress.org\/Version_4.9.8\">codex<\/a> do CMS, al\u00e9m desse novo recurso de edi\u00e7\u00e3o, a atualiza\u00e7\u00e3o inclui 18 corre\u00e7\u00f5es de privacidade, focadas em garantir consist\u00eancia e flexibilidade nas novas ferramentas de dados pessoais que foram adicionadas na vers\u00e3o 4.9.6. Este blog post \u00e9 uma adapta\u00e7\u00e3o das <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\">informa\u00e7\u00f5es originais<\/a>, sob a \u00f3tica dos benef\u00edcios que a ferramenta trar\u00e1 aos usu\u00e1rios do WordPress. <\/p>\n\n\n\n<div id=\"toc_container\" class=\"have_bullets\"><p class=\"toc_title\">T&oacute;picos<\/p><ul class=\"toc_list\"><li><a href=\"#o-que-e-o-gutenberg\">O que \u00e9 o Gutenberg<\/a><\/li><li><a href=\"#utilizando-o-gutenberg\">Utilizando o Gutenberg<\/a><\/li><li><a href=\"#uma-tela-de-edicao-100-interativa\">Uma tela de edi\u00e7\u00e3o 100% interativa<\/a><\/li><li><a href=\"#etapas-de-implementacao\">Etapas de implementa\u00e7\u00e3o<\/a><\/li><li><a href=\"#colaboradores\">Colaboradores<\/a><\/li><\/ul><\/div>\n<h2><span id=\"o-que-e-o-gutenberg\">O que \u00e9 o Gutenberg<\/span><\/h2>\n\n\n\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Matt_Mullenweg\">Matt Mullenweg<\/a>, m\u00fasico e criador do CMS WordPress, define o recurso como uma nova experi\u00eancia para os criadores de conte\u00fado:<\/p>\n\n\n\n<p>O editor criar\u00e1 uma nova experi\u00eancia de cria\u00e7\u00e3o de p\u00e1ginas e posts, que facilita a escrita, al\u00e9m de possuir &#8220;blocos&#8221; que facilitam a utiliza\u00e7\u00e3o de atalhos, HTML personalizados ou descoberta de links invis\u00edveis. &#8211; Matt Mullenweg<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p><em>The editor will create a new page- and post-building experience that makes writing rich posts effortless, and has \u201cblocks\u201d to make it easy what today might take shortcodes, custom HTML, or \u201cmystery meat\u201d embed discovery. \u2014 Matt Mullenweg<\/em><\/p><\/blockquote>\n\n\n\n<p>O recurso j\u00e1 vem dispon\u00edvel na nova atualiza\u00e7\u00e3o, mas ainda n\u00e3o \u00e9 ativado por padr\u00e3o, o que dever\u00e1 ocorrer na vers\u00e3o 5.0 do WordPress.<\/p>\n\n\n\n<p>Ao acessar o painel de controle, voc\u00ea poder\u00e1 optar por utilizar ou n\u00e3o o recurso. Isso porque \u00e9 necess\u00e1rio a instala\u00e7\u00e3o do plugin, caso opte por testar a ferramenta.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" src=\"http:\/\/blog.dialhost.com.br\/wp-content\/uploads\/2018\/08\/Screen-Shot-2018-08-02-at-11.42.39-am-700x434.png\" alt=\"\" class=\"wp-image-4218\" width=\"743\" height=\"461\"\/><figcaption> <br>Gutenberg WordPress <\/figcaption><\/figure><\/div>\n\n\n\n<p>Neste per\u00edodo, o CMS ir\u00e1 observar a utiliza\u00e7\u00e3o de milh\u00f5es de usu\u00e1rios para, posteriormente, tornar o editor Gutenberg padr\u00e3o no WordPress.  <\/p>\n\n\n\n<p>Assim, esperamos que a funcionalidade existente continue permitindo que os desenvolvedores tenham tempo e caminhos para fazer a transi\u00e7\u00e3o eficaz. <\/p>\n\n\n\n<p>Al\u00e9m disso, o editor possibilitar\u00e1 oportunidades para os desenvolvedores de plug-ins e temas. De fato, com a experi\u00eancia visual mais envolvente, ficar\u00e1 melhor produzir conte\u00fado. <\/p>\n\n\n\n<h2><span id=\"utilizando-o-gutenberg\">Utilizando o Gutenberg<\/span><\/h2>\n\n\n\n<p>Fizemos a instala\u00e7\u00e3o do plugin, aqui na <a href=\"https:\/\/dialhost.com.br\">DialHost,<\/a> e gostamos muito da novidade!<\/p>\n\n\n\n<p>Na pr\u00e1tica, o editor realmente apresenta, de forma percept\u00edvel, uma nova \u00f3tica para quem produz conte\u00fado para a web. Isso porque em sua estrutura, a principal caracter\u00edstica \u00e9 a divis\u00e3o de conte\u00fado por blocos, o que permite ao usu\u00e1rio mais maleabilidade, al\u00e9m de uma vis\u00e3o estrat\u00e9gica do seu artigo. <\/p>\n\n\n\n<p>Inclusive, para n\u00f3s, \u00e9 uma uma percep\u00e7\u00e3o visual genial de como o conte\u00fado ser\u00e1 exibido ap\u00f3s publicado. <\/p>\n\n\n\n<p>Ali\u00e1s, o que diferencia o WordPress de outros sistemas \u00e9 a possibilidade de criar layouts de posts completos. Dessa forma, plugin Gutenberg trata o editor muito al\u00e9m de um campo de conte\u00fado. Ele d\u00e1 outra cara ao layout de edi\u00e7\u00e3o, que est\u00e1 praticamente inalterado h\u00e1 quase uma d\u00e9cada.<\/p>\n\n\n\n<h2><span id=\"uma-tela-de-edicao-100-interativa\">Uma tela de edi\u00e7\u00e3o 100% interativa<\/span><\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img src=\"http:\/\/blog.dialhost.com.br\/wp-content\/uploads\/2018\/08\/tela.png\" alt=\"Gutenberg WordPress\" class=\"wp-image-4240\"\/><\/figure><\/div>\n\n\n\n<p>Utilizando o Gutenberg, \u00e9 poss\u00edvel experimentar a cria\u00e7\u00e3o de conte\u00fado focado em usabilidade e simplicidade, colocando em pr\u00e1tica o famoso <em>menos \u00e9 mais<\/em>. <\/p>\n\n\n\n<p>Para come\u00e7ar, a interface da edi\u00e7\u00e3o ocupa o centro da tela. Isso faz com que a vis\u00e3o fique livre de poss\u00edveis distra\u00e7\u00f5es. Al\u00e9m disso, os blocos que dividem o conte\u00fado tornam a experi\u00eancia mais rica. \u00c9 poss\u00edvel arrast\u00e1-los para cima ou para baixo, moldando o formato do conte\u00fado como desejar. Em outras palavras, ele nos d\u00e1 uma vis\u00e3o geral de como o conte\u00fado ser\u00e1 exibido.<\/p>\n\n\n\n<h2><span id=\"etapas-de-implementacao\">Etapas de implementa\u00e7\u00e3o<\/span><\/h2>\n\n\n\n<p>Segundo o site, Gutenberg tem tr\u00eas etapas planejadas para sua implementa\u00e7\u00e3o. A primeira \u00e9 a inclus\u00e3o definitiva, que dever\u00e1 ocorrer na vers\u00e3o do WordPress 5.0. O foco total ser\u00e1 na edi\u00e7\u00e3o e implementa\u00e7\u00e3o da organiza\u00e7\u00e3o do conte\u00fado por blocos.<\/p>\n\n\n\n<p>Esta mudan\u00e7a abrir\u00e1 caminho para \u00a0as etapas posteriores, planejadas para serem implementadas em 2019. Elas v\u00e3o al\u00e9m do post para os modelos de p\u00e1gina e, em \u00faltima an\u00e1lise, para a personaliza\u00e7\u00e3o completa do site. <\/p>\n\n\n\n<p>Sem d\u00favida, isso ir\u00e1 impactar, de forma significativa, a experi\u00eancia de lidar com os sites e blogs que utilizam o WordPress.<\/p>\n\n\n\n<h2><span id=\"colaboradores\">Colaboradores<\/span><\/h2>\n\n\n\n<p>Como todo open source, o Gutenberg \u00e9 constru\u00eddo por muitos colaboradores e volunt\u00e1rios. A lista pode ser visualizada neste <a href=\"https:\/\/github.com\/WordPress\/gutenberg\/blob\/master\/CONTRIBUTORS.md\">neste link<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.dialhost.com.br\/hospedagem-de-sites\"><img src=\"http:\/\/blog.dialhost.com.br\/wp-content\/uploads\/2018\/08\/banner-1.png\" alt=\"\" class=\"wp-image-4234\"\/><\/a><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea j\u00e1 est\u00e1 por dentro das mudan\u00e7as que o editor Gutenberg trouxe ao WordPress? <\/p>\n","protected":false},"author":1,"featured_media":7641,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[16,3,26],"tags":[43,158,222],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gutenberg: o novo editor de texto do WordPress - Blog DialHost<\/title>\n<meta name=\"description\" content=\"Conhe\u00e7a o Gutenberg, o novo editor de textos do WordPress, que tem como foco a experi\u00eancia dos usu\u00e1rios que produzem conte\u00fado para a web\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.dialhost.com.br\/blog\/gutenberg-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gutenberg: o novo editor de texto do WordPress - Blog DialHost\" \/>\n<meta property=\"og:description\" content=\"Conhe\u00e7a o Gutenberg, o novo editor de textos do WordPress, que tem como foco a experi\u00eancia dos usu\u00e1rios que produzem conte\u00fado para a web\" \/>\n<meta property=\"og:url\" content=\"\/blog\/gutenberg-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog DialHost\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/DialHost\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/DialHost\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-03T18:41:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-04-30T20:24:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dialhost.com.br\/blog\/wp-content\/uploads\/2019\/04\/og-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@dialhost\" \/>\n<meta name=\"twitter:site\" content=\"@dialhost\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#organization\",\"name\":\"DialHost Internet\",\"url\":\"https:\/\/www.dialhost.com.br\/blog\/\",\"sameAs\":[\"http:\/\/www.facebook.com\/DialHost\",\"https:\/\/www.instagram.com\/dialhost_oficial\/\",\"https:\/\/www.linkedin.com\/company\/dialhost-internet\",\"https:\/\/www.youtube.com\/channel\/UCAiqiX8IiqTSfA8wQhpzgXQ\",\"https:\/\/twitter.com\/dialhost\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#logo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/www.dialhost.com.br\/blog\/wp-content\/uploads\/2019\/03\/marca-dialhost.png\",\"width\":81,\"height\":81,\"caption\":\"DialHost Internet\"},\"image\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.dialhost.com.br\/blog\/\",\"name\":\"Blog DialHost\",\"description\":\"Os melhores conte\\u00fados sobre Desenvolvimento Web, Marketing e Neg\\u00f3cios\",\"publisher\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.dialhost.com.br\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gutenberg-wordpress\/#primaryimage\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/www.dialhost.com.br\/blog\/wp-content\/uploads\/2018\/08\/Gutenberg.jpg\",\"width\":1600,\"height\":620,\"caption\":\"\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gutenberg-wordpress\/#webpage\",\"url\":\"https:\/\/www.dialhost.com.br\/blog\/gutenberg-wordpress\/\",\"name\":\"Gutenberg: o novo editor de texto do WordPress - Blog DialHost\",\"isPartOf\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gutenberg-wordpress\/#primaryimage\"},\"datePublished\":\"2018-08-03T18:41:05+00:00\",\"dateModified\":\"2019-04-30T20:24:29+00:00\",\"description\":\"Conhe\\u00e7a o Gutenberg, o novo editor de textos do WordPress, que tem como foco a experi\\u00eancia dos usu\\u00e1rios que produzem conte\\u00fado para a web\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gutenberg-wordpress\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dialhost.com.br\/blog\/gutenberg-wordpress\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gutenberg-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"\/blog\/\",\"url\":\"\/blog\/\",\"name\":\"In\\u00edcio\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"\/blog\/gutenberg-wordpress\/\",\"url\":\"\/blog\/gutenberg-wordpress\/\",\"name\":\"Gutenberg: o novo editor de texto do WordPress\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gutenberg-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gutenberg-wordpress\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#\/schema\/person\/a0b10cbe35449dea173a06d4664f9fcc\"},\"headline\":\"Gutenberg: o novo editor de texto do WordPress\",\"datePublished\":\"2018-08-03T18:41:05+00:00\",\"dateModified\":\"2019-04-30T20:24:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gutenberg-wordpress\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/gutenberg-wordpress\/#primaryimage\"},\"keywords\":\"blog,noticias,wordpress\",\"articleSection\":\"CMS e Plataformas,Dicas e Not\\u00edcias,WordPress\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.dialhost.com.br\/blog\/gutenberg-wordpress\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#\/schema\/person\/a0b10cbe35449dea173a06d4664f9fcc\",\"name\":\"DialHost Internet\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.dialhost.com.br\/blog\/#personlogo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/05feec2f99aef1c42b09aeaa637ee66f?s=96&r=g\",\"caption\":\"DialHost Internet\"},\"description\":\"H\\u00e1 mais de 18 anos proporcionando um servi\\u00e7o de hospedagem de sites voltado 100% na Experi\\u00eancia e Sucesso do Cliente, prezando a qualidade, transpar\\u00eancia e seguran\\u00e7a.\",\"sameAs\":[\"https:\/\/www.facebook.com\/DialHost\",\"https:\/\/www.instagram.com\/dialhost_oficial\/\",\"https:\/\/www.linkedin.com\/company\/dialhost-internet\",\"https:\/\/twitter.com\/dialhost\",\"https:\/\/www.youtube.com\/channel\/UCAiqiX8IiqTSfA8wQhpzgXQ\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/posts\/4226"}],"collection":[{"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=4226"}],"version-history":[{"count":0,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/posts\/4226\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/media\/7641"}],"wp:attachment":[{"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=4226"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=4226"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dialhost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=4226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}