如何在右侧显示左侧偶数号的奇数帖?

时间:2014-03-20 06:43:39

标签: php wordpress

<?php $counter = 3; ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php if ( in_category('3') ): ?>
<?php else: ?>
<?php endif; ?>
<?php if($counter%2 == 0){echo 'floatRight';} else { echo 'floatLeft'; } ?>  
<?php the_ID(); ?> 
<h1  > <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
<?php the_post_thumbnail('full'); ?>
<?php the_content(__('(more...)')); ?> 
<?php comments_template(); // Get wp-comments.php template ?>
    <?php if($counter%2 == 0){ echo "<div class='clear'></div>";} ?>
    <?php $counter++; ?>
<?php endwhile; else: ?>
<?php endif; ?>

我试图以这种方式显示,我想显示特定类别的帖子

post1

 post2

post3

 post4

请给我解决方案......

3 个答案:

答案 0 :(得分:1)

你可以使用这个css3属性来做(这会照顾奇数和偶数元素,你不必明确写下循环):

 p:nth-child(odd)   //you can do the same for div
{
float:left; 
}
p:nth-child(even)
{
float:right;
} 

答案 1 :(得分:1)

使用以下代码。

 <?php while(have_posts()) : ?>
    <?php $i++; if(($i % 2) == 0) : $wp_query->next_post(); else : the_post(); ?>

    <?php the_content(); ?>

    <?php endif; endwhile; ?>

    <?php $i = 0; rewind_posts(); ?>

    <?php while(have_posts()) : ?>
    <?php $i++; if(($i % 2) !== 0) : $wp_query->next_post(); else : the_post(); ?>

    <?php the_content(); ?>

    <?php endif; endwhile; ?>

答案 2 :(得分:0)

您可以在wordpress中使用query_post()或Wp_query()。 使用此代码。获取特定类别的帖子。

<?php
// The Query

query_posts( 'cat=3' );

// The Loop
while ( have_posts() ) : the_post();
    echo '<li>';
    the_title();
    echo '</li>';
endwhile;

// Reset Query
wp_reset_query();
?>