{"id":414,"date":"2018-12-06T21:32:37","date_gmt":"2018-12-06T23:32:37","guid":{"rendered":"http:\/\/lucianodev.com.br\/blog\/?p=414"},"modified":"2018-12-06T21:32:37","modified_gmt":"2018-12-06T23:32:37","slug":"novo-wordpress-5-0-e-oficialmente-lancado","status":"publish","type":"post","link":"https:\/\/lucianodev.com.br\/blog\/novo-wordpress-5-0-e-oficialmente-lancado\/","title":{"rendered":"Novo WordPress 5.0 \u00e9 oficialmente lan\u00e7ado. Veja mais detalhes"},"content":{"rendered":"<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4648498281437791\" data-ad-slot=\"5451138398\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<p>Ol\u00e1 pessoal, boa tarde<\/p>\n<p>Muitos de voc\u00eas que s\u00e3o desenvolvedores Web com foco no sistema WordPress tem acompanhado noticias sobre o lan\u00e7amento do novo WordPress 5.0, onde agora todo o sistema de constru\u00e7\u00e3o de p\u00e1ginas e posts \u00e9 baseado no sistema &#8220;ARRASTA E SOLTA&#8221;, atrav\u00e9s do plugin (que incorpora essa nova vers\u00e3o) &#8220;Gutenberg&#8221;.<\/p>\n<p>Foram lan\u00e7ados diversas vers\u00f5es &#8220;betas&#8221; do WordPress 5.0 para testes antes do seu lan\u00e7amento oficial (para que programadores pudessem realizar diversos testes com o sistema do novo sistema de constru\u00e7\u00e3o de conte\u00fados, assim tamb\u00e9m como a compatibilidade do mesmo com os demais plugins) e hoje, 06\/12\/2018, o WordPress lan\u00e7a oficialmente a nova vers\u00e3o 5.0.<\/p>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4648498281437791\" data-ad-slot=\"5451138398\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<h2>Conhecendo o novo sistema de constru\u00e7\u00e3o de conte\u00fados (Gutenberg)<\/h2>\n<p>Quando o WordPress surgiu pela primeira vez, o foco principal era a constru\u00e7\u00e3o de blogs de conte\u00fado para diversos prop\u00f3sitos. Gra\u00e7as aos que chamados de &#8220;plugins&#8221; era poss\u00edvel &#8220;expandir&#8221; a funcionalidade do WordPress agregando novos recursos (como sistema de &#8220;popups&#8221; baseados em lightbox, sistemas de SEO para ajudar no &#8220;rankeamento&#8221; de p\u00e1ginas, criadores de metadados para redes sociais e muito mais). Uma das febres que surgiu com o tempo eram plugins capazes de construir sites usando o sistema de &#8220;arrasta e solta&#8221;, permitindo que os profissionais Web al\u00e9m de construir blogs de conte\u00fado pudessem construir sites com apar\u00eancias e layouts profissionais. Podemos citar como exemplos alguns plugins como o Page Builder (SiteOrigin), Visual Composer, Elementor e etc. Isso fez com que o WordPress pudesse ser &#8220;enxergado&#8221; de uma forma diferente, permitindo a constru\u00e7\u00e3o de sites profissionais.<\/p>\n<p>Observando essa popularidade que o WordPress conseguiu como construtor de sites de uma forma f\u00e1cil e intuitiva (gra\u00e7as a esses plugins mencionados e al\u00e9m de outros tamb\u00e9m), foi incorporado a essa nova vers\u00e3o do 5.0 um novo sistema de constru\u00e7\u00e3o de p\u00e1ginas e posts baseados em &#8220;arrasta e solta&#8221; chamado &#8220;Gutenberg&#8221;. Como os pr\u00f3prios desenvolvedores do WordPress mencionam, essa \u00e9 uma das grandes atualiza\u00e7\u00f5es que ocorre no sistema em anos como tamb\u00e9m um grande avan\u00e7ado na plataforma mudando, de uma maneira radical, a forma como vamos lidar com o WordPress &#8220;positivamente&#8221; daqui por diante.<\/p>\n<p>Vejamos abaixo uma compara\u00e7\u00e3o do sistema de cria\u00e7\u00e3o de p\u00e1ginas e posts das antigas vers\u00f5es do WordPress para a nova vers\u00e3o do WordPress 5.0:<\/p>\n<figure id=\"attachment_422\" aria-describedby=\"caption-attachment-422\" style=\"width: 640px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-422 size-large\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_1_ok-1024x596.jpg\" alt=\"Vers\u00e3o Cl\u00e1ssica do Editor WordPress\" width=\"640\" height=\"373\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_1_ok-1024x596.jpg 1024w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_1_ok-300x175.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_1_ok-768x447.jpg 768w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_1_ok-110x64.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_1_ok-420x244.jpg 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_1_ok-739x430.jpg 739w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_1_ok.jpg 1129w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption id=\"caption-attachment-422\" class=\"wp-caption-text\">Vers\u00e3o Cl\u00e1ssica do Editor WordPress<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_423\" aria-describedby=\"caption-attachment-423\" style=\"width: 640px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-423\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_2-1024x616.jpg\" alt=\"Vers\u00e3o Nova do Editor (Gutenberg)\" width=\"640\" height=\"385\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_2-1024x616.jpg 1024w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_2-300x180.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_2-768x462.jpg 768w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_2-110x66.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_2-420x252.jpg 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_2-715x430.jpg 715w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_2.jpg 1093w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption id=\"caption-attachment-423\" class=\"wp-caption-text\">Vers\u00e3o Nova do Editor (Gutenberg) &#8211; WordPress 5.0<\/figcaption><\/figure>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4648498281437791\" data-ad-slot=\"5451138398\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<p>&nbsp;<\/p>\n<p>O novo sistema de constru\u00e7\u00e3o de conte\u00fados funciona basicamente da seguinte forma, os elementos s\u00e3o adicionados como se fossem blocos um embaixo do outro, onde cada bloco corresponde \u00e0 um componente (widget), que pode ser uma imagem, par\u00e1grafo, t\u00edtulo, galeria de imagens e etc.). Vejamos a lista de op\u00e7\u00f5es abaixo:<\/p>\n<figure id=\"attachment_425\" aria-describedby=\"caption-attachment-425\" style=\"width: 691px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-425\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_3.jpg\" alt=\"Op\u00e7\u00f5es de Widgets a serem inseridos na p\u00e1gina\" width=\"691\" height=\"588\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_3.jpg 691w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_3-300x255.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_3-110x94.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_3-420x357.jpg 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_3-505x430.jpg 505w\" sizes=\"auto, (max-width: 691px) 100vw, 691px\" \/><figcaption id=\"caption-attachment-425\" class=\"wp-caption-text\">Lista de widgets que podemos escolher para adicionar na p\u00e1gina<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h2>J\u00e1 posso atualizar meu site para no novo WordPress 5.0?<\/h2>\n<p>Essa \u00e9 uma a\u00e7\u00e3o que devemos tomar com muita cautela, pois, mesmo sendo essa vers\u00e3o uma grande melhoria (e mudan\u00e7a) do sistema do WordPress, muitos plugins ainda <span style=\"color: #800000;\"><strong>N\u00c3O S\u00c3O COMPAT\u00cdVEIS<\/strong> <\/span>com essa nova vers\u00e3o do WordPress, podendo fazer com que seu site <strong><span style=\"color: #800000;\">SIMPLESMENTE PARE DE FUNCIONAR<\/span><\/strong>. A raz\u00e3o \u00e9 que alguns plugins que modificam a estrutura editor de conte\u00fado do WordPress para agregar suas funcionalidades ainda n\u00e3o s\u00e3o compat\u00edveis com o novo editor do Gutenberg, pois possui uma estrutura completamente diferente.<\/p>\n<p>Ent\u00e3o sempre fique de olho antes de atualizar seu site para a nova vers\u00e3o, certificando que todos os plugins instalados em seu site j\u00e1 estejam atualizados e compat\u00edveis com o novo WordPress.<\/p>\n<h2>\u00c9 poss\u00edvel ainda mesmo com a nova vers\u00e3o do WordPress usar o Editor Cl\u00e1ssico?<\/h2>\n<p>Sim, \u00e9 poss\u00edvel. Para aqueles que ainda n\u00e3o se adaptaram ao novo editor ou que tiveram algum conflito de plugins ap\u00f3s a atualiza\u00e7\u00e3o do WordPress 5.0, \u00e9 poss\u00edvel instalar o plugin Editor Cl\u00e1ssico (&#8220;Classic Editor&#8221;), que substitui o novo editor para a vers\u00e3o cl\u00e1ssica na nova vers\u00e3o do WordPress. Vejamos o plugin abaixo:<\/p>\n<figure id=\"attachment_426\" aria-describedby=\"caption-attachment-426\" style=\"width: 668px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-426\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_4.jpg\" alt=\"Plugin do Editor Cl\u00e1ssico do WordPress\" width=\"668\" height=\"464\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_4.jpg 668w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_4-300x208.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_4-110x76.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_4-420x292.jpg 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_novo_wp_4-619x430.jpg 619w\" sizes=\"auto, (max-width: 668px) 100vw, 668px\" \/><figcaption id=\"caption-attachment-426\" class=\"wp-caption-text\">Plugin do Editor Cl\u00e1ssico do WordPress<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>Espero que esse POST tenha esclarecidos suas d\u00favidas em rela\u00e7\u00e3o ao novo WordPress 5.0. Fiquem a vontade para deixar seus coment\u00e1rios quando quiserem.<\/p>\n<p><strong>Um forte abra\u00e7o&#8230;<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ol\u00e1 pessoal, boa tarde Muitos de voc\u00eas que s\u00e3o desenvolvedores Web com foco no sistema WordPress tem acompanhado noticias sobre o lan\u00e7amento do novo WordPress 5.0, onde agora todo o&hellip;<\/p>\n","protected":false},"author":1,"featured_media":416,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,14],"tags":[],"class_list":["post-414","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","category-wordpress"],"_links":{"self":[{"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/posts\/414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/comments?post=414"}],"version-history":[{"count":5,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/posts\/414\/revisions"}],"predecessor-version":[{"id":427,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/posts\/414\/revisions\/427"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/media\/416"}],"wp:attachment":[{"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/media?parent=414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/categories?post=414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/tags?post=414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}