总是有朋友问起我现在用的 zSnos-private 首页文章列表的2种样式（头5篇显示摘录，后面的只有标题）是怎样实现的，老是用 QQ / Gtalk 回复多了很累，所以还是说说吧。

其实很简单，就是加个计数器和页数判断，下面举例简单说明。

为了排版，这一行是废话……

下面正式开始（这一行也是废话……）

假如主题文件 index.php loop 语句如下（有些主题有 home.php 就改 home.php）

<?php if (have_posts()) : while (have_posts()) : the_post();?>
<div class="post" id="post-<?php the_ID(); ?>">
	<h2 class="title"><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2>
	<div class="entry">
		<?php the_content(); ?>
	</div>
</div>
<?php endwhile; else: ?>
<?php endif; ?>

然后加个计数器，再加些首页当前页判断，代码如下

<?php $post_cont = 0; //文章计数器
if (have_posts()) : while (have_posts()) : the_post(); $post_cont++;
   if (is_home() && $paged <2 && $post_cont < 6) { //如果是首页第一页，前5篇文章显示一个样式 ?>
      <div class="post_top" id="post-<?php the_ID(); /* 这里加了个名为post_top的class来定义样式 */ ?>">
      	<h2 class="title"><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2>
      	<div class="entry">
      		<?php the_content(); ?>
      	</div>
      </div>
   <?php } else { //后面的文章和翻页后一个样式 ?>
      <div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
      	<h2 class="title"><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2>
      	<div class="entry">
      		<?php the_content(); ?>
      	</div>
      </div>
   <?php } ?>
<?php endwhile; else: ?>
<?php endif; ?>

再然后就是css来定义样式了，前 5 篇用 .post_top 后面的用 .post

其实根据思路可以扩展，如用 is_sticky() 函数判断是否有“置顶”文章，然后加一个 class 定义一个样式，也可以根据 $paged 变量定义翻页后的样式等等……

另：总是有一些小朋友会说：我不会 css 怎么办？这问题本身是个问题。

完。

zww

赏

or

oooo

• 本文标题：首页文章列表中的2个样式的实现方法
• 本文链接：https://zww.me/archives/25429
• 发布时间：2011年03月15日 11:03
• 版权声明：除非注明，文章均为 zwwooooo 原创，转载请以链接形式标明本文地址！