我修改了Wordpress functions.php以显示分页:
<
?php echo paginate_links( array(
'prev_text'=>
__('Previous Page'), 'next_text'=>
__('Next Page'), 'type'=>
'list'
) );
?>
输出几乎是完美的:
<
ul class="page-numbers">
<
li>
<
span class="page-numbers current">
1<
/span>
<
/li>
<
li>
<
a class="page-numbers" href="https://domain.tld/page/2/">
2<
/a>
<
/li>
…
<
li>
<
a class="page-numbers" href="https://domain.tld/page/10/">
10<
/a>
<
/li>
<
li>
<
a class="next page-numbers" href="https://domain.tld/page/2/">
Next Page<
/a>
<
/li>
<
/ul>
有没有一种方法可以向上一个和下一个列表项li添加类?
<
li class="prev-list-item">
<
a class="prev page-numbers" href="http://domain.tld/page/1/">
Previous Page<
/a>
<
/li>
【如何在WordPress分页上向上一个/下一个添加类( (paginate_links))】&
<
li class="next-list-item">
<
a class="next page-numbers" href="http://domain.tld/page/2/">
Next Page<
/a>
<
/li>
#1除了直接输出函数外, 还可以将链接列表作为数组返回。然后, 你可以使用各自的功能定位下一个和上一个链接。
$links = paginate_links( array(
'prev_next'=>
false, 'type'=>
'array'
) );
if ( $links ) :echo '<
ul class="page-numbers">
';
// get_previous_posts_link will return a string or void if no link is set.
if ( $prev_posts_link = get_previous_posts_link( __( 'Previous Page' ) ) ) :
echo '<
li class="prev-list-item">
';
echo $prev_posts_link;
echo '<
/li>
';
endif;
echo '<
li>
';
echo join( '<
/li>
<
li>
', $links );
echo '<
/li>
';
// get_next_posts_link will return a string or void if no link is set.
if ( $next_posts_link = get_next_posts_link( __( 'Next Page' ) ) ) :
echo '<
li class="next-list-item">
';
echo $next_posts_link;
echo '<
/li>
';
endif;
echo '<
/ul>
';
endif;
#2这是一个javascript(jQuery)解决方案。不好, 但是可以用:
(function ( $ ) { $('ul.page-numbers li a').each(function() {var $this = $(this);
if ( $this.hasClass('prev') ) $this.parent('li').addClass('prev-list-item');
if ( $this.hasClass('next') ) $this.parent('li').addClass('next-list-item');
});
}( jQuery ));
<
script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
<
/script>
<
ul class="page-numbers">
<
li>
<
span class="page-numbers current">
1<
/span>
<
/li>
<
li>
<
a class="page-numbers" href="https://domain.tld/page/2/">
2<
/a>
<
/li>
…<
li>
<
a class="page-numbers" href="https://domain.tld/page/10/">
10<
/a>
<
/li>
<
li>
<
a class="next page-numbers" href="https://domain.tld/page/2/">
Next Page<
/a>
<
/li>
<
/ul>
只需将JavaScript代码包装在< script> < / script> 标记中, 然后将其插入到paginate_links()函数之后。
推荐阅读
- Ubuntu 18.04.1安装k8s的时候,提示缺少依赖包kubernetes-cni (= 0.7.5)
- 如何从WordPress中删除分类()
- 如何在PHP数组元素中连接字符串()
- 如何检索WordPress页面的兄弟页面列表()
- 如何在Visual Composer中的带有文本,覆盖和圆角的列内制作全角和全角图像()
- 如何获取在functions.php中的函数中使用的woocommerce订单的订单ID()
- 如何在WordPress主题中添加样式表()
- 在单个页面中获取自定义帖子类型的ID
- get_posts-orderby desc错误的顺序