• 售前

  • 售后

热门帖子
入门百科

wordpress使用键盘左右键实现上下翻页的方法

[复制链接]
顺势而为47 显示全部楼层 发表于 2021-8-15 20:17:39 |阅读模式 打印 上一主题 下一主题
本文实例讲述了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建站有所资助。

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作