從事網站推廣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

 

相關文章