Como adicionar uma imagem de destaque a um Artigo ou Página

wordpress org ou com

A maior parte dos temas Genesis estão preparados para adicionar a imagem de destaque de um artigo na página de Blog, mas não na visualização do Artigo. Não queremos discutir sobre esta opção de estar ou não ativa. A realidade é que num dos nossos projetos tivemos a necessidade de exibir a imagem de destaque no artigo.

Para adicionar a imagem de destaque devemos adicionar o seguinte código ao ficheiro function.php do tema filho do teu site:
/* Code to Display Featured Image on top of the post */
add_action( 'genesis_entry_content', 'featured_post_image', 8 );
function featured_post_image() {
if ( !is_singular( array( 'post', 'page' ) )) return;
the_post_thumbnail('large', array( 'class' => 'alignleft' )); /*you can use medium, large or a custom size */
}

Ajustar o código às tuas necessidades

Só pretendes adicionar a imagem às Páginas:

Substitui isto: if ( !is_singular( array( ‘post’, ‘page’ ) )) return;

Por isto: if ( !is_singular( ‘page’ ) return;

Só pretendes adicionar a imagem aos Artigos:

Substitui isto: if ( !is_singular( array( ‘post’, ‘page’ ) )) return;

Por isto: if ( !is_singular( ‘post’ ) return;

Pretendes alterar o tamanho da imagem:

Substitui isto: the_post_thumbnail(‘large’, array( ‘class’ => ‘alignleft’ ));

Por isto: the_post_thumbnail(‘medium’, array( ‘class’ => ‘alignleft’ ));

Caso pretendas utilizar o tamanho medium. Os formatos disponíveis são:

  • thumbnail
  • medium
  • large
  • full (tamanho original)

Para além destes tamanhos é possível que o teu Tema tenha mais algumas dimensões configuradas. Para saberes se existem, procura no ficheiro function.php pela entrada add_image_size. No nosso caso, existiam as seguintes entradas:

  • add_image_size(‘Blog-home-featured’, 300, 300, TRUE);
  • add_image_size( ‘featured-content’, 800, 800, TRUE );
Pretendes alterar o alinhamento da imagem:

Se não quiseres a imagem alinhada à esquerda, podes alinhar à direita.

Substitui isto: the_post_thumbnail(‘large’, array( ‘class’ => ‘alignleft’ ));

Por isto: the_post_thumbnail(‘medium’, array( ‘class’ => ‘alignright’ ));

Pretendes alterar o local onde é exibida a imagem:

Podes escolher se queres a imagem de destaque exibida antes do Título, ou logo a seguir. Nesse caso:

Utiliza isto para inserir após o título: add_action( ‘genesis_entry_content’, ‘featured_post_image’, 8 );

Ou isto para inserir antes do título: add_action( ‘genesis_before_entry’, ‘featured_post_image’, 8 );

Para mais informações, consulta a informação sobre the_post_thumbnail() no Codex.

Gostamos de partilhar algumas dicas, mas isso já tu sabias, certo?

Pedro Fonseca

Pedro Fonseca

passionate about the internet. social media lover and wordpress geek.

Queres receber as nossas mensagens semanais o teu email?

As nossas mensagens são compostas por pequenos textos escritos a pensar em ti (sim a sério, a pensar em ti).

Não enviamos SPAM porque também não gostamos de o receber.