建站教程

建站教程

Products

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

如何给wordpress网站的文章列表,添加分页效果?可以通过2种方式(如何在wordpress的文章末尾添加内容)

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


如何给wordpress网站的文章列表,添加分页效果?可以通过2种方式

在上一章节中,我们为wordpress网站的首页添加了全站文章列表。一个wordpress网站不可能只有几篇文章,可能会有成千上万的文章,作为一个wordpress博客主题模板,一般情况下,不可能让所有的文章在一个页面一下子全部显示出来,如果真这样,网页的负载会非常大。正确的处理方式,是先显示最前面的十几篇或二十几篇文章,然后,“点击一个分页按钮”或者“鼠标向下滚动触发一个事件”后,再显示后面的十几篇或二十几篇文章,以此类推。本节,我们来介绍“如何给wordpress网站的文章列表添加分页效果”,一起来看看吧。

方法一:给wordpress网站模板添加自定义分页函数。

在wordpress网站模板的functions.php文件中添加如下代码:

然后,在wordpress网站前台模板的文章列表的代码下方调用这个分页函数,代码如下:

然后,我们就可以在wordpress网站的文章列表下方看到分页按钮。如果想要样式好看一点,可以对分页按钮添加CSS样式,来进行美化一下。

方法二:使用wordpress自带的分页函数。

为了更方便wordpress网站模板开发者开发模板主题,wordpress从4.0版本开始,就提供了一个分页函数the_posts_pagination(),通过这个函数,我们同样可能实现wordpress网站的文章列表的分页效果。代码如下:

这个函数跟wordpress其wp_list_pages()等函数类似,有一个参数,这个参数可是一个数组类型(如上面的代码,参数就是数组类型),也可以是一个字符串类型,上面的的代码的参数修改成字符串类型后,如下:

是使用字符串类型,还是使用数组类型,主要根据开发者的个人爱好,我个人还是比较喜欢用数组类型,看起来比较清楚。

在wordpress网站模板开发中,使用上面任何一种方式来添加文章列表的分页效果都可以,不过,我个人还是建议使用wordpress自带的函数the_posts_pagination(),对开发更省事,效率更高,而且是wordpress自己的函数,后期都不需要维护。如果想让分页按钮布局更加个性化,可以考第一种方式。

如果还有什么不太明白的,或者你想了解什么,可以在下面评论中给我留言。

如何在wordpress的文章末尾添加内容

在wordpress每篇文章的末尾添加文字、链接等内容,比如你想加个“原创文章如转载,请注明本文链接:”,其实很简单,有多种方法,下面就介绍给大家

1、修改文章页面模板single.php

打开模版文件中的single.php,在其中搜索

在这行下面加上:

<p>原创文章如转载,请注明本文链接: <a href=”<?php the_permalink() ?>” title=”<?php the_title(); ?>”>
<?php the_permalink(); ?></a>
</p>

就OK了,还有一种方法:

2、打开主题文件夹内的:functions.php文件,在末尾加入代码(复制粘贴时请注意中英文标点):

<?php
function feed_copyright($content) {
if(is_single() or is_feed() or is_page()) {
$content.= ‘<div>本文来自:<a title=”博客” href=”https://www.jb51.net” target=”_blank”>小谈博客</a> &raquo; <a rel=”bookmark” title=”‘.get_the_title().’” href=”‘.get_permalink().’” target=”_blank”>《’.get_the_title().’》</a></div>’;
$content.= ‘<div>本文链接地址:<a rel=”bookmark” title=”‘.get_the_title().’” href=”‘.get_permalink().’” target=”_blank”>’.get_permalink().’</a> &raquo;英雄不问来路,转载请注明出处,谢谢。</div>’;
$content.= ‘<div>有话想说:<a title=”给我留言” href=”‘.get_permalink().’#respond” target=”_blank”>那就赶紧去给我留言吧.</a></div>’;
$content.= ‘<div>您也可以订阅本站:<a rel=”external nofollow” title=”小谈博客” href=”https://www.jb51.net/” target=”_blank”>https://www.jb51.net</a></div>’;
}
return $content;
}
add_filter (‘the_content’, ‘feed_copyright’);
?>

推荐此法,不止可以在博客日志页加入链接,包括feed里也可以,实现以后的效果如本文下面显示,蓝色文字部分请根据自己的博客修改。

如何在wordpress的文章末尾添加内容 (https://www.wpmee.com/) WordPress使用教程 第1张

标签:

提交需求或反馈

Demand feedback