{"id":226894,"date":"2022-09-06T17:46:00","date_gmt":"2022-09-06T14:46:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226894"},"modified":"2022-11-09T01:47:38","modified_gmt":"2022-11-08T22:47:38","slug":"imagem-em-destaque-do-wordpress-o-que-e-e-como-adicionar-uma","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/imagem-em-destaque-do-wordpress-o-que-e-e-como-adicionar-uma\/","title":{"rendered":"Imagem em destaque do WordPress: o que \u00e9 e como adicionar uma"},"content":{"rendered":"\n

Voc\u00ea v\u00ea isso em todos os lugares, mas voc\u00ea n\u00e3o sabe muito sobre isso. \u00c9 a imagem em destaque do WordPress. Vamos descobrir mais sobre isso.<\/p>\n

Voc\u00ea sem d\u00favida sabe que toda revista f\u00edsica depende de imagens. Antes de essas revistas entrarem no ar, os editores faziam uso da m\u00eddia visual para garantir que as pessoas fossem seduzidas a ler as hist\u00f3rias.<\/p>\n

Agora, antes mesmo de come\u00e7ar a questionar a import\u00e2ncia das imagens, pergunte-se o quanto voc\u00ea gostaria de sua revista favorita sem uma? Voc\u00ea estaria t\u00e3o interessado quanto est\u00e1 agora se n\u00e3o houvesse imagens de seu carro favorito, comida ou moda?<\/p>\n

A imagem em destaque do WordPress \u00e9 um recurso bastante popular, e a maioria dos temas de hoje tem suporte para uma imagem em miniatura ou fotos em destaque quando voc\u00ea adiciona uma postagem. Uma imagem em destaque tem o objetivo de mostrar o conte\u00fado, ou tema, de um post ou p\u00e1gina.<\/p>\n

Existem v\u00e1rias vari\u00e1veis \u200b\u200bpara uma boa imagem em destaque. Por exemplo, n\u00e3o h\u00e1 um melhor tamanho predefinido para a imagem em destaque no WordPress, ent\u00e3o depende do seu caso espec\u00edfico. O tamanho da miniatura do WordPress tamb\u00e9m deve ser suficiente para exibir a imagem corretamente, e os usu\u00e1rios devem poder ver qual \u00e9 a imagem na miniatura.<\/p>\n

Geralmente, h\u00e1 uma \u00fanica imagem em destaque e \u00e9 usada para aprimorar a apresenta\u00e7\u00e3o do seu site. Abaixo, voc\u00ea ver\u00e1 como adicionar uma imagem em miniatura ou imagem em destaque, como alterar o tamanho da imagem em destaque no WordPress, etc.<\/p>\n

O que \u00e9 uma imagem em destaque?<\/strong><\/h3>\n

Mesmo que voc\u00ea esteja inclinado a pensar que este \u00e9 apenas mais um arquivo de m\u00eddia, a imagem da postagem em miniatura merece aten\u00e7\u00e3o especial, pois \u00e9 isso que voc\u00ea usar\u00e1 para chamar a aten\u00e7\u00e3o de seus visitantes. Isso \u00e9 o que voc\u00ea usar\u00e1 para atrair pessoas para ler suas hist\u00f3rias, al\u00e9m de aumentar a qualidade visual do seu blog. E tamb\u00e9m desempenha um papel bastante crucial no compartilhamento de m\u00eddia social. Portanto, a import\u00e2ncia desta imagem n\u00e3o deve ser negligenciada.<\/p>\n

Voc\u00ea descobrir\u00e1 que n\u00e3o muito tempo atr\u00e1s, muitos dos temas populares do WordPress n\u00e3o tinham suporte para uma imagem em destaque, e n\u00e3o era t\u00e3o simples quanto fazer o WordPress obter uma imagem em destaque que voc\u00ea gosta e coloc\u00e1-la em sua postagem. Mesmo aqueles poucos que tinham imagens em destaque, tendiam a enfrentar problemas como a imagem em destaque do WordPress n\u00e3o aparecer etc. No entanto, os tempos mudaram, e a maioria dos temas dispon\u00edveis online est\u00e3o prontos para imagens em destaque.<\/p>\n

Onde eles aparecem em seu site?<\/strong><\/h3>\n

\"Imagem<\/a><\/p>\n

As imagens em destaque tendem a ficar sob os holofotes da sua p\u00e1gina inicial. S\u00e3o as miniaturas que representam a postagem inteira e geralmente vinculam diretamente \u00e0 postagem. Ao selecionar uma imagem em destaque, voc\u00ea est\u00e1 definindo todo o tom da sua hist\u00f3ria. E, assim como uma boa foto pode levar um visitante a ler o post inteiro, uma foto ruim pode adi\u00e1-lo completamente.<\/p>\n

Essas mesmas imagens em destaque geralmente aparecem no topo de postagens \u00fanicas, bem como p\u00e1ginas e tipos de postagem personalizados no WordPress. Dependendo de qual tema voc\u00ea est\u00e1 usando, a imagem em destaque pode aparecer um pouco abaixo ou acima do t\u00edtulo. O tamanho da imagem em destaque do WordPress tamb\u00e9m depende do tema e geralmente depende do desenvolvedor que trabalhou nos detalhes.<\/p>\n

Agora, novamente, dependendo do tema, voc\u00ea pode ter imagens em destaque em outro lugar. Por exemplo, se voc\u00ea tiver um widget de postagens recentes, ele pode mostrar miniaturas de postagens para dar um pouco de estilo e atrair um pouco de aten\u00e7\u00e3o. Alguns at\u00e9 mostrar\u00e3o as imagens nas p\u00e1ginas de administra\u00e7\u00e3o, ao lado das postagens atribu\u00eddas.<\/p>\n

Vamos dar uma olhada em algumas dicas e truques para imagens em destaque.<\/p>\n

Como voc\u00ea exibe imagens em destaque em postagens \u00fanicas?<\/strong><\/h3>\n

Voc\u00ea precisar\u00e1 encontrar o arquivo de tema que renderiza essas postagens individuais e \u00fanicas. Este arquivo \u00e9 comumente chamado single.php.<\/strong> H\u00e1 um loop while()<\/strong> dentro dele, adicione o seguinte c\u00f3digo a ele:<\/p>\n

<?php if( has_post_thumbnail() ): echo get_the_post_thumbnail(); endif; ?><\/code><\/p>\n

Este c\u00f3digo verificar\u00e1 se h\u00e1 uma imagem para a postagem ou p\u00e1gina e, em seguida, usar\u00e1 a fun\u00e7\u00e3o "get_the_post_thumbnail()" para imprimi-la. \u00c9 assim que o loop deve ficar assim que voc\u00ea integrar o novo c\u00f3digo:<\/p>\n

<?php while (have_posts() ): the_post(); if( has_post_thumbnail() ): echo get_the_post_thumbnail(); endif; endwhile; ?><\/code><\/p>\n

Como voc\u00ea adiciona uma imagem em destaque?<\/h3>\n

\"Imagem<\/a><\/p>\n

Isso \u00e9 bastante simples. H\u00e1 uma op\u00e7\u00e3o integrada para fazer com que o WordPress exiba uma imagem em destaque e est\u00e1 no lado direito da tela. Se voc\u00ea n\u00e3o v\u00ea-lo, verifique se voc\u00ea marcou a caixa “Imagem em destaque" na guia “Op\u00e7\u00f5es de tela” no canto superior direito.<\/p>\n

Em um site novo, a guia Imagem em destaque fica na parte inferior da barra lateral direita. Basta clicar no link “Definir imagem em destaque” e uma nova janela ser\u00e1 aberta, sua Biblioteca de M\u00eddia. Basta escolher qualquer imagem que voc\u00ea j\u00e1 tenha em seu site ou usar arrastar e soltar para fazer o upload de uma nova imagem do seu computador. Depois de fazer sua escolha, clique em “Definir imagem em destaque”.<\/p>\n

Como voc\u00ea remove uma imagem em destaque?<\/h3>\n

Quando voc\u00ea quiser remover sua imagem em destaque, basta abrir o editor de postagem ou imagem e clicar no \u00edcone X no m\u00f3dulo Imagem em destaque. Se voc\u00ea remov\u00ea-lo, sua imagem de cabe\u00e7alho personalizada ser\u00e1 exibida.<\/p>\n

Imagens alternativas em destaque<\/h3>\n

Al\u00e9m das imagens de cabe\u00e7alho em destaque, voc\u00ea descobrir\u00e1 que muitos temas tamb\u00e9m oferecem suporte para imagens em destaque alternativas. Isso pode incluir coisas como miniaturas de postagens, apresenta\u00e7\u00f5es de slides e at\u00e9 imagens anexadas a postagens em destaque.<\/p>\n

Mas, e se o tema que voc\u00ea escolheu n\u00e3o tiver uma op\u00e7\u00e3o de imagem em destaque?<\/h3>\n

Mesmo que, como mencionado anteriormente, a maioria dos temas esteja pronta para imagens em destaque, voc\u00ea encontrar\u00e1 o estranho aqui e ali que n\u00e3o oferece esse recurso. Existem outras maneiras de adicionar um, manualmente ou com um plug-in. Abaixo voc\u00ea ver\u00e1 como fazer isso com qualquer um desses m\u00e9todos. Os plugins mencionados abaixo s\u00e3o incr\u00edveis, e voc\u00ea pode at\u00e9 us\u00e1-los para deixar o WordPress lidar com imagens em destaque automaticamente.<\/p>\n

Fazendo manualmente<\/h3>\n

Se voc\u00ea quiser fazer as coisas manualmente, as coisas s\u00e3o bem simples. Acesse o arquivo functions.php<\/strong> em seu tema e adicione o c\u00f3digo abaixo:<\/p>\n

function mytheme_post_thumbnails() { add_theme_support( 'post-thumbnails' ); } add_action( 'after_setup_theme', 'mytheme_post_thumbnails' );<\/code><\/p>\n

E voc\u00ea est\u00e1 praticamente pronto.<\/p>\n

Que tal usar plugins para isso?<\/h3>\n

Dois plugins que voc\u00ea pode usar s\u00e3o Dynamic Featured Image e Quick Featured Images. Vamos dar uma olhada em ambos.<\/p>\n

Imagem em destaque din\u00e2mica<\/a><\/h4>\n

\"Imagem<\/a><\/p>\n

Quando voc\u00ea considera o fato de que existem mais de 70 mil usu\u00e1rios ativos deste plugin, fica claro que muitos temas ainda precisam de um pouco de cuidado extra quando estamos discutindo miniaturas de posts. Este plug-in permite adicionar v\u00e1rias imagens, para que voc\u00ea n\u00e3o precise mais depender de apenas uma que esteja normalmente dispon\u00edvel. O plugin ir\u00e1 preparar as imagens, e tamb\u00e9m permitir\u00e1 que outras fun\u00e7\u00f5es do tema as acessem quando necess\u00e1rio, sem que voc\u00ea precise fazer nada.<\/p>\n

Quando voc\u00ea precisa trabalhar com outros plugins que precisam de imagens em destaque, bem como controles deslizantes que os exibem para seus usu\u00e1rios, essa \u00e9 uma excelente escolha. E tamb\u00e9m h\u00e1 uma vers\u00e3o premium se voc\u00ea quiser adicionar algumas outras fun\u00e7\u00f5es tamb\u00e9m.<\/p>\n

Imagens r\u00e1pidas em destaque<\/a><\/h4>\n

\"Imagem<\/a><\/p>\n

Quick Featured Images \u00e9 extremamente simples. A partir do momento em que voc\u00ea o instala, voc\u00ea pode colocar tudo no piloto autom\u00e1tico. Ele permite definir uma imagem em destaque padr\u00e3o, portanto, sempre que voc\u00ea esquecer de definir uma, ela ser\u00e1 revertida para a miniatura padr\u00e3o. Tamb\u00e9m permite remover ou substituir imagens de v\u00e1rias postagens selecionadas, de uma s\u00f3 vez.<\/p>\n

E, al\u00e9m disso, h\u00e1 a op\u00e7\u00e3o de adicionar uma imagem em uma coluna de imagem classific\u00e1vel, em listas de p\u00e1ginas, posts e tipos de posts personalizados. Voc\u00ea tamb\u00e9m encontrar\u00e1 filtros e regras para modificar a forma como seu site lida com as miniaturas dos posts. E o melhor de tudo, \u00e9 gr\u00e1tis!<\/p>\n

Acabando com os pensamentos sobre a imagem em destaque do WordPress<\/h3>\n

As imagens em destaque est\u00e3o entre os arquivos de m\u00eddia mais importantes que voc\u00ea ter\u00e1 em seu blog. Portanto, t\u00ea-los com boa apar\u00eancia \u00e9 mais importante do que voc\u00ea imagina. Claro, ter uma imagem de computador bem gerada ou uma bela foto \u00e9 essencial, fazer com que pare\u00e7a t\u00e3o bom quanto poss\u00edvel \u00e9 realmente algo que voc\u00ea deve fazer.<\/p>\n

Felizmente, voc\u00ea n\u00e3o precisa ser um desenvolvedor ou ter uma compreens\u00e3o completa do processamento de imagens do WordPress para isso. Tudo o que voc\u00ea precisa \u00e9 de um pequeno trecho de c\u00f3digo ou um plugin simples, e esperamos que o guia acima ajude com isso.<\/p>\n

Se voc\u00ea gostou de ler este artigo sobre como adicionar uma imagem em destaque do WordPress, confira este artigo sobre como redefinir o WordPress<\/a>.<\/p>\n

Tamb\u00e9m escrevemos sobre alguns assuntos relacionados, como editar fun\u00e7\u00f5es de usu\u00e1rio do WordPress<\/a>, como duplicar uma p\u00e1gina no WordPress<\/a>, como editar HTML no WordPress<\/a>, como incorporar v\u00eddeo no WordPress<\/a>, como alterar o URL do WordPress<\/a> e como adicionar JavaScript ao WordPress<\/a>. .<\/p>\n

Fonte de grava\u00e7\u00e3o: wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

A imagem em destaque do WordPress \u00e9 um recurso bastante popular, e a maioria dos temas de hoje tem suporte para isso quando voc\u00ea adiciona uma postagem.<\/p>\n","protected":false},"author":1,"featured_media":196795,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[837,846,867],"tags":[1170],"class_list":["post-226894","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guia-para-iniciantes","category-tutoriais","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/226894","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=226894"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/226894\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/196795"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=226894"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=226894"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=226894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}