键盘实现WordPress翻页

Wordpress   2020-03-18 03:38  
摘要

  如果能用键盘方向键实现上下翻页操作是不是会很方便,闲来无事,折腾一下键盘实现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()) { ?>   <script type="text/javascript">   
  2.     document.onkeydown = chang_page;function chang_page(e) {           var e = e || event,   
  3.         keycode = e.which || e.keyCode;           if (keycode == 33 || keycode == 37) location = '<?php echo get_previous_posts_page_link(); ?>';   
  4.         if (keycode == 34 || keycode == 39) location = '<?php echo get_next_posts_page_link(); ?>';       }      
  5. </script>   <?php } ?>    
  6. <?php wp_reset_query();if (is_single()) { ?>   <script type="text/javascript">   
  7. document.onkeydown = chang_page;function chang_page(e) {       var e = e || event,   
  8.     keycode = e.which || e.keyCode;          if (keycode == 33 || keycode == 37) location = '<?php echo get_permalink(get_adjacent_post(false, '', false)); ?>';      
  9.     if (keycode == 34 || keycode == 39) location = '<?php echo get_permalink(get_adjacent_post(false, '', true)); ?>';      }      
  10. </script>      <?php } ?>   

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

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

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

您或许对下面这些文章有兴趣:                     本月吐槽辛苦排行榜

部落快速搜索栏

各类专题梳理

网站导航栏

订阅本站

联系部落首领^_^

  有关于免费资源部
  落的问题、意见、
  建议、推荐免费资
  源、交换链接等,
  欢迎与我联系

  QQ:123456789

  Q群:123456789

  邮箱:123456@163.com

返回顶部