键盘实现WordPress翻页

2011年10月22日 14:42:47知更鸟

知更鸟

站长

2449
文章

0
粉丝

WordPress5010,766阅读模式

摘要　　如果能用键盘方向键实现上下翻页操作是不是会很方便，闲来无事，折腾一下键盘实现WordPress翻页功能。实现方法很简单，一段JS代码搞定　　将上面JS代码加到主题头部模版he...

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

<?php wp_reset_query();if (is_home() || is_archive() || is_search()) { ?>
<script type="text/javascript">
document.onkeydown = chang_page;function chang_page(e) {
var e = e || event,
keycode = e.which || e.keyCode;
if (keycode == 33 || keycode == 37) location = '<?php echo get_previous_posts_page_link(); ?>';
if (keycode == 34 || keycode == 39) location = '<?php echo get_next_posts_page_link(); ?>';
}
</script>
<?php } ?>
<?php wp_reset_query();if (is_single()) { ?>
<script type="text/javascript">
document.onkeydown = chang_page;function chang_page(e) {
var e = e || event,
keycode = e.which || e.keyCode;
if (keycode == 33 || keycode == 37) location = '<?php echo get_permalink(get_adjacent_post(false, '', false)); ?>';
if (keycode == 34 || keycode == 39) location = '<?php echo get_permalink(get_adjacent_post(false, '', true)); ?>';
}
</script>
<?php } ?>

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

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

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

本站文章大部分为原创，用于个人学习记录，可能对您有所帮助，仅供参考！

weinxin

我的微信

微信号已复制

版权声明

本站原创文章转载请注明文章出处及链接，谢谢合作！

获取本主题

598845006

咨询主题请加Q：598845006

多功能主题 Begin

本文由 知更鸟 发表于2011年10月22日 14:42:47
转载请注明：https://zmingcx.com/turn-the-keyboard-to-achieve-wordpress.html | 知更鸟

WordPress

改变WordPress 仪表盘布局

04/17 7 3,082

WordPress防恶意采集插件：AntiLeech

12/12 47 17,596

禁用WordPress更新提示

08/20 2 858

自定义 WordPress 注册登录错误信息文字

07/15 评论 483

获取本主题

598845006

咨询主题请加Q：598845006

多功能主题 Begin

评论 50 访客 41 作者 7

wmtimes 7
2011年10月22日 15:48:50 1F
回复
嗯。到是不错的效果。
分享互联网 2
2011年10月22日 16:56:26 2F
回复
这个功能不错，谢谢。
shtion 3
2011年10月22日 17:04:26 3F
回复
不错，已经折腾了，呵！
歐塔庫 1
2011年10月22日 17:07:16 4F
回复
這是好東西感謝分享
麻雀吧 1
2011年10月22日 17:10:16 5F
回复
呵呵，这个功能不错，鸟哥折腾的好
Win7en乐园 8
2011年10月22日 17:18:41 6F
回复
先学习着，努力学习！
qintag 1
2011年10月22日 17:19:52 7F
回复
哈哈，又发现好东西。。
传奇发布网 0
2011年10月22日 17:44:41 8F
回复
我现在才知道为什么我输了.
孤苏陌澜 3
2011年10月22日 17:56:56 9F
回复
鸟哥，好东西呀，这个很喜欢，谢啦，有了这个翻页跟小说似的！
扬州起源 2
2011年10月22日 23:17:53 10F
回复
好是好，但有时候一不小心按着左右键，就不知道翻哪里去鸟！！！
扬州起源-http://www.yzqiyuan.com
天堂下载 5
2011年10月23日 08:23:38 11F
回复
!!!赞叹！！！
明和超音波 2
2011年10月24日 10:14:46 12F
回复
真厉害..最近在学做站,这个翻页原来一段JS代码就可以了,看似不难,等下操作看看
小小鱼 4
2011年10月25日 11:12:20 13F
回复
这个很给力自己想弄可惜不懂····
闲逛的鱼 1
2011年10月26日 04:11:29 14F
回复
很感谢您的分享！
Win7en乐园 8
2011年10月26日 14:00:59 15F
回复
嘿嘿，感觉鸟哥可能会发布2.7正式版的补丁了。嘿嘿
Win7en乐园 8
2011年10月26日 14:54:33 16F
回复
鸟哥，尚有一事不明。就是咱们在“关于我们，联系我们”的那个表单填写之后，发送的邮件标题是乱码，开始我以为是邮箱问题，所以换了gmail试了试还是这样的问题，而且我在我爱数码网上测试了下，也是同样的问题。额。。我不知道该如何是好了。
- 知更鸟
  2011年10月26日 15:45:02 B1
  回复
  @ Win7en乐园我的一切正常，估计又是主机的问题
  - Win7en乐园 8
    2011年10月26日 15:45:34 B2
    回复
    @ 知更鸟哦，我现在用的酋长的主机，呵呵。
    - 知更鸟
      2011年10月26日 15:57:52 B3
      回复
      @ Win7en乐园如果两个站都一样，只能是自己找原因了，数据库编码、是否改过主题模板
      - Win7en乐园 8
        2011年10月26日 15:58:48 B4
        回复
        @ 知更鸟哦，反正也无大碍，邮件内容是没有问题的。
