Neste artigo, aprenderemos como definir a imagem de destaque para uma postagem, ou página do WordPress para gestão de marca. A imagem desatacada é importante? Leia a seguir!
As imagens em destaque são usadas para refletir o resumo, ou a categorização da postagem e também da página. Principalmente, o uso das imagens que está em destaque varia de acordo com o tema e o conteúdo do blog. Outro fator importante e altamente relevante, é a posição do Search Engine Optimization – SEO, que as imagens contribuem.
As imagens que estão em destaque podem ser usadas como banner ou nos mosaicos da galeria do WordPress e em mais visualizações com base no modelo. Se a opção de tela de imagem em proeminência do WordPress estiver ativada, o bloco para definir a tal foto será mostrado no lado direito do painel de adição e edição de postagem.
Ativar e definir imagem de recurso no WordPress Admin
Agora veja as etapas necessárias para definir uma imagem em evidência para uma postagem e, ou página.
- Entre no WordPress e adicione uma nova postagem ou página do WordPress.
- Em seguida, clique no menu deslizante Opções da tela para visualizar as configurações
- Marque a caixa ao lado da opção Imagem em destaque em Caixas.
- Depois disso, verifique se o bloco Imagem em destaque é exibido no lado direito.
- Clique no link Definir imagem em destaque e faça upload de uma nova ou selecione uma existente entre as imagens de mídia.
O WordPress permite apenas uma imagem em destaque por postagem, ou por página. Ao adicionar imagens de recursos, a miniatura será criada nas dimensões padrão. Também podemos personalizar para criar miniaturas adicionais, especificando as dimensões.
Como configurar e usar a imagem em destaque no tema WordPress
No WordPress, é fácil obter a imagem em notoriedade definida para a postagem ou página. Neste artigo, adicionarei o código para obter a imagem relevante no post. Foi feito, enviando o ID da postagem, ou da página como referência.
Existem várias funções integradas no WordPress para obter a imagem em destaque. Essas funções são definidas no arquivo post-thumbnail-template.php, localizado no arquivo wp-includes. Algumas dessas funções são,
the_post_thumbnail – Para exibir a imagem principal que está explícita como a miniatura da postagem. Ele receberá a miniatura da postagem ou da página atual sem enviar o parâmetro id.
get_the_post_thumbnail – Para retornar o HTML da imagem de alta relevância enviando o ID da postagem. O parâmetro id é nulo por padrão. Quando for nulo, receberá a miniatura da postagem atual.
the_post_thumbnail_url – para ecoar o URL da imagem que foi definida como padrão em destaque.
get_the_post_thumbnail_url – para retornar o URL da imagem destacada na postagem.
Nota: Antes de usar essas funções, verifique se o seu tema suporta miniaturas de postagem. Para isso, verifique o arquivo functions.php do seu tema, se ele contem a linha abaixo. Caso contrário, adicione esta linha a ele para tornar seu tema pronto para oferecer suporte a miniaturas de postagem.
add_theme_support ( 'post-thumbnails' );
Explicando o código de thumbnail no arquivo single
O código abaixo mostra como exibir a imagem de destaque em tamanho real em uma única página de postagem. Abra o arquivo single.php do seu tema e cole este código abaixo do bloco the_content ().
<? php
if ( has_post_thumbnail () ) { // Retornará true se o post tiver uma miniatura do post
the_post_thumbnail ( 'full' ); } ?>
Após atualizar o arquivo single.php, a página única da postagem exibirá a imagem em destaque, logo abaixo do título da postagem.