最近很多小伙伴肯定都发现了薇晓朵又添加了一个新功能,没错就是屌炸天的按键翻页功能
这几天小编一直都在测试这个功能,刚加上按键翻页功能后就有不少小伙伴来问小编怎么实现这个功能,今天小编就来教大家如何为 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: 添加以上代码后即可使用左右方向键进行翻页~~)
自从听了《一百块钱都不给我》小编整个人都不好了。。。完全停不下来的节奏