Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como adicionar legendas às imagens em destaque no WordPress

Adicionar legendas às suas imagens em destaque pode fornecer contexto e informações básicas valiosas, o que pode tornar seu site mais atraente.

No entanto, muitos temas do WordPress não exibem legendas. Portanto, se você quiser adicionar legendas às imagens em destaque, é importante garantir que elas sejam exibidas corretamente.

Neste guia, mostraremos como adicionar facilmente legendas às suas imagens em destaque no WordPress.

add-captions-to-featured-images-og

Por que adicionar legendas às imagens em destaque no WordPress?

Você já teve a sensação de que faltava algo nas suas imagens em destaque? Sem legendas, elas podem parecer vazias e não conseguem transmitir toda a história ou o contexto por trás delas.

Muitos temas do WordPress não oferecem suporte a legendas para imagens em destaque, deixando seu público sem as valiosas informações básicas que as legendas fornecem. Isso pode ser frustrante, especialmente quando você tem uma mensagem poderosa ou detalhes importantes para compartilhar.

Adicionar legendas à sua imagem em destaque é uma maneira poderosa de fornecer contexto sobre o assunto da foto em seu blog do WordPress. Há alguns motivos pelos quais você pode considerar a adição de legendas:

  • Descrever a imagem em destaque: Às vezes, não fica claro do que se trata a imagem em destaque. Por exemplo, se você tiver um site de viagens que arquiva suas aventuras ao ar livre, talvez queira adicionar uma legenda sobre o local onde a imagem em destaque foi tirada.
  • Acessibilidade aprimorada: A adição de legendas pode melhorar a experiência do usuário para aqueles que podem ter deficiências visuais.
  • Datação do gráfico: Às vezes, é uma boa ideia datar a imagem. Se a sua imagem em destaque mostrar uma foto de antes e depois, por exemplo, talvez você queira incluir uma data para que os leitores saibam quando ela foi tirada.
  • Dar crédito: se você estiver tirando a foto de outra pessoa, especialmente de um fotógrafo profissional, é uma boa ideia fornecer um link para o site dessa pessoa. Esses tipos de legendas são usados com frequência em jornais, publicações, revistas e blogs populares.

Ao carregar uma imagem em destaque, você tem a opção de adicionar uma legenda, juntamente com outras informações, como o texto alternativo da imagem.

Em geral, quase todos os temas do WordPress têm suporte integrado para imagens em destaque e as exibem em muitas áreas diferentes do seu site WordPress.

Adding captions to a featured image in WordPress

No entanto, seu tema pode não mostrar essa legenda aos visitantes.

Com isso em mente, vamos ver como você pode adicionar legendas às imagens em destaque no WordPress usando um plug-in.

Como adicionar legendas às imagens em destaque no WordPress

A melhor maneira de mostrar as legendas das imagens em destaque é usar o plug-in gratuito Featured Image Caption.

Featured Image Caption

Primeiro, você precisará instalar e ativar o plug-in. Se precisar de ajuda, consulte nosso guia sobre como instalar um plug-in do WordPress.

Após a ativação, tudo o que você precisa fazer é ir até a postagem do blog em que deseja adicionar uma legenda à imagem em destaque. Você pode ir para Posts ” All Posts e, em seguida, localizar o post do blog no qual deseja fazer alterações.

Basta passar o mouse sobre o nome do blog e alguns botões aparecerão sob o título. Vá em frente e clique em “Edit”.

WordPress all posts

Depois de acessar o artigo do blog, você deverá ir para o painel direito. Para que o painel apareça, clique no botão do painel na parte superior, ao lado de “Update” (Atualizar) ou “Publish” (Publicar).

Em seguida, você pode rolar para baixo até “Featured Image” (Imagem em destaque) e selecionar “Set featured image” (Definir imagem em destaque).

Set featured image

Uma nova janela será exibida, mostrando sua biblioteca de mídia existente.

Vá em frente e selecione a foto que você gostaria de usar como imagem em destaque.

select featured image

Em seguida, role até a parte inferior da tela e clique no botão “Set featured image” (Definir imagem em destaque) para fazer com que a foto apareça como a foto principal da publicação.

Para obter um guia mais detalhado, consulte nosso artigo sobre como adicionar imagens em destaque ou miniaturas de postagens no WordPress.

Set featured image button

Depois de fazer o download do plug-in, você deverá ver um painel “Featured Image Caption” (Legenda da imagem em destaque) à direita, logo abaixo da foto que você carregou.

Basta dar à sua imagem em destaque a legenda apropriada em “Caption Text” (Texto da legenda).

Sinta-se à vontade para adicionar a atribuição da fonte da imagem em destaque para dar crédito ao proprietário da imagem.

