怎么实现分页导航功能? - wordpress开发

分页按钮的学习,在wordpress开发中制作页面的分页按钮

分页功能是在wordpress主题开发时常用的功能,用于引导当前页面进行翻页,在查阅大量文章时会用到。

使用posts_nav_link 函数,

代码部分:

<!--底部分页按钮-->
<div class="navigation">
    <div class="alignleft"><?php previous_posts_link( '上一页' ); ?></div>
    <div class="alignright"><?php next_posts_link( '下一页', '' ); ?></div>
</div>

CSS:

/*底部按钮样式*/
.navigation{
    overflow: hidden;
}
.alignleft{
    float: left;
    margin-left: 1px;
}
.alignright{
    float: right;
}
.navigation div a{
    border: 1px solid black;
    border-radius: 28px;
    padding: 0.48em 2em;
    line-height: 2.6em;
    -webkit-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    color: black;
}
.navigation div a:hover{
    background-color: black;
    color: white;
}

集成函数

将以下代码添加至主题根目录下functions.php文件的<?php下面:

function fenye(){
	$args = array(
		'prev_next'          => 0,
		'format'       => '?paged=%#%',
		'before_page_number' => '',
		'mid_size'           => 2,
		'current' => max( 1, get_query_var('paged') ),
		'prev_next'    => True,
		'prev_text'    => __('上一页'),
		'next_text'    => __('下一页'),

	);
	$page_arr=paginate_links($args); 
	if ($page_arr) {
		echo $page_arr;
	}else{

	}
}

调用:

<?php fenye(); ?>
WP开发

WordPress获取网站根目录、主题目录、插件目录路径和url地址

2019-4-28 20:29:10

WP开发

怎么通过插件添加自定义页面模板? - wordpress开发

2019-5-10 13:40:37

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索