Question

我希望特定类别的每个循环在“特色图像”上交替浮动。所以每个新帖子“特色图片”都会改变浮动（右侧，左侧）。

我使用以下代码在每个帖子上拉出奇数或偶数类

<?php query_posts('showposts=5&cat=5,'); if (have_posts()) : ?>
<?php $c = 0; ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
       <div <?php post_class((++$c % 2 === 0) ? 'odd' : 'even'); ?>>
       <h2 class="entry-title"><a>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
<div class="featuredImage">
                <?php the_post_thumbnail('medium'); ?>
        </div>
    </div>
<?php endwhile; ?>
<?php endif; ?>
<?php endif; wp_reset_query();?>

然后我试图用不同帖子类（奇数或偶数）上的css来改变“特色图像”上的浮点数。例如，

.even { width:650px; height:250px; background-color: #000;}

.odd{ width:650px; height:250px; background-color: #616161;}
.odd, .featuredImage{ float:left;}
.even, .featuredImage{ float:right;}

我的例子，http://fskador.se/myPerformanceLast/?page_id=49

但是不能让它上班!!请帮忙！

Answer 1

不正确的

<h2 class="entry-title"><a>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>

校正的

<h2 class="entry-title"><a title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>

<强> CSS

不正确的

.odd, .featuredImage{ float:left;}
.even, .featuredImage{ float:right;}

校正的

div.odd .featuredImage{ float:left;} 
div.even .featuredImage{ float:right;}

或者

.odd .featuredImage{ float:left;}
.even .featuredImage{ float:right;}

Wordpress，特色图像上的交替浮动

1 个答案: