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

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




