讓WordPress也可以用鍵盤方向鍵翻頁
從事網站推廣、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