• 技术文章 >CMS教程 >WordPress

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

    藏色散人藏色散人2021-04-06 11:31:37转载85
    下面由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手动输入页号并跳转翻页的方法的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:zmingcx,如有侵犯,请联系admin@php.cn删除
    专题推荐:WordPress
    上一篇:你知道WordPress.com与WordPress.org区别吗 下一篇:详解如何​利用WordPress自带短代码添加视频
    第15期线上培训班

    相关文章推荐

    • wordpress如何不用插件实现文章阅读数• 图文详解wordpress用wechat-social-login插件实现QQ微信钉钉Github手机号登陆• 详解wordpress非根目录部署nginx关键配置• 你知道WordPress.com与WordPress.org区别吗• 宝塔面板一键部署wordpress,网址打不开怎么办?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网