Lifeliker.com 3
2011年10月26日 16:26:05 17F
回复
鸟哥，留言的时候出现这种情况是怎么回事？
www.lifeliker.com
- 知更鸟
  2011年10月27日 00:26:19 B1
  回复
  @ Lifeliker.com 禁用所有插件试试
  - Lifeliker.com 3
    2011年10月27日 00:47:48 B2
    回复
    @ 知更鸟试了，还是不行。
    怎么办？
    www.lifeliker.com
    - 知更鸟
      2011年10月27日 09:41:09 B3
      回复
      @ Lifeliker.com 我看你的静态插件WP-Super-Cache还在开着，估计就与它有关
      - Lifeliker.com 3
        2011年10月27日 10:33:38 B4
        回复
        @ 知更鸟关了，插件也停用了，这次的错误是“错误：请输入评论内容。”又是怎么回事呢？
        谢过。
        www.lifeliker.com
        
        知更鸟
        2011年10月27日 10:56:47 B5
        
        @ Lifeliker.com 实在不行，按下面
        http://zmingcx.com/hotnewspro24-problem-summary.html
        中的第54去掉ajax评论特效
        
        Lifeliker.com 3
        2011年10月27日 11:25:44 B5
        
        @ 知更鸟去了好像还是不行啊。。。
        郁闷。。。。
        劳烦你了鸟哥。谢谢啊！
        www.lifeliker.com
        
        Lifeliker.com 3
        2011年10月27日 12:06:24 B5
        
        @ 知更鸟鸟哥，还有其他的解决办法吗？
        
        知更鸟
        2011年10月27日 13:02:24 B5
        
        @ Lifeliker.com 汗，真去掉了？
        
        Lifeliker.com 3
        2011年10月27日 13:39:04 B5
        
        @ 知更鸟靠，去了没效果就加上去了。。。
        现在咋办？鸟哥
        www.lifeliker.com
我爱聊吧 4
2011年10月26日 20:58:35 18F
回复
鸟哥的JS玩的很溜哈
影楼团购 4
2011年10月27日 10:12:24 19F
回复
不错，学习了啊
iy360 0
2011年10月27日 11:33:24 20F
回复
以前用过wordpress，很喜欢wordpress支持的很多特效，这个特效也是很有意思啊
朱宝祥 1
2011年10月31日 10:19:17 21F
回复
你太厉害了！！学习，偶像！
影楼课程培训团购 4
2011年11月3日 13:09:35 22F
回复
不错学习了
屈臣氏官网 5
2011年11月9日 13:34:45 23F
回复
偶像！
天文望远镜 0
2011年11月11日 17:59:30 24F
回复
非常不错。。。这样做效果越来越给力了。。。
最百科 0
2011年11月11日 21:15:58 25F
回复
是俺写的插件，呵呵。俺的博客挂了几天，现在又复活了
- 知更鸟
  2011年11月12日 09:14:10 B1
  回复
  @ 最百科感谢提供源代码
深邃的狮子座 2
2011年11月17日 20:43:28 26F
回复
又发现好东西
ThePoweroflove 3
2011年12月7日 22:31:18 27F
回复
好东西啊收下了不客气了
胜芳办公椅 0
2011年12月20日 05:11:13 28F
回复
又学到一种东西谢谢了！
citier 3
2011年12月31日 16:10:32 29F
回复
这功能也实用，折腾下
Maxling 4
2012年1月19日 16:54:13 30F
回复
不错的功能！！！！谢谢鸟哥分享！！
笔丢了 2
2012年1月27日 14:13:36 31F
回复
呵呵，这个代码实用，搞小说阅读的一下就翻页也省的麻烦！
hit9 3
2012年3月8日 01:03:56 32F
回复
这样方便不少。好久不来知更鸟了，别来无恙
Adazi资讯网 3
2012年5月14日 17:56:25 33F
回复
果断收下，太好用了~~
番茄 2
2014年6月1日 12:45:22 34F
回复
果然很给力，已经折腾到我博客了。

来自外部的引用