首页 / WordPress入门 / 键盘实现WordPress翻页

键盘实现WordPress翻页

    • 珂李斯

    发布于

    by

    摘要 　　如果能用键盘方向键实现上下翻页操作是不是会很方便，闲来无事，折腾一下键盘实现WordPress翻页功…

    摘要

    　　如果能用键盘方向键实现上下翻页操作是不是会很方便，闲来无事，折腾一下键盘实现WordPress翻页功能。实现方法很简单，一段JS代码搞定
    　　将上面JS代码加到主题头部模版header.php或页脚模版footer.php中即可。按键盘上的左右方向键及Page UpPage Down试一下是不是很方便。上述代码可实现文章列表页面及正文上下篇翻页。
    　　另外，还有人专门为实现这一功能制作了插件：Easy keyboard shortcut navigation

    如果能用键盘方向键实现上下翻页操作是不是会很方便，闲来无事，折腾一下键盘实现WordPress翻页功能。实现方法很简单，一段JS代码搞定。

    1. <?php wp_reset_query();if (is_home() || is_archive() || is_search()) { ?>   
    2. <script type=“text/javascript”>   
    3.     document.onkeydown = chang_page;function chang_page(e) {   
    4.         var e = e || event,   
    5.         keycode = e.which || e.keyCode;   
    6.         if (keycode == 33 || keycode == 37) location = ‘<?php echo get_previous_posts_page_link(); ?>’;   
    7.         if (keycode == 34 || keycode == 39) location = ‘<?php echo get_next_posts_page_link(); ?>’;   
    8.     }      
    9. </script>   
    10. <?php } ?>    
    11. <?php wp_reset_query();if (is_single()) { ?>   
    12. <script type=“text/javascript”>   
    13. document.onkeydown = chang_page;function chang_page(e) {   
    14.     var e = e || event,   
    15.     keycode = e.which || e.keyCode;      
    16.     if (keycode == 33 || keycode == 37) location = ‘<?php echo get_permalink(get_adjacent_post(false, ”, false)); ?>’;      
    17.     if (keycode == 34 || keycode == 39) location = ‘<?php echo get_permalink(get_adjacent_post(false, ”, true)); ?>’;      
    18. }      
    19. </script>      
    20. <?php } ?>   

    将上面JS代码加到主题头部模版header.php或页脚模版footer.php中即可。按键盘上的左右方向键或Page Up和Page Down试一下是不是很方便。可实现文章列表页面及正文上下篇翻页。

    不过正文键盘翻页会影响留言编辑时用键盘移动光标，所以可以把<?php wp_reset_query();if (is_single()) { ?> 及后面的删除，只在文章列表页面使用键盘翻页。

    另外，还有人专门为实现这一功能制作了插件：Easy keyboard shortcut navigation，上述代码就是从中提取并修改而来，可能是因为一句JS代码可实现的功能，所以很少有人会使用这个插件，结果插件评分是零，呵呵。

    类别：WordPress入门、

    本文收集自互联网，转载请注明来源。
    如有侵权，请联系 wper_net@163.com 删除。

    【上一篇】:

    【下一篇】:

    猜你喜欢GUESS YOU LIKE

    评论 (0)COMMENT

    登录 账号发表你的看法，还没有账号？立即免费 注册


  • 还没有任何评论，赶紧来占个楼吧！