{"id":261,"date":"2016-01-05T15:28:54","date_gmt":"2016-01-05T17:28:54","guid":{"rendered":"https:\/\/blog.umbler.com\/?p=261"},"modified":"2018-12-06T11:29:14","modified_gmt":"2018-12-06T13:29:14","slug":"destaques-da-nova-versao-do-wordpress-4-4clifford","status":"publish","type":"post","link":"https:\/\/blog.umbler.com\/br\/destaques-da-nova-versao-do-wordpress-4-4clifford\/","title":{"rendered":"Destaques da Nova Vers\u00e3o do WordPress: 4.4\/Clifford"},"content":{"rendered":"<p>Em 8 de dezembro uma nova vers\u00e3o do WordPress foi lan\u00e7ada e nomeada de Clifford, em homenagem ao m\u00fasico de jazz Clifford Brown. Essa vers\u00e3o trouxe muitos recursos interessantes, tanto para desenvolvedores, quanto para gestores de conte\u00fado. Entre as novidades, duas ganham destaque pela import\u00e2ncia de acesso ao conte\u00fado e pelo desenvolvimento do ecossistema do WordPress: imagens responsivas e a API REST.<\/p>\n<p>Para destacar o melhor da nova vers\u00e3o do WordPress, contamos com a expertise dos nossos parceiros da <a href=\"https:\/\/apiki.com\/\" target=\"_blank\" rel=\"noopener\">Apiki,<\/a> que fizeram uma review detalhada da vers\u00e3o 4.4.<\/p>\n<h2>Tema Padr\u00e3o: \u00a0Twenty Sixteen<\/h2>\n<p>O novo tema padr\u00e3o do WordPress segue um design clean e com destaque para o conte\u00fado e para o acesso em dispositivos m\u00f3veis. Al\u00e9m das quatro cores padr\u00e3o dispon\u00edveis, \u00e9 poss\u00edvel tamb\u00e9m configurar cores, imagem de fundo e imagem de header.<br \/>\n<img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-268 size-full\" src=\"https:\/\/blog.umbler.com\/wp-content\/uploads\/2016\/01\/theme-wp-twenty-sixteen.png\" alt=\"Theme WordPress Twenty Sixteen\" width=\"1200\" height=\"737\" \/><br \/>\nO que o pessoal da Apiki diz a respeito:<\/p>\n<blockquote><p>O\u00a0<a href=\"https:\/\/wordpress.org\/themes\/twentysixteen\/\" target=\"_blank\" rel=\"noopener\">tema Twenty Sixteen<\/a>, com design de\u00a0<a href=\"https:\/\/profiles.wordpress.org\/iamtakashi\" target=\"_blank\" rel=\"noopener\">Takashi Irie<\/a>, foi trabalhado seguindo a teoria do mobile first, em que tudo foi pensado para atender primeiro aos dispositivos m\u00f3veis para depois seguir para telas maiores (desktops).<\/p>\n<p>Em uma primeira observa\u00e7\u00e3o, percebemos que o tema se adequa muito bem para o uso, tanto em blogs quanto em sites. \u00c9 poss\u00edvel trabalhar com ou sem lateral (sidebar), assim como customiz\u00e1-lo a partir de 5 esquemas de cores (Padr\u00e3o, Cinza, Preto, Vermelho e Amarelo).<\/p>\n<p><a href=\"https:\/\/blog.apiki.com\/2015\/12\/09\/twenty-sixteen-conheca-o-novo-tema-padrao-do-wp-4-4\/\" target=\"_blank\" rel=\"noopener\">Confira o post completo da Apiki sobre o Tema Twenty Sixteen<\/a><\/p><\/blockquote>\n<h2>Imagens Responsivas<\/h2>\n<p>Essa novidade acaba tornando-se essencial atualmente, com o acesso cada vez maior por dispositivos m\u00f3veis. A partir da vers\u00e3o 4.4 do WordPress, o suporte a imagens responsivas \u00e9 nativo, portanto todas as imagens dos sites criadas na plataforma s\u00e3o automaticamente adaptadas ao tamanho das telas.<\/p>\n<p>Como isso \u00e9 feito? Explica\u00e7\u00e3o dos Apikers:<\/p>\n<blockquote><p>A vers\u00e3o 4.4 trabalhar\u00e1 da seguinte forma: ao fazer upload de uma imagem, o WordPress criar\u00e1 automaticamente diversos tamanhos desta mesma imagem (pequeno, m\u00e9dio e grande) no servidor e adicionar\u00e1 dinamicamente na tag <code>img<\/code> do HTML 5 o atributo <code>srcset<\/code>.<br \/>\nEste atributo listar\u00e1 todos os tamanhos de imagem existentes, com isso os navegadores poder\u00e3o optar por baixar o tamanho mais adequado e ignorar os demais, potencialmente economizando banda e acelerando o tempo de carregamento de p\u00e1gina no processo, al\u00e9m de incluir imagens retina para dispositivos com densidade alta de pixels.<br \/>\n<a href=\"https:\/\/blog.apiki.com\/2015\/12\/09\/introducao-a-imagens-responsivas-no-wordpress-4-4\/\" target=\"_blank\" rel=\"noopener\">Saiba mais sobre imagens responsivas no WordPress<\/a><\/p><\/blockquote>\n<h2>API Rest<\/h2>\n<p>A API Rest \u00e9 considerada um dos pontos de mudan\u00e7a do ecossistema de WordPress, pois permitir\u00e1 a integra\u00e7\u00e3o da plataforma com diversos servi\u00e7os online, oportunizando o desenvolvimento de mais op\u00e7\u00f5es de plugins e temas. Para o pessoal da Apiki, essa \u00e9 uma novidade extremamente importante:<\/p>\n<blockquote><p>A REST API \u00e9 uma forma simples, flex\u00edvel e poderosa de acessar os dados de um site WordPress externamente a partir de requisi\u00e7\u00f5es JavaScript em aplicativos mobile, desktop, plugins ou temas WordPress. Na verdade \u00e9 uma possibilidade incr\u00edvel de qualquer aplica\u00e7\u00e3o desenvolvida em qualquer linguagem se integrar a algo desenvolvido com base no WP.<\/p><\/blockquote>\n<h2>oEmbed<\/h2>\n<p>Na vers\u00e3o 4.4 do WordPress, o recurso de oEmbed tem mais possibilidades, tornando a inclus\u00e3o de outros conte\u00fados \u2013 seja de sites de terceiros, seja do pr\u00f3prio conte\u00fado \u2013 mais simples. Ser\u00e1 poss\u00edvel fazer o embed apenas colando o link no editor. Al\u00e9m disso, novos tipos de conte\u00fados poder\u00e3o aparecer com embed em p\u00e1ginas do WordPress, como coment\u00e1rios do Reddit, por exemplo.<br \/>\nPor\u00e9m, de acordo com a Apiki, \u00e9 necess\u00e1rio prestar aten\u00e7\u00e3o na vers\u00e3o do WordPress:<\/p>\n<blockquote><p>A parte um pouco chata desse recurso \u00e9 que aparentemente est\u00e1 funcionando apenas entre sites que tenham a vers\u00e3o recente instalada. Ao fazer o oembed de conte\u00fado de sites com uma vers\u00e3o diferente da 4.4, somente o link \u00e9 exibido como texto simples.<br \/>\n<a href=\"https:\/\/blog.apiki.com\/2015\/12\/09\/wordpress-oembed-provider-em-sua-versao-4-4\/\" target=\"_blank\" rel=\"noopener\">Veja as novidades de oEmbed na vers\u00e3o 4.4<\/a><\/p><\/blockquote>\n<h2>Gerenciamento de Usu\u00e1rios<\/h2>\n<p>A nova vers\u00e3o do WordPress trouxe mudan\u00e7as no gerenciamento de usu\u00e1rios, entre elas est\u00e3o link para o Gravatar, para determina\u00e7\u00e3o da imagem do perfil. Al\u00e9m disso, a busca de usu\u00e1rios tamb\u00e9m teve altera\u00e7\u00f5es para melhora de usabilidade.<\/p>\n<p>Outra novidade \u00e9 a inclus\u00e3o do filtro <a href=\"https:\/\/pt.wpseek.com\/hook\/get_role_list\/\" target=\"_blank\" rel=\"noopener\">get_role_list<\/a>, conforme explica o pessoal da Apiki:<\/p>\n<blockquote><p>Outra mudan\u00e7a promovida pelo WordPress 4.4 \u00e9 a inclus\u00e3o do filtro\u00a0<code>get_role_list<\/code>, que permitir\u00e1 a um usu\u00e1rio possuir v\u00e1rias roles. Essa habilita\u00e7\u00e3o de v\u00e1rios pap\u00e9is a um usu\u00e1rio s\u00f3 funciona via c\u00f3digo, n\u00e3o sendo poss\u00edvel efetuar essa opera\u00e7\u00e3o pela interface do administrador do site. O filtro <code>get_role_list<\/code> exige dois par\u00e2metros: um array contendo as roles a serem habilitadas e um objeto <code>WP_User<\/code> contendo o usu\u00e1rio em quest\u00e3o.<\/p><\/blockquote>\n<h2>Mudan\u00e7a no Editor de Posts e Formul\u00e1rio de Coment\u00e1rios<\/h2>\n<p>Na vers\u00e3o 4.4 temos duas mudan\u00e7as interessantes na interface, uma na tela de edi\u00e7\u00e3o de posts e nos coment\u00e1rios do WordPress.<\/p>\n<p>Na tela de edi\u00e7\u00e3o, os bot\u00f5es &#8220;View Post&#8221; e &#8220;Get Shortlink&#8221; foram removidos, tendo como objetivo a elimina\u00e7\u00e3o de fun\u00e7\u00f5es pouco utilizadas e de elementos da interface:<\/p>\n<blockquote><p>Esta mudan\u00e7a n\u00e3o somente remove a fun\u00e7\u00e3o dos bot\u00f5es que n\u00e3o tenham muito valor, mas tamb\u00e9m remove um elemento da interface do usu\u00e1rio da p\u00e1gina. Melhorias como esta tornam a interface do WordPress mais simples, sem retirar permanentemente a finalidade do bot\u00e3o.<br \/>\n<a href=\"https:\/\/blog.apiki.com\/2015\/12\/09\/remocao-dos-botoes-view-post-e-get-shortlink-do-editor-de-mensagens\/\" target=\"_blank\" rel=\"noopener\">Confira a diferen\u00e7a na tela de edi\u00e7\u00e3o<\/a><\/p><\/blockquote>\n<p>J\u00e1 no formul\u00e1rio de coment\u00e1rios, a ordem dos campos foi alterada para dar prioridade \u00e0 caixa de coment\u00e1rios:<\/p>\n<blockquote><p>Todos usu\u00e1rios s\u00e3o encorajados a comentar, sem antes pedir qualquer informa\u00e7\u00e3o nos campos, e por isso n\u00e3o tem anteriormente \u201cfiltro\u201d de ter que se identificar. \u00c9 visual, psicol\u00f3gico, se voc\u00ea quiser, mas \u00e0s vezes as coisas s\u00e3o t\u00e3o simples.<br \/>\nOs usu\u00e1rios que utilizam o teclado para pular de um campo para o outro passe diretamente para o conte\u00fado principal do coment\u00e1rio, \u00e9, incidentalmente, mais f\u00e1cil mudar de campo para campo.<br \/>\n<a href=\"https:\/\/blog.apiki.com\/2015\/12\/09\/melhoria-no-formulario-de-comentario-na-versao-4-4\/\" target=\"_blank\" rel=\"noopener\">Mais facilidade na hora de comentar: veja a melhoria nos coment\u00e1rios do WordPress<\/a><\/p><\/blockquote>\n<h2>Mais novidades da vers\u00e3o 4.4 do WordPress<\/h2>\n<p>No blog da\u00a0<a href=\"https:\/\/apiki.com\/\" target=\"_blank\" rel=\"noopener\">Apiki<\/a>\u00a0\u00e9 poss\u00edvel encontrar mais posts sobre todos os recursos, mudan\u00e7as e novidades da nova vers\u00e3o do WordPress, confira:<\/p>\n<ul class=\"icon-ul margin-no-l margin-md-b\">\n<li><i class=\"icon icon-external-link-square margin-sm-r\"><\/i><a href=\"https:\/\/blog.apiki.com\/2015\/12\/09\/adeus-ao-wp_title\/\" target=\"_blank\" rel=\"noopener\">Adeus ao wp title<\/a><\/li>\n<li><i class=\"icon icon-external-link-square margin-sm-r\"><\/i><a href=\"https:\/\/blog.apiki.com\/2015\/12\/09\/mudancas-hierarquicas-nos-titulos-das-telas-administrativas\/ \" target=\"_blank\" rel=\"noopener\">Mudan\u00e7as Hier\u00e1rquicas nos T\u00edtulos de telas Administrativas<\/a><\/li>\n<li><i class=\"icon icon-external-link-square margin-sm-r\"><\/i><a href=\"https:\/\/blog.apiki.com\/2015\/12\/09\/como-reescrever-urls-no-wordpress\/\" target=\"_blank\" rel=\"noopener\">Como reescrever URLS no WordPress<\/a><\/li>\n<li><i class=\"icon icon-external-link-square margin-sm-r\"><\/i><a href=\"https:\/\/blog.apiki.com\/2015\/12\/09\/wordpress-multisite-e-as-mudancas-na-versao-4-4\/\" target=\"_blank\" rel=\"noopener\">WordPress Multisite<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Em 8 de dezembro uma nova vers\u00e3o do WordPress foi lan\u00e7ada e nomeada de Clifford, em homenagem ao m\u00fasico de jazz Clifford Brown. Essa vers\u00e3o trouxe muitos recursos interessantes, tanto para desenvolvedores, quanto para gestores de conte\u00fado. Entre as novidades, duas ganham destaque pela import\u00e2ncia de acesso ao conte\u00fado e pelo desenvolvimento do ecossistema do [&hellip;]<\/p>\n","protected":false},"author":38,"featured_media":5672,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[32,33,34,35,36,37],"class_list":["post-261","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev","tag-api-rest","tag-html-5","tag-imagens-responsivas","tag-oembed","tag-wordpress","tag-wordpress-4-4"],"_links":{"self":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/261"}],"collection":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/comments?post=261"}],"version-history":[{"count":0,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/posts\/261\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media\/5672"}],"wp:attachment":[{"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/media?parent=261"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/categories?post=261"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.umbler.com\/br\/wp-json\/wp\/v2\/tags?post=261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}