{"id":371558,"date":"2023-04-06T15:26:00","date_gmt":"2023-04-06T12:26:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=371558"},"modified":"2023-04-09T16:09:06","modified_gmt":"2023-04-09T13:09:06","slug":"imagem-em-destaque-do-wordpress-o-que-e-e-como-adiciona-lo","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/imagem-em-destaque-do-wordpress-o-que-e-e-como-adiciona-lo\/","title":{"rendered":"Imagem em destaque do WordPress: o que \u00e9 e como adicion\u00e1-lo"},"content":{"rendered":"\n<p>Quando as pessoas come\u00e7aram a dizer que uma \u00fanica imagem vale mais que mil palavras, elas n\u00e3o tinham ideia do quanto as imagens seriam um cavalo de batalha no futuro. O ditado centen\u00e1rio surgiu quando o reinado da imprensa estava em pleno andamento, e coisas como internet, sites e WordPress n\u00e3o estavam \u00e0 vista.<\/p>\n<p>Agora, no entanto, a imagem se tornou muito mais, mesmo em situa\u00e7\u00f5es em que a informa\u00e7\u00e3o \u00e9 transferida em forma de texto. <strong>Quem quer olhar para grandes blocos de texto, quando voc\u00ea pode dividi-los em peda\u00e7os facilmente gerenci\u00e1veis \u200b\u200bcom imagens?<\/strong> E voc\u00ea pode usar essas imagens para fornecer informa\u00e7\u00f5es adicionais, chamar a aten\u00e7\u00e3o ou apenas dar \u00e0s pessoas algo para descansar os olhos.<\/p>\n<p><strong>As imagens s\u00e3o indispens\u00e1veis<\/strong>, se voc\u00ea ainda n\u00e3o sabe pelo n\u00famero de <a href=\"https:\/\/themewp.inform.click\/pt-pt\/os-melhores-sites-de-fotos-gratuitas-e-premium\/\" title=\"sites de fotos gratuitas e premium que\">sites de fotos gratuitas e premium que<\/a> voc\u00ea pode usar para obter fotos incr\u00edveis. Mas eles tamb\u00e9m aparecem em diferentes partes e p\u00e1ginas do seu site, onde desempenham fun\u00e7\u00f5es diferentes. \u00c9 por <strong>isso que n\u00e3o basta apenas escolher uma boa foto<\/strong>. Voc\u00ea precisa saber o que a imagem faz. Neste artigo, <strong>explicaremos as imagens em destaque do WordPress<\/strong>.<\/p>\n<h2>O que \u00e9 uma imagem em destaque do WordPress?<\/h2>\n<p>A imagem em destaque no WordPress \u00e9 diferente da imagem comum que voc\u00ea usaria para dividir algum texto ou ilustrar um produto. <strong>\u00c9 uma imagem que representa todo o post, independentemente do tipo.<\/strong> Voc\u00ea nem tem uma palavra a dizer sobre onde ele aparece, pois isso geralmente \u00e9 regulado pelo tema que voc\u00ea est\u00e1 usando. Voc\u00ea pode dizer qual p\u00e1gina tem uma \u2013 p\u00e1ginas regulares, postagens de blog ou p\u00e1ginas de produtos <strong>podem receber uma imagem em destaque<\/strong>.<\/p>\n<p>Devido ao importante papel que desempenham, as imagens em destaque do WordPress devem ser t\u00e3o bem pensadas quanto qualquer outro conte\u00fado vital que voc\u00ea publica online. Escusado ser\u00e1 dizer que <strong>uma imagem em destaque precisa ser capaz de atrair a aten\u00e7\u00e3o<\/strong>. Deve ser cativante, facilmente diger\u00edvel e capaz de transmitir informa\u00e7\u00f5es rapidamente. <strong>Uma imagem em destaque do WordPress deve representar bem sua p\u00e1gina<\/strong>.<\/p>\n<p>As imagens em destaque t\u00eam uma hist\u00f3ria longa e sinuosa no WordPress. Originalmente, as imagens que realizavam essa fun\u00e7\u00e3o precisavam ser adicionadas por meio de um campo personalizado. N\u00e3o foi at\u00e9 a vers\u00e3o 2.9 que o WordPress tornou oficial e deu a essas imagens um campo pr\u00f3prio.<\/p>\n<p>Com o tempo, essas imagens &#8211; <strong>ent\u00e3o conhecidas como &quot;imagens em miniatura&quot;<\/strong> &#8211; tiveram uma maior valoriza\u00e7\u00e3o da comunidade. Hoje, seria dif\u00edcil encontrar um tema que n\u00e3o inclu\u00edsse um campo para inserir essas imagens, embora a maioria adicione-o sob o nome &#8220;imagem em destaque&quot;.<\/p>\n<h2>Como adicionar imagens em destaque no WordPress<\/h2>\n<p>Por toda a import\u00e2ncia que eles t\u00eam, as imagens em destaque s\u00e3o incrivelmente f\u00e1ceis de adicionar \u00e0s suas postagens. O \u00fanico problema que voc\u00ea pode ter ao adicion\u00e1-los \u00e9 o fato de que \u00e0s vezes \u00e9 dif\u00edcil perceber onde voc\u00ea deve faz\u00ea-lo. Para o registro, <strong>a op\u00e7\u00e3o de adicionar imagens em destaque geralmente est\u00e1 localizada no canto inferior direito entre as ferramentas<\/strong>.<\/p>\n<p>Todo o procedimento de adicionar imagens em destaque no WordPress deve ser assim:<\/p>\n<ol>\n<li>\n<p><strong>Encontre a postagem.<\/strong> Navegue at\u00e9 ele na \u00e1rea Admin.<\/p>\n<\/li>\n<li>\n<p><strong>Clique no bot\u00e3o ou link &#8220;definir imagem em destaque&#8221;<\/strong>. Esteja voc\u00ea usando o Gutenberg ou o Editor Cl\u00e1ssico, voc\u00ea encontrar\u00e1 este bot\u00e3o na barra lateral direita. Aqui est\u00e1 o que parece em Gutenberg:<\/p>\n<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e36fc3c6f8.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-288662-633e36fc3c6f8.jpg\" alt=\"Imagem em destaque do Wordpress: o que \u00e9 e como adicion\u00e1-lo\"><\/a><\/p>\n<p>E aqui est\u00e1 o que parece no Editor Cl\u00e1ssico:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e36ff23972.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-288662-633e36ff23972.jpg\" alt=\"Imagem em destaque do Wordpress: o que \u00e9 e como adicion\u00e1-lo\"><\/a><\/p>\n<ol start=\"3\">\n<li><strong>Adicione a imagem.<\/strong> Voc\u00ea pode escolher um da Biblioteca de m\u00eddia ou carreg\u00e1-lo do seu computador:<\/li>\n<\/ol>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e37013e014.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-288662-633e37013e014.jpg\" alt=\"Imagem em destaque do Wordpress: o que \u00e9 e como adicion\u00e1-lo\"><\/a><\/p>\n<ol start=\"4\">\n<li><strong>Enxague e repita.<\/strong> Siga estas etapas para cada nova postagem que precisa de uma imagem em destaque.<\/li>\n<\/ol>\n<p>\u00c9 t\u00e3o f\u00e1cil. A principal coisa a ser lembrada aqui \u00e9 a etapa n\u00famero quatro \u2013 <strong>cada nova postagem que voc\u00ea fizer exigir\u00e1 sua pr\u00f3pria imagem em destaque<\/strong>. Voc\u00ea tamb\u00e9m deve saber que pode <a href=\"https:\/\/themewp.inform.click\/pt-pt\/como-editar-imagens-no-wordpress-de-maneira-rapida\/\" title=\"editar imagens no WordPress,\">editar imagens no WordPress,<\/a> independentemente de onde voc\u00ea as coloque e da fun\u00e7\u00e3o que elas desempenham.<\/p>\n<p>Por fim, voc\u00ea tamb\u00e9m deve se lembrar de que <strong>todas as fotos que voc\u00ea coloca na web precisam ser otimizadas<\/strong>. Voc\u00ea n\u00e3o quer que uma imagem particularmente grande diminua a velocidade de carregamento das postagens, certo? \u00c9 f\u00e1cil encontrar um <a href=\"https:\/\/themewp.inform.click\/pt-pt\/otimize-imagens-no-wordpress-para-aumentar-a-velocidade-do-site\/\" title=\"guia de otimiza\u00e7\u00e3o de imagem\">guia de otimiza\u00e7\u00e3o de imagem<\/a> e passar por ele apenas para ter certeza de que suas imagens em destaque s\u00f3 fazem bem ao seu site.<\/p>\n<h2>Como diferentes temas exibem imagens em destaque<\/h2>\n<p>Seu trabalho termina quando voc\u00ea decide qual imagem deseja usar como imagem em destaque para uma postagem. A partir da\u00ed, \u00e9 o tema do WordPress que voc\u00ea est\u00e1 usando em seu site que decide o que acontece com a imagem. <strong>Coisas como posicionamento e dimens\u00f5es da imagem dependem do tema.<\/strong><\/p>\n<p>Se voc\u00ea quiser ver rapidamente como ficaria em seu site, <strong>fa\u00e7a uma nova postagem no blog, adicione uma imagem em destaque e publique-a<\/strong>. Voc\u00ea provavelmente o ver\u00e1 no topo do post publicado. Vamos dar uma olhada em um exemplo do tema gratuito Twenty Seventeen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e370476498.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-288662-633e370476498.jpg\" alt=\"Imagem em destaque do Wordpress: o que \u00e9 e como adicion\u00e1-lo\"><\/a><\/p>\n<p>A imagem em destaque aqui \u00e9 a proeminente com a ponte que atravessa o rio. Voc\u00ea pode ver que ele \u00e9 colocado acima do texto, quase no topo do post, em posi\u00e7\u00e3o dominante. <strong>Esta imagem \u00e9 um \u00f3timo exemplo de uma imagem em destaque que representa a p\u00e1gina em que est\u00e1<\/strong> &#8211; ela deve ilustrar o tema discutido no post.<\/p>\n<p>Nesse caso, a imagem em destaque \u00e9 dimensionada para a largura total da p\u00e1gina. Isso nem sempre \u00e9 o caso &#8211; <strong>cada tema tem suas pr\u00f3prias regras quando se trata de dimensionar imagens<\/strong>. Em alguns casos, e especialmente ao usar os temas premium pagos, voc\u00ea pode obter algumas op\u00e7\u00f5es para brincar. Ou voc\u00ea pode simplesmente mudar para um tema que exiba imagens em destaque de maneira diferente. Tomaremos o <a href=\"https:\/\/qodeinteractive.com\/wordpress-theme\/krafti-arts-crafts-wordpress-theme\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tema Krafti<\/a> como exemplo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e3708d6e24.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-288662-633e3708d6e24.jpg\" alt=\"Imagem em destaque do Wordpress: o que \u00e9 e como adicion\u00e1-lo\"><\/a><\/p>\n<p>A primeira coisa que voc\u00ea notar\u00e1 neste post \u00e9 que a imagem em destaque tem uma posi\u00e7\u00e3o completamente diferente. Ainda \u00e9 atraente, mas n\u00e3o domina a p\u00e1gina da mesma forma que a imagem do exemplo anterior. Esta imagem em destaque parece quase como se fosse uma parte do corpo da p\u00e1gina.<\/p>\n<p>Mas voc\u00ea tamb\u00e9m pode ver as semelhan\u00e7as entre esses dois exemplos. <strong>As imagens em destaque em ambos s\u00e3o as primeiras imagens do post. Eles s\u00e3o colocados logo abaixo do cabe\u00e7alho e geralmente em algum lugar pr\u00f3ximo ao t\u00edtulo.<\/strong> Portanto, mesmo que voc\u00ea veja o t\u00edtulo acima da imagem \u2013 alguns temas fazem isso \u2013 lembre-se de que a imagem em destaque geralmente \u00e9 a mais pr\u00f3xima do t\u00edtulo.<\/p>\n<h2>De que outra forma os temas usam imagens em destaque<\/h2>\n<p>Muitas vezes, voc\u00ea n\u00e3o ver\u00e1 a imagem em destaque de uma p\u00e1gina na pr\u00f3pria p\u00e1gina. Voc\u00ea pode encontrar temas que colocariam imagens em destaque at\u00e9 mesmo em p\u00e1ginas iniciais e p\u00e1ginas internas, mas geralmente n\u00e3o \u00e9 esse o prop\u00f3sito que eles servem nessas p\u00e1ginas. Normalmente, <strong>a imagem em destaque aparece nas p\u00e1ginas de arquivo do tema, nos resultados de pesquisa e nas listas de posts ou produtos do blog, bem como na se\u00e7\u00e3o &#8220;posts relacionados&#8221;<\/strong>.<\/p>\n<p>Mesmo l\u00e1, por\u00e9m, voc\u00ea pode encontrar diferen\u00e7as. O tema Twenty Seventeen n\u00e3o exibe imagens em destaque nos resultados da pesquisa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e370c35b65.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-288662-633e370c35b65.jpg\" alt=\"Imagem em destaque do Wordpress: o que \u00e9 e como adicion\u00e1-lo\"><\/a><\/p>\n<p>O tema Krafti sim, e tem suas pr\u00f3prias regras de tamanho e posicionamento.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-288662-633e370f9f1d5.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-288662-633e370f9f1d5.jpg\" alt=\"Imagem em destaque do Wordpress: o que \u00e9 e como adicion\u00e1-lo\"><\/a><\/p>\n<p>Por fim, as imagens em destaque t\u00eam outra fun\u00e7\u00e3o muito importante a desempenhar, e isso acontece ao compartilhar um post nas redes sociais. <strong>As redes usam a imagem em destaque como a imagem de sua postagem, exibindo-a junto com um link quando a postagem \u00e9 compartilhada.<\/strong><\/p>\n<p>As imagens que as redes sociais exibem s\u00e3o muito importantes. \u00c9 por isso que voc\u00ea encontrar\u00e1 muitos <strong><a href=\"https:\/\/themewp.inform.click\/pt-pt\/10-melhores-plugins-de-seo-para-wordpress-para-2022\/\" title=\"plugins de SEO\">plugins de SEO<\/a> que oferecem a possibilidade de colocar outras imagens em diferentes redes sociais<\/strong>. Isso permitiria que voc\u00ea criasse <a href=\"https:\/\/themewp.inform.click\/pt-pt\/tamanhos-e-dimensoes-de-imagem-de-midia-social-recomendados\/\" title=\"tamanhos e dimens\u00f5es de imagem espec\u00edficos para m\u00eddias sociais\">tamanhos e dimens\u00f5es de imagem espec\u00edficos para m\u00eddias sociais<\/a> e os usasse para substituir imagens em destaque, se houver, ao compartilhar nessas redes sociais.<\/p>\n<p>As imagens se tornaram onipresentes no cen\u00e1rio digital por um bom motivo. As pessoas s\u00e3o atra\u00eddas por eles, s\u00e3o f\u00e1ceis de processar rapidamente e t\u00eam mais usos do que voc\u00ea poderia contar nos dedos das m\u00e3os e dos p\u00e9s.<\/p>\n<p>Isso \u00e9 motivo suficiente para dar \u00e0s imagens do seu site uma boa e longa reflex\u00e3o antes de come\u00e7ar a carreg\u00e1-las. Tenha cuidado extra ao manusear imagens em destaque \u2013 elas s\u00e3o propensas a aparecer em todos os lugares onde suas p\u00e1ginas aparecem. Voc\u00ea quer que eles fa\u00e7am justi\u00e7a ao resto do conte\u00fado que voc\u00ea colocou na p\u00e1gina, certo?<\/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>Aprenda tudo o que voc\u00ea precisa saber sobre uma imagem em destaque do WordPress e encontre novas maneiras de fazer seu site se destacar entre a multid\u00e3o!<\/p>\n","protected":false},"author":1,"featured_media":274693,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[573],"tags":[848],"class_list":["post-371558","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\/371558","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=371558"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/371558\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/274693"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=371558"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=371558"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=371558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}