Página de resenhas com capa no wordpress

1. Faça uma cópia do arquivo page.php do seu tema do wordpress e mude o nome dele para resenhas.php.

2. Logo na primeira linha do arquivo, adicione o seguinte código:

/* Template Name: Resenhas */

3. Ainda nesse arquivo, procure o seguinte código php if (have_posts()) :

4. Logo depois dele você coloca esse código ainda dentro do php:

$paged = (get_query_var('paged')) ? get_query_var('paged') : 1; 
query_posts("category_name=livros&posts_per_page=40&paged=$paged");

category_name: você coloca o nome da sua categoria.
posts_per_page: você coloca a quantidade de posts que quer exibir na página.

5. Depois você vai substitur no código todo o while (have_posts()) : the_post(); até o endwhile; por esse:

<ul id="resenhas">
   <?php while (have_posts()) : the_post(); ?>
      <li class="resenhas-item">	
         <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" alt="<?php the_title(); ?>" class="teste">
	    <?php if ( has_post_thumbnail() ) {
	       the_post_thumbnail();
	    } ?>
	  </a>			
       </li>
    <?php endwhile; ?>	
</ul>

6. Salve o arquivo e suba para a pasta do seu tema.

7. No seu arquivo css, adicione o seguinte código:

.resenhas {
	list-style: none;
}

.resenhas-item {
	display: inline-block;
	margin: 2px;
}

.resenhas-item img {
	width: 120px;
	height: 180px;
}

8. No painel do wordpress você vai criar uma página com o nome que quiser. Depois você vai escolher um modelo para ela, como na imagem a baixo.

Página de resenhas com capa no wordpress

9. Publique a página.

10. No post da sua resenha você precisa definir uma imagem de destaque, que vai ser a capa do livro ou filme. 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.

11. 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:

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

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

1 Comentário Tags:,

1 Comentário em "Página de resenhas com capa no wordpress"