从事网站推广SEO工作都必需知道良好的用户体验,除了可以增加用户黏度之外,对于关键字排名的提升也有所助益。所以,如果能在WordPress上也增加几个可以方便浏览者操作的小功能,应该也可以在用户体验上有不错的助益。

如果用WordPress所架设的部落格,能让浏览者使用键盘方向键翻页操作是不是会很方便?今天就来告诉你如何达成这一个小功能....

    <?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 } ?>

将上面JS代码加到主题头部模版header.php或页脚模版footer.php中即可。按键盘上的左右方向键或Page Up和Page Down试一下是不是很方便。就可以达成文章清单页面及正文上下篇翻页。

不过正文键盘翻页会影响留言编辑时用键盘移动游标,所以可以把<?php wp_reset_query();if (is_single()) { ?> 及后面的删除,只在文章清单页面使用键盘翻页。

 

同步发表于:http://www.seohouse.org/?p=1080

 

相关文章