分享WP资源
是件美好的事情

WordPress 最简单的手动输入页号并跳转翻页的方法

腾讯云限时秒杀活动

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

  1. <form class=”zm-page-nav-form” action=”<?php echo $_SERVER[‘REQUEST_URI’];?>” method=”get”>
  2. <input class=“zm-input-number” type=“text” placeholder=“” size=“6” name=“paged” />
  3. <input class=“zm-button” value=“转到” type=“submit” >
  4. </form>

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

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

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

配套样式:

  1. .zminputnumber {
  2. background: #fff;
  3. textalign: center;
  4. borderradius: 2px;
  5. border: 1px solid #3690cf;
  6. }
  7.  
  8. .zmbutton {
  9. background: #fff;
  10. cursor: pointer;
  11. borderradius: 2px;
  12. border: 1px solid #3690cf;
  13. webkitappearance: none;
  14. }
  15.  
  16. .zmbutton:hover {
  17. background: #3690cf;
  18. color: #fff;
  19. webkitappearance: none;
  20. }

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

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

 打赏

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

未经允许不得转载:莲花不妖 » WordPress 最简单的手动输入页号并跳转翻页的方法
分享到: 生成海报

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录