wordpress页面排序
怎样给wordpress网站分类目录页面,添加文章列表和分页效果?
在前面的章节中,我们完成了wordpress网站首页模板数据的调用,也创建好了wordpress网站的公共模板。今天,我们再来给wordpress网站的分类目录页模板archive.php文件添加左侧数据的调用。一般情况下,wordpress网站的分类目录页面,展示的是该分类下的文章列表,所以,本节课我们将介绍如何给wordpress网站分类页面调用文章列表和分页效果?下面,一起来看看吧(具体请观看《wordpress网站分类目录,如何添加文章列表和分页效果?》视频课程)。
第一步:在wordpress网站分类模板中添加wordpress循环函数。这个wordpress循环函数,我们在wordpress网站很多模板中会使用到,如:首页的文章列表、文章详情页、搜索页、单页面等等。我们打开archive.php模板文件,找到左侧的父标签< div class="c_left">(如下图),现在里面是空的。
在这个< div class="c_left">标签内部添加如下代码:
<?php if(have_posts()):while(have_posts()):the_post(); endwhile;endif;?>
效果如下图:
第二步:在循环中调用文章数据。wordpress循环语句添加好后,我们再在这个循环语句的主体中添加文章数据调用,这里,我们调用文章的标题、链接和发表的时间,代码如下:
echo '<li>'; echo '<a href="'.get_permalink().'">';echo $post->post_title;echo '</a>';echo '<em>'.get_the_time("Y-m-d").'</em>'; echo '</li>';
这样,我们就添加好了wordpress网站分类模板左侧的文章列表调用,效果如下图:
第三步:给文章列表添加分页效果。wordpress网站的分类下的文章可能会很多,一个页面展示不下去,所以,我们一般都会给分类目录下的文章列表添加分页效果。在当前wordpress分类模板的文章列表代码下方,添加如下代码:
<?php $arr = array('mid_size' => 3, //当前页码数的 两边 显示几个页码。'prev_text' =>'上一页', //上一页'next_text' =>'下一页', //下一南);the_posts_pagination($arr);?>
因为wordpress这个分页函数the_posts_pagination(),我们在前面的章节中介绍过,这里,我就不费口舌了,大家可以查阅一下我前面发表的内容。添加好分页按钮后,wordpress网站分类的前台页面显示如下:
?好了,通过上面的三步,我们给我们的wordpress网站的分类目录添加好了文章列表和分页效果。在下一课中,我们将介绍《wordpress网站不同的分类页面,怎样调用不同的banner图?》,欢迎大家到时收看。
wordpress网站模板首页,怎样添加全站文章列表?
在前面的章节中,我们为wordpress网站的首页模板的头部、右侧边栏、底部添加了数据调用代码,实现了我们想要的效果。这时,我们看到,这个网站首页还有一个主体部分——左侧边主体,还没有添加数据调用代码。因为,这是一个wordpress博客网站的模板主题,所以,一般情况下,左侧边显示的是wordpress网站的全站文章列表。那么,怎样给wordpress网站模板的首页添加全站文章列表调用呢?下面,我们就一起来看看吧。
第一步:添加循环代码。打开首页模板文件index.php,找到< div class="c_left">这个标签(当然,你开发的wordpress模板可能不是这个标签元素),在这个标签内部添加如下代码:
if ( have_posts() ) :while ( have_posts() ) : the_post();
endwhile;endif;
在上面的代码中,我们用到了PHP的相关语法,if判断语句和while循环语句,这里,我们没有采用大括号的方式来包含语句的主体部分,而是以冒号的形式,所以,我们需要在后面添加 endwhile和endif来结束它们,如果不添加结束语句,PHP就会报错。
代码中同我们还用到了2个函数:
have_posts():这个函数被调用时,会调用全局变量$wp_query->have_posts()成员函数,查看全局数组变量$posts的一个循环计数器,检查还有没有post文章,如果有就返回真,否则返回假。
the_post():这个函数调用$wp_query->the_post()成员函数前移循环计数器,并且创建一个全局变量$post,把当前的post文章的所有信息都赋值给这个$post变量中,以备接下来使用。
第二步:在循环体中调用文章数据。这里,我们要实现的效果,是一个简单的博客文章标题列表的形式,所以,我们在循环体中添加如下代码:
echo '< li>< a href="'.get_permalink().'">'.$post->post_title.'</a>< em>'.get_the_time("Y-m-d").'</em></li>';
意思是只调用文章的标题和发布时间。这里,我们又用到了几个函数和变量调用:
$post->post_title:这个是调用文章的标题;get_permalink():获取文章的链接地址;get_the_time("Y-m-d"):获取文章的发布时间,"Y-m-d"参数表示只显示年月日。
上面这句代码,我们用到了 “点运算符”,把变量跟字符串连接在一起。使用点运算符可以把几个变量或几个字符串或变量与字符串连接在一起,形成一个综合变量,然后,再通过echo来打印显示出来。
左边栏文章列表的整个调用代码如下:
< div class="c_left"><?phpif(have_posts()):while(have_posts()):the_post();echo '< li>< a href="'.get_permalink().'">'.$post->post_title.'</a>< em>'.get_the_time("Y-m-d").'</em></li>';endwhile;endif;?></div>
好了,通过上面的两步,我们为wordpress网站博客主题模板的首页左侧添加好了全站文章列表,效果如上图。在接下来的章节中,我们将为这个文章列表添加分页按钮,欢迎到时观看。