最近很多小伙伴肯定都发现了薇晓朵又添加了一个新功能,没错就是屌炸天的按键翻页功能

这几天小编一直都在测试这个功能,刚加上按键翻页功能后就有不少小伙伴来问小编怎么实现这个功能,今天小编就来教大家如何为 WordPress 网站添加按键翻页功能,该功能的原理其实就是利用 js 的键盘事件监听实现的,好了不罗嗦

直接上代码:

<?php
add_action('wp_footer','wxd_keyCode');
function wxd_keyCode(){
    global $paged, $wp_query;
    if ( !$max_page )
        $max_page = $wp_query->max_num_pages;
    if ( !$paged )
        $paged = 1;
    $nextpage = intval($paged) + 1;
?>
<?php if( is_single() ) : ?>
<script type="text/javascript">
    document.onkeydown = wxd_page;function wxd_page(e) {
    var e = e || event,
    keycode = e.which || e.keyCode;
    var obj = e.target || e.srcElement;
    if(obj.tagName.toLowerCase()=="textarea"){return;}
    if(obj.tagName.toLowerCase()=="input"){return;}
    if (keycode == 37) location = '<?php echo get_permalink(get_adjacent_post(false,'',false)); ?>';
    if (keycode == 39) location = '<?php echo get_permalink(get_adjacent_post(false,'',true)); ?>';
    }
</script>
<?php elseif( is_home() || is_category() ) : ?>
<script type="text/javascript">
    document.onkeydown = wxd_page;function wxd_page(e) {
        var e = e || event,
        keycode = e.which || e.keyCode;
        var obj = e.target || e.srcElement;
        if(obj.tagName.toLowerCase()=="textarea"){return;}
        if(obj.tagName.toLowerCase()=="input"){return;}
        if (keycode == 37) location = '<?php echo get_previous_posts_page_link(); ?>';
        if (keycode == 39)
        <?php if ( $nextpage <= $max_page ) : ?>
            location = '<?php echo get_next_posts_page_link(); ?>';
        <?php else : ?>
            location = '<?php echo get_pagenum_link( $max_page ); ?>';
        <?php endif; ?>
    }
</script>
<?php endif; ?>
<?php
}
?>

将以上代码加入到当前使用的 WordPress 主题的 functions.php 文件中(PS: 代码加到第一个<?php 之前或最后一个?> 之后),即可。(PS: 添加以上代码后即可使用左右方向键进行翻页~~)

自从听了《一百块钱都不给我》小编整个人都不好了。。。完全停不下来的节奏