最新帖子的样式与其他帖子不同

时间:2014-03-04 作者:Paul K

我完全被搞糊涂了。我需要循环的第一篇文章看起来不同,作为一种杂志风格,你知道:更大的缩略图和更大的标题。

我已经尝试了CSS中的nth类型、:first child和不同的php变体。但什么都不管用。

下面是索引代码的主要部分。php::

<h3 class="latest">The Latest</h3>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="post excerpt <?php echo (++$j % 2 == 0) ? \'last\' : \'\'; ?>">
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="nofollow" id="featured-thumbnail"></a>

<div class="post-content-inner">
<header>    
<div class="img-container">
<?php if ( has_post_thumbnail() ) { ?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="bookmark"><?php echo \'<div class="featured-thumbnail">\'; the_post_thumbnail(\'slider\',array(\'title\' => \'\')); echo \'</div>\'; ?></a>
<?php } ?>
</div>

<div class="info-container">
<h2 class="title">
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" rel="bookmark"><?php the_title(); ?></a>
</h2>
<div class="post-info">
<span class="thetime"><span class="icon-clock" style="margin-right:-4px;"></span>
<?php echo human_time_diff( get_the_time(\'U\'), current_time(\'timestamp\') ) . \' ago\'; ?> </span>
</div>

</div>
</header><!--.header-->

<div class="post-content image-caption-format-1">
<!--<?php echo excerpt(48);?>-->
</div>

</div>
</div><!--.post excerpt-->
如果你能帮我,我将不胜感激。

2 个回复
SO网友:Morgan Estes

由于您使用的是默认循环(不是自定义循环),因此可以检查第一个(0)循环的计数器,并仅更改该循环的输出。

WordPress支持论坛a similar question 提供了以下代码:

if( $wp_query->current_post == 0 && !is_paged() ) { /*first post*/ }
您可以将整个HTML块放在if 语句,或者只将类添加到元素中,以便使用CSS进行样式设置。例如,类似的方法可能会奏效:

$first_post = false;
if( $wp_query->current_post == 0 && !is_paged() ) { 
    $first_post = true;
}
// inside The Loop:
<div class="post excerpt <?php if( $first_post ) { echo \'first-post\'; } ?>">
那会给你class="post excerpt first-post" 在第一个和class="post excerpt " 在其他人身上。除了代码中的其他自定义类之外,还可以执行此操作。

SO网友:jjlm

我会确保这不是一个特殊性问题,试试看

html body.someclass div.somewrapperClass div.post etc... 
尽可能多的级别只是为了检查它是否不仅仅是一个css问题。

结束

相关推荐

Multiple loops in Genesis

所以我想在我的主页上创建两个循环。一个可以显示页面自身内容的页面,然后在其正下方有一个网格循环,用于从“新闻”类别中获取两篇最新帖子。我真的找不到一种方法来做这件事,所以我四处黑客攻击,直到我让它工作起来,但我不确定这是正确的做法,有人能告诉我我可以/应该对这段代码做些什么改进吗?以下是我的截图:http://s18.postimg.org/knrq6sert/2013_11_13_22_55_58.png主题:MetroTemplate:主页。php//* Add support for Genesis