键盘实现WordPress翻页

摘要

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

如果能用键盘方向键实现上下翻页操作是不是会很方便，闲来无事，折腾一下键盘实现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代码可实现的功能，所以很少有人会使用这个插件，结果插件评分是零，呵呵。

写给所有做网站的朋友的一封信

现在就开始执行“1+N”互联网推广和没有开始执行的人，一两天看不出任何区别；一两个月看来差异也是微乎其微的；但在2-5年的长远时间来看的时候，你的高质量询盘不断增加，你的互联网资产已经建立完成，对手已经很难匹敌，现在你看到这段文字的时候就是最好的开始，现在就是最好的时候，马上开始“1+N”体系的整体互联网推广吧，我们和你一起，开创互联网大未来！

博客&文章

键盘实现WordPress翻页

相关文章

写给所有做网站的朋友的一封信

准备开启WordPress网站建设推广？

关于

服务

主题

帮助

搜索您关心的