wordpress 文章列表应用不同的样式

Gavin Wu 2020年12月29日 9:12 Wordpress 1,720 Views

为了丰富首页文章列表样式,有几种不同的方法,一种是通过不同的文章形式来定义,还是一种是通过主列表循环中定义不同计数的文章输出不同的文章样式。这里主要说的是第二种方法,
一般循环列表为:

1
2
3
4
5
6
7
8
9
10
11
<?php if (have_posts()) : ?>
<!--检查是否有文章如果有,继续执行,没有就跳到  else 那里-->
<?php  while (have_posts()) : the_post(); ?>
<!--开始准备文章内容,开始循环,每次循环输出一篇文章-->
此处显示文章内容或标题之类的。。
<?php  endwhile ; ?>
<!-- while 循环结束-->
<?php  else : ?>
此处显示未找到文章时的信息,比如404相关
<?php  endif ; ?>
<!-- if 结束-->

要想精确的控制每篇文章,我们先在循环前定义一个变量 $ashu_i=1 来计数,变量名随便,然后每循环一次,$ashu_i加1,例子我把index.php中的代码改成下面的

1
2
3
4
5
6
7
8
9
<?php if (have_posts()) :$ashu_i=0;?>
<?php while (have_posts()) : the_post();$ashu_i++;?>
<?php echo "这是第 $ashu_i 篇文章:<br/>";?>
<?php the_title();?>
<?php echo "<hr />";
<?php endwhile; ?>
<?php else : ?>
此处显示未找到文章时的信息,比如404相关
<?php endif; ?>

具体要想让第一篇文章显示摘要,而余下的显示标题–代码:

1
2
3
4
5
6
7
8
9
10
11
<?php if (have_posts()) :$ashu_i=0;?>
<!--检查是否有文章,并定义计数变量初始值为0 -->
<?php while (have_posts()) : the_post();$ashu_i++;?>
 <!-- 开始循环,第一次循环$sahu_i为1,第二次为2,依次。。 -->
<?php if($ashu_i==1){?>      <!-- 如果是第一篇文章 -->
<?php the_content();}else{?> <!-- 显示内容 -->
<?php the_title();}?>        <!-- 如果不是第一篇显示标题 -->
<?php endwhile; ?>           <!-- 一次while循环结束 -->
<?php else : ?>              <!--如果没有文章-->
 此处显示未找到文章时的信息,比如404相关
<?php endif; ?>          <!--if结束 -->

方法来自阿树工作室

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Top