Featured image caption

Depois que sua legenda estiver definida, tudo o que resta a fazer é clicar no botão “Atualizar” ou “Publicar”.

Isso garante que você não perderá suas alterações.

update blog post

Se você visitar a postagem do seu blog, poderá ver a legenda em ação. Você deve notar como ela aparece logo abaixo da imagem em destaque.

Aqui está!

Agora, você pode adicionar facilmente legendas a todas as suas imagens em destaque para que os leitores possam entender melhor do que se trata a foto antes de continuar lendo o blog.

featured image caption preview

Bônus: Como adicionar legenda a imagens no WordPress

Agora que você sabe como adicionar legendas às suas imagens em destaque, provavelmente também deve querer adicioná-las a todas as imagens.

É uma boa maneira de adicionar contexto, especialmente se você quiser descrever várias imagens usadas em sua publicação de blog. Você pode explicar capturas de tela, infográficos ou até mesmo fotos de banco de imagens, proporcionando aos usuários uma experiência melhor.

Tudo o que você precisa fazer é carregar sua imagem na biblioteca de mídia. Você verá “Alt Text” (Texto alternativo), “Title” (Título), “Caption” (Legenda) e “Description” (Descrição) no painel à direita.

Em “Caption” (Legenda), basta digitar a sentença ou frase para dar aos leitores um contexto adicional sobre a imagem. Em seguida, clique em “Select” (Selecionar) para inserir a imagem.

caption in images

Se quiser um guia mais detalhado, confira nosso tutorial completo para iniciantes sobre como adicionar legendas a imagens no WordPress.

Esperamos que este tutorial tenha ajudado você a aprender como adicionar legendas às suas imagens em destaque no WordPress. Você também pode querer saber como exigir imagens em destaque para posts do WordPress ou ver nossas escolhas de especialistas dos melhores plugins e ferramentas de imagens em destaque para WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

29 ComentáriosDeixe uma resposta

  1. Dennis Muthomi

    Great tips on adding captions to featured images!
    one question though:- while captions provide helpful context, I’ve noticed my site getting flagged by Google PageSpeed Insights for missing alt text on images.

    from an accessibility standpoint, would you recommend prioritizing adding alt text descriptions over captions??

    • WPBeginner Comments

      You will want to use at least the alt text.

      Think of the alt text as a description for the image itself. The caption helps add context to that description.

    • WPBeginner Support

      You’re welcome :)

      Administrador

  2. Moyen

    Hello,
    I tried to get the featured image by calling the specific post ID and get_post function but everything is okay except featured image. It does not show featured image.

    is there problem to call by post ID and get_post(); ?

    my code?

    // custome template (community)


    post_title; ?>

    post_content; ?>

    Please any idea?

  3. Sabir

    This is very great and very helpful. Thank you so much!

  4. Trisha

    Thank you for explaining this! I just needed to add the image captions and spent a lot of time searching for a solution…..I found a lot of other answers on the WP support forum, but none of them explained how featured images are stored……such a simple thing now that I understand.

  5. Vali_REK

    Hello, great post.
    Please explain if I can do that in other website.
    I d like to show article or category from wordpress blog on opencart website.
    Thank you

  6. Aneas Nemorosus

    Where can I buy you a coffee????

  7. Mike

    I still don’t know what or where the “loop” is. Sorry.

  8. Yannick

    Sry, I don´t rly get it…
    In which loop exactly do i have to paste the code?

    Maybe it´s just me being brain-afk, sry for that.

    • Editorial Staff

      In the loop where you want to display thumbnails with captions. This could be your single.php file, or any other files.

      Administrador

  9. Jhon Edison Bueno Martinez

    Thanks a lot, I have been looking for this and this is the best and simple explanation of how to add the image caption for featured images.

    Thanks

  10. tonilehtimaki87

    Short neat and to the point. Only critic goes for not providing example output for the short article. For other readers: Remember to read the related posts!

  11. Gary

    How can I style the caption?
    It is rendering the caption line outside of the DIV class in the source code? What am I doing wrong.

    Thanks in advance,
    Gary

      • t.diaz

        I have been banging my head against a wall for about 4 hours trying to figure out how to wrap the echo content in its own div. (PHP noob here).

        Can you give me an example of how it would look to wrap the div on that echo?

        • Editorial Staff

          Do it like this:

          echo ‘open div here’ . get_post(get_post_thumbnail_id())->post_excerpt . ‘close div here’;

  12. karen

    This is great. Very helpful. Thank you so much! But it would really be helpful to show a screenshot of the result.

  13. Bronson

    This little gem comes in handy when wanting to spruce up most of the free themes out there… nice, quick and easy.

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.