您现在的位置是:首页 > 教程 > WordPress教程WordPress教程
WordPress实现手动输入页号并跳转翻页功能
亦玉2023-07-07 12:52:12WordPress教程已有人查阅
导读经常有用户问可不可以弄个手动输入页号并实现跳转的翻页功能,很简单,代码只有四行:添加到主题分类归档模板的适当位置即可。代码取自一款叫智能分页的插件
经常有用户问可不可以弄个手动输入页号并实现跳转的翻页功能,很简单,代码只有四行:
<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实现微信支付功能详解
对于调用微信支付,微信提供了 JS SDK 来帮助我们实现在微信里面调用微信支付的功能。下面是具体的实现步骤, -
wordpress主题信息的删除方法
1.打开主题文件夹:wp-content/themes/主题名称/footer.php;2.搜索找到以下代码:3.删除这段代码即可,删除后会什么都不显示,这样不是很美观, -
wordpress关键词和描述怎么设置
众所周知,wordpress官方下载安装的程序,默认是没有关键词和描述的,只能填写网站标题和副标题。但是作为我们seoer来说,关键词是用来实时关注网站关键词排名的 -
wordpress添加页眉的工具介绍
Download Header Footer Code Manager 就是一个可以在网站页眉或页脚、文章内容上方和下方插入代码(HTML / Javascript / CSS等)的插件。
留言与评论 (共有 条评论) |