Suporte » Temas » Estilização de listas

  • Resolvido Dhony

    (@dhony)


    Senhores,

    Tenho um loop que apresenta os 4 últimos posts da categoria Destaque dentro de uma lista ul li.

    Preciso aplicar uma formatação específica de CSS apenas no 2º e 4º post com cores, margens e espaçamentos diferentes do 1º e 3º.

    O loop é o seguinte:

    <div id="destaque">
        <?php $destaque = new WP_Query("category_name=destaque&showposts=4"); ?>
    	<?php if ($destaque->have_posts()) : $i = 1; ?>
    	<?php while ($destaque->have_posts()) : $destaque->the_post(); ?>
    	<ul>
            <li>
    			<?php if ( has_post_thumbnail() ) : ?>
                <a href="<?php the_permalink(); ?>" class="thumb"><?php the_post_thumbnail( array(160,110) ); // para recortar as imagens ?></a>
                <?php endif; ?>
                <div>
                	<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
                    <p><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_excerpt(); ?></a></p>
                </div><!-- end título-destaque -->
            </li>
    	</ul>
        	<?php endwhile; ?>
    	<?php endif; ?>
    </div>

    Tentei fazer como consta nesse tutorial

    http://www.montanaprogrammer.com/wordpress/article-thumbnails-in-wordpress/

    mas como podem ver, se aplica apenas as aos thumbnails. No meu caso, preciso aplica nas listas

    • .
    • Alguém aí pode me ajudar?

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • Kra,

    tenta algo assim:

    <?php $i = 1; ?>
    <?php while ($destaque->have_posts()) : $destaque->the_post(); ?>
    
    <ul>
            <li class="lista_num_<?php echo $i; ?>">
    			<?php if ( has_post_thumbnail() ) : ?>
                <a>" class="thumb"><?php the_post_thumbnail( array(160,110) ); // para recortar as imagens ?></a>
                <?php endif; ?>
                <div>
                	<h2><a>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
                    <p><a>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_excerpt(); ?></a></p>
                </div><!-- end título-destaque -->
    
    </ul>
    <?php $i++; ?>
     <?php endwhile; ?>

    isto deve criar uma classe lista_num_1, lista_num_2, lista_num_3, lista_num_4 que vc pode usar no seu css para deixar com o estilo que vc quer.

    Obs: não testei o codigo!

    []`s
    Rafael Cirolini
    http://www.geniusdeveloper.com.br/

    Rafael,

    Deu certo. Funcionou perfeitamente. Agora consigo estilizar cada lista separadamente.

    Valeu

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Estilização de listas’ está fechado para novas respostas.