在前一章中,我们将数据调用代码添加到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就会报错。
我们还在代码中使用了两个函数:
have_posts():当该函数被调用时,将调用全局变量$wp_query->have_posts()成员函数,查看全局数组变量$posts的循环计数器,检查是否有post文章,如果有,返回真实,否则返回假。
the_post():调用此函数$wp_query->the_post()成员函数向前循环计数器,创建全局变量$post,将当前post文章的所有信息分配给这个$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 <?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网站博客主题模板的主页左侧添加了全站文章列表,效果如上图所示。在下一章中,我们将为文章列表添加分页按钮。欢迎观看。