Posts com imagem antes do título no wordpress

1. No seu arquivo index.php procure o código do título do post, que normalmente é esse:

<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" alt="<?php the_title(); ?>"><?php the_title(); ?></a>

2. Acima do seu titulo, coloque o seguinte código:

<!-- imagem destaque do post -->
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" alt="<?php the_title(); ?>">

		<?php if ( has_post_thumbnail() ) {

				the_post_thumbnail(array(9999,9999));

		} ?>

	</a>	

3. No post você precisa definir uma imagem de destaque, que vai ser essa imagem antes do título. Para isso, na tela de criação de post existe um box com o nome de Imagem Destacada ou Featured Imagem com um link. Clique nesse link e faça o upload da imagem que quer usar e salve o post. Lembre-se: você não precisa colocar a mesma imagem no post, pois ela já vai aparecer devido a imagem de destaque, ok?

4. Se não tem esse box no seu painel do wordpress é porque você não tem a opção de thumbnail ativada no seu tema, para isso adicione o seguinte código no arquivo functions.php do seu tema:

5. Caso você queira a imagem em baixo do título, como é aqui no semantike, é só inverter a posição do código, colocando o código da imagem em baixo do título.

/* thumbnail */
add_theme_support( 'post-thumbnails' ); 

Não esqueça de fazer essa alteração no seu arquivo single.php para que a página do post também fique assim. Não vou passar um código css porque isso varia muito para cada tema.

Em caso de dúvidas, é só perguntar :)

1 Comentário Tags:,

1 Comentário em "Posts com imagem antes do título no wordpress"

  1. Carol R. disse:

    Amando as dicas quem sabe saio da minha ignorância nesse quesito
    bjs