如何使用自定义上一个/下一个链接？

时间：2015-01-07 作者：Steffi

我有这个：

    <?php the_posts_pagination( array(
      \'prev_text\'          => __( \'Previous page\', \'twentyfifteen\' ),
      \'next_text\'          => __( \'Next page\', \'twentyfifteen\' ),
    ) ); ?>
这将产生以下输出：

enter image description here

我想要的是：

enter image description here

如何使用\\u posts\\u pagination（）执行此操作？

2 个回复
最合适的回答,由SO网友:Rich 整理而成

执行此操作可仅输出上一页和下一页的链接：

<?php previous_posts_link ( \'Previous\' ) ?>
<?php next_posts_link ( \'Next\' ); ?>
然后将过滤器添加到函数中。php为每个链接添加一个类：

function next_posts_link_css ( $content ) {
    return \'class="next"\';
}
add_filter( \'next_posts_link_attributes\', \'next_posts_link_css\' );

function previous_posts_link_css ( $content ) {
    return \'class="prev"\';
}
add_filter( \'previous_posts_link_attributes\', \'previous_posts_link_css\' );
然后设置样式.next 和.prev 使用CSS的链接。

SO网友:Varun Kumar

右键单击下一页和上一页链接并检查元素（假设您使用的是chrome）。你将了解这些课程，然后随心所欲地设计风格。

结束
标签： pagination   html   小码农  

相关推荐

WP_LIST_CATEGORES中的自定义HTML结构

我正在尝试实现类别的Ajax导航，为此，我需要代码如下所示：<ul> <li data-level=\"1\">Parent Category</li> <li data-level=\"1\">Parent Category <ul class=\"children\"> <li class=\"sub-category\" data-level=\"2\">Subcat