Dragon
No.1No.1  2021-04-07 09:13 炫龙网络 隐藏边栏 |   抢沙发  0 
文章评分 0 次,平均分 0.0
导语: 下面由WordPress教程栏目给大家介绍最简单的WordPress手动输入页号并跳转翻页的方法,希望对需要的朋友有所帮助!

下面由
WordPress教程栏目给大家介绍最简单的WordPress手动输入页号并跳转翻页的方法,希望对需要的朋友有所帮助!

最简单的WordPress手动输入页号并跳转翻页的方法 WordPress网站建站教程 WordPress

经常有用户问可不可以弄个手动输入页号并实现跳转的翻页功能,很简单,代码只有四行:

<form class="zm-page-nav-form" action="<?php echo $_SERVER['REQUEST_URI'];?>" method="get">
<input class="zm-input-number" type="text" placeholder="" size="6" name="paged" />
<input class="zm-button" value="转到" type="submit" >
</form>

添加到主题分类归档模板的适当位置即可。

代码取自一款叫智能分页的插件:wp smart pagination,插件本身已多年未更新,插件除了上面的代码,还自带翻页代码。

需要完善的:不能显示当前的页号,输入不存在的页号,不能像WP后台文章列表那样跳转到最后页,直接404,这功能很多年前也研究过,最近又想起来了,有高手帮助改进一下吧。

配套样式:

.zm-input-number {
background: #fff;
text-align: center;
border-radius: 2px;
border: 1px solid #3690cf;
}
 
.zm-button {
background: #fff;
cursor: pointer;
border-radius: 2px;
border: 1px solid #3690cf;
-webkit-appearance: none;
}
 
.zm-button:hover {
background: #3690cf;
color: #fff;
-webkit-appearance: none;
}

可根据主题样式做相应的修改。

这个功能感觉用处不是很大,正常浏览者不会直接跳过新文章而看后面的,只能说是多个选择吧。

以上就是最简单的WordPress手动输入页号并跳转翻页的方法的详细内容,更多请关注本站其它相关文章!

本文为原创文章,版权归所有,欢迎分享本文,转载请保留出处!

No.1
No.1 关注:0    粉丝:0
这个人很懒,什么都没写

发表评论

扫一扫二维码分享