分页page_WordPress文章分页功能(wp_link_pages文章数字分页与上下翻页)

dff3f94cebbdeb5dda92d97bca46e7e0.png

一篇文章如果被分页,将会大大的降低了快速阅读的体验,WordPress 也是支持文章内容的分页功能,但是其提供的 wp_link_pages 函数却有点不友好。

WordPress wp_link_pages 这个函数提供了分页模式,要么是上下翻页,要么就是数字分页,如果想要既有上下翻页,又有数字分页该怎么办呢?

将以下代码放在当前主题的 functions.php 文件中:

//WordPress 文章分页改造add_filter('wp_link_pages_args', 'fanly_wp_link_pages_args_next_and_number');function fanly_wp_link_pages_args_next_and_number($args){global $page, $numpages, $more, $pagenow;if (!$args['next_or_number'] == 'next_and_number') return $args; //支持数字于上下翻页 直接返回$args['next_or_number'] = 'number'; //保留数字分页模式if (!$more) return $args;if($page-1) //上一页$args['before'] .= _wp_link_page($page-1) . $args['link_before']. $args['previouspagelink'] . $args['link_after'] . '';if ($page

调用方式如下:

//wp_link_pages 调用方式wp_link_pages(array('before' => '
','after' => '
','next_or_number' => 'next_and_number', 'link_before' => '','link_after' => '','previouspagelink' => '上一页','nextpagelink' => "下一页"));

为了美观,大家还可以简单的写个 css 样式,下面是子凡的一个非常简单的样式:

.fenye{text-align:center;padding:16px 0;line-height:40px}.fenye a{background-color:#f5f6f9;color:#a4a4a4;padding:3px 8px;margin:0 6px}.fenye a:hover{background-color:#363d4d;color:#f5f6f9}

如果你发现你的 WordPress 主题文章或者页面内容不支持分页,那么可以通过这样的一个方式方法直接调用啦,当然如果你不需要同时拥有数字分页和上下翻页,那么直接使用 wp_link_pages 函数,'next_or_number'字段填写 next 或 number 就可以啦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值