wordpress利用键盘左右键实现上下翻页的方法-贝壳主机网

提示：如果官网是英文页面，建议使用谷歌浏览器能同步翻译页面。点击下载【谷歌浏览器最新绿色便携版】
注意：部分文章发布时间较长，可能存在未知因素，购买时建议在本站搜索商家名称，先充分了解商家动态。
交流：唯一投稿邮箱：hostvps@88.com。

本文实例讲述了wordpress利用键盘左右键实现上下翻页的方法。分享给大家供大家参考。具体分析如下：

利用键盘左右键翻页效果其实只是我们利用了一款js效果,用键盘左右键实现wordpress上下翻页,其实原理和ctrl+enter来实现提交评论一样的道理,支持ie和ff,没有测试是否兼容谷歌chrome,我私下里觉得既然支持firefox那应该会支持chrome了,应该吧.

实例代码如下:

复制代码

代码如下:

document.onkeydown = chang_page;
function chang_page(e) {
var e = e || event,
keycode = e.which || e.keyCode;
if (keycode == 37 || keycode == 33)
location = "<?php echo get_permalink(get_adjacent_post(false, '42', false)); ?>";
if (keycode == 39 || keycode == 34)
location = "<?php echo get_permalink(get_adjacent_post(false, '42', true)); ?>";
}

将上面给出的翻页代码复制到single.php内保存,无论是IE还是FF,均能完美实现键盘翻页,说明：get_adjacent_post()函数中的42是指排除分类ID为42的文章——也就是说,在翻页过程中会自动跳过该分类下的文章(因为本站ID=42的分类被用于改造个人微博，并不想与文章一起翻页展示),如果没有特殊要求,这个参数留空即可,读者可根据个人博客的实际需要自行修改.

文章列表页面(如首页、分类页面、存档页面等)是否也可以实现键盘翻页呢？我们只需使用

get_previous_posts_page_link()和get_next_posts_page_link()代替上述代码中的get_adjacent_post()函数即可达到目的：

实例代码如下:

复制代码

代码如下:

document.onkeydown = chang_page;
function chang_page(e) {
var e = e || event,
keycode = e.which || e.keyCode;
if (keycode == 37 || keycode == 33)
location = "<?php echo get_previous_posts_page_link(); ?>";
if (keycode == 39 || keycode == 34)
location = "<?php echo get_next_posts_page_link(); ?>";
}

将上面的代码放置到相应页面,感兴趣的朋友可以试一下.

希望本文所述对大家的WordPress建站有所帮助。

About 贝壳

【声明】：本博客不参与任何交易，也非中介，仅记录个人感兴趣的主机测评结果和优惠活动，内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客，即表示您已经知晓并接受了此声明通告。

点此给贝壳发送邮件 | 广告投放QQ80059284