下面由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; }
可根据主题样式做相应的修改。
这个功能感觉用处不是很大,正常浏览者不会直接跳过新文章而看后面的,只能说是多个选择吧。
1、本文来自 iHu 投稿的内容 WordPress手动输入页号跳转翻页:简单步骤实现快速浏览 ,所有言论和图片纯属作者个人意见,版权归原作者所有;不代表 本站 立场;
2、本站所有文章、图片、资源等如果未标明原创,均为收集自互联网公开资源;分享的图片、资源、视频等,出镜模特均为成年女性正常写真内容,版权归原作者所有,仅作为个人学习、研究以及欣赏!如有涉及下载请24小时内删除;
3、如果您发现本站上有侵犯您的权益的作品,请与我们取得联系,我们会及时修改、删除并致以最深的歉意。邮箱: i-hu#(#换@)foxmail.com
2、本站所有文章、图片、资源等如果未标明原创,均为收集自互联网公开资源;分享的图片、资源、视频等,出镜模特均为成年女性正常写真内容,版权归原作者所有,仅作为个人学习、研究以及欣赏!如有涉及下载请24小时内删除;
3、如果您发现本站上有侵犯您的权益的作品,请与我们取得联系,我们会及时修改、删除并致以最深的歉意。邮箱: i-hu#(#换@)foxmail.com