wordpress添加键盘支持左右翻页

键盘支持 左右翻页可以解放鼠标,我们通过键盘轻易的进行翻看文章。

将以下代码放引入在header.php或者footer.php中

<!--键盘左右翻页-->
<?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 } ?>   
<!--键盘左右翻页 end-->

您可能感兴趣的文章:


▪ 第九课WordPress主题制作自定义顶部图像

▪ WordPress 3D旋转彩色标签云

▪ 利用Bootstrap构建你的响应式WordPress主题(四)

▪ Wordpress主题综合免费视频系列教程

▪ 第五课WordPress主题制作头部文件header.php制作

▪ 快速为wordpress网站开发对外的数据接口

▪ 第11课WordPress主题制作启用特色图像

▪ 利用Bootstrap构建你的响应式WordPress主题(三)

▪ 利用Bootstrap构建你的响应式WordPress主题( 七)

▪ wordpress主题制作index.php基本框架代码 

 

猜你喜欢

转载自blog.csdn.net/zcp528/article/details/107996442