您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程
WordPress实现手动输入页号并跳转翻页功能
亦玉2023-07-07WordPress教程已有人查阅
导读经常有用户问可不可以弄个手动输入页号并实现跳转的翻页功能,很简单,代码只有四行:添加到主题分类归档模板的适当位置即可。代码取自一款叫智能分页的插件

经常有用户问可不可以弄个手动输入页号并实现跳转的翻页功能,很简单,代码只有四行:
<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 art 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删除xmlrpc.php防DDOS攻击的有效方法
可能很多WordPress用户都不知道这个xmlrpc.php是什么,简单地说就是Wordpress 为手机等客户端提供的接口文件,早期的Wordpress 这个接口就是个万恶之源
实现让WordPress支持google AMP的方法
AMP的HTML代码是标准HTML的一个子集,大大简化了html的代码,部分Html代码将不再适用,如table, frame等。
wordpress删除底部WordPress版权的方法
找到footer.php文件,删除以下代码即可:
wordpress数据库备份的方法
尽管有许多WordPress插件可以辅助进行网站数据库的备份,但是对于站长/博主而言,掌握基本的phpMyAdmin备份操作是很有必要的。
相关源码
-
(自适应)绿色农业大型机械设备展示网站模板下载基于PbootCMS内核深度定制开发的农业机械行业专用模板。针对农机设备展示、产品参数说明等需求优化设计,突出农业机械行业特性查看源码 -
(PC+WAP)五金机械设备营销型模板下载带在线留言为机械设备制造商设计的营销型模板,集成产品参数对比系统、产品展示模块和询价管理功能。采用PbootCMS开发内核,PHP7+运行环境。手工编写语义化HTML5结构,CSS3动画优化交互体验。查看源码 -
(自适应)html5导航目录索引工具类网站源码下载本模板基于PbootCMS开发,为站长导航、网址导航类网站设计。采用HTML5+CSS3技术构建,适配PC端和移动端,提供流畅的浏览体验。适用于个人站长、资源导航平台等场景查看源码 -
(自适应)蓝色建材亚克力板材装饰材料pbootcms网站模板这款基于PbootCMS开发的响应式模板为建材板材行业优化设计,适用于亚克力板材、建筑装饰材料等企业展示需求。采用HTML5技术实现手机/PC跨终端适配,管理员通过统一后台即可同步查看源码 -
(自适应)科技产品设备技术作品pbootcms网站模板带下载和招聘基于PbootCMS内核开发的高端科技企业模板,采用响应式布局技术,适配各类移动终端设备。模板设计聚焦科技行业特性,通过模块化结构实现企业形象展示、技术成果发布与人才招募等核心需求查看源码 -
(自适应)pbootcms模板五金元件气缸气动系统源码下载基于PbootCMS核心开发的气缸气动系统网站模板,为五金元件、气动设备制造企业设计。采用响应式布局技术,自动适配手机、平板等移动设备,确保各类终端用户获得良好浏览体验。查看源码
| 分享笔记 (共有 篇笔记) |

