建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

怎样给wordpress网站模板,添加最新文章、随机文章、热评文章?(wordpress文章标签tag自定义调用方法)

GG网络技术分享 2025-03-18 16:12 0


怎样给wordpress网站模板,添加最新文章、随机文章、热评文章?

在前面的章节中,我们已经为wordpress网站模板的首页添加好了头部和左侧主体部分的内容代码,实现了wordpress全站文章列表的调用和分页效果。本节,我们再来对wordpress网站的首页模板的右侧边栏进行修改。一般情况下,wordpress博客主题模板的右侧边栏会有“最新文章、随机文章、热评文章、热门标签、热点文章”这几种内容列表。今天我们就为wordpress模板侧边栏添加“最新文章、随机文章、热评文章”这3个内容(如下图效果)。一起来看看吧。


​一、给wordpress模板侧边栏添加最新文章。

打开wordpress主题的侧边栏模板文件sidebar.php,在里面添加如下代码:

这段代码中,我们再次用到了wordpress循环代码,这个在首页文章列表中有介绍,这里就不多说了。这里还使用了一个函数——query_posts(),这个函数的功能是从wordpress网站的数据库wp_posts数据表中查询文章列表。

上面的query_posts()函数用到了4个参数:

还要注意一点:使用query_posts()函数查询后,我们还要在循环语句后面添加wp_reset_query()来结束查询。

二、给wordpress模板侧边栏添加随机文章。

在wordpress网站的公共侧边栏文件sidebar.php文件中,添加如下代码:

在最新文章中,query_posts()函数的参数是一个字符串,跟其它wordpress函数一样,query_posts()的参数也可以是一个数组,所以,在随机文章中调用代码中,我们使用了数组参数。

三、给wordpress模板侧边栏添加评文章。

所谓热评文章,就是按照wordpress文章的评论的多少来对文章列表进行排序。在wordpress网站的sidebar.php侧边栏文件中,添加如下代码:

通过上面的三步,我们就为wordpress网站模板的侧边栏添加好了“最新文章、随机文章、热评文章”的调用代码,是不是很简单。这里重点用到了query_posts()查询函数和wordpress的循环函数语句。在后面的章节中,我们再来介绍如何添加“热点文章和热门标签”。

如果你有什么不懂的,或者想要了解什么,可以在下面的评论中给我留言。同时,欢迎【关注】我。

wordpress文章标签tag自定义调用方法

文章标签对于seo来说非常的重要,我们也可以通过标签对相同类型的文章进行分类。wordpress网站有默认的文章标签功能,我们只需要调用出来就可以了。

wordpress默认的标签函数为:the_tags

在系统文件:wp-includes/category-template.php 里面

/**

*Retrievethetagsforapost.

*

*@since2.3.0

*

*@paramstring$beforeOptional.Beforelist.

*@paramstring$sepOptional.Separateitemsusingthis.

*@paramstring$afterOptional.Afterlist.

*/functionthe_tags($before=null,$sep=',',$after=''){

if(null===$before)

$before=__('Tags:');

$the_tags=get_the_tag_list($before,$sep,$after);

if(!is_wp_error($the_tags)){

echo$the_tags;

}}

我们能看到the_tags函数是通过调用get_the_tag_list进行数据获取。

下面给大家分享一下 the_tags 的使用实例:

第一种调用方法:

<?phpthe_tags();?>

输出的样式为:标签:XXX, XXXX

第二种方法:

<?phpthe_tags('<ul><li>','</li><li>','</li></ul>');?>

可以对调用标签进行样式编辑,根据自己的需要进行调整。

列如:

<?phpthe_tags('<spanclass="f14">','</span><imgclass="dott"src="/wp-content/themes/beichuan/images/dott.png"alt=""><spanclass="f14">','</span>');?>

显示效果:

标签样式

标签:

提交需求或反馈

Demand feedback