本文實(shí)例講述了wordpress利用鍵盤左右鍵實(shí)現(xiàn)上下翻頁的方法。分享給大家供大家參考。具體分析如下：
利用鍵盤左右鍵翻頁效果其實(shí)只是我們利用了一款js效果,用鍵盤左右鍵實(shí)現(xiàn)wordpress上下翻頁,其實(shí)原理和ctrl+enter來實(shí)現(xiàn)提交評(píng)論一樣的道理,支持ie和ff,沒有測(cè)試是否兼容谷歌chrome,我私下里覺得既然支持firefox那應(yīng)該會(huì)支持chrome了,應(yīng)該吧.
實(shí)例代碼如下:
復(fù)制代碼
代碼如下:
document.onkeydown = chang_page;
function chang_page(e) {
var e = e || event,
keycode = e.which || e.keyCode;
if (keycode == 37 || keycode == 33)
location = "<?php echo get_permalink(get_adjacent_post(false, '42', false)); ?>";
if (keycode == 39 || keycode == 34)
location = "<?php echo get_permalink(get_adjacent_post(false, '42', true)); ?>";
}
function chang_page(e) {
var e = e || event,
keycode = e.which || e.keyCode;
if (keycode == 37 || keycode == 33)
location = "<?php echo get_permalink(get_adjacent_post(false, '42', false)); ?>";
if (keycode == 39 || keycode == 34)
location = "<?php echo get_permalink(get_adjacent_post(false, '42', true)); ?>";
}
將上面給出的翻頁代碼復(fù)制到single.php內(nèi)保存,無論是IE還是FF,均能完美實(shí)現(xiàn)鍵盤翻頁,說明：get_adjacent_post()函數(shù)中的42是指排除分類ID為42的文章——也就是說,在翻頁過程中會(huì)自動(dòng)跳過該分類下的文章(因?yàn)楸菊綢D=42的分類被用于改造個(gè)人微博，并不想與文章一起翻頁展示),如果沒有特殊要求,這個(gè)參數(shù)留空即可,讀者可根據(jù)個(gè)人博客的實(shí)際需要自行修改.
文章列表頁面(如首頁、分類頁面、存檔頁面等)是否也可以實(shí)現(xiàn)鍵盤翻頁呢？我們只需使用
get_previous_posts_page_link()和get_next_posts_page_link()代替上述代碼中的get_adjacent_post()函數(shù)即可達(dá)到目的：
實(shí)例代碼如下:
復(fù)制代碼
代碼如下:
document.onkeydown = chang_page;
function chang_page(e) {
var e = e || event,
keycode = e.which || e.keyCode;
if (keycode == 37 || keycode == 33)
location = "<?php echo get_previous_posts_page_link(); ?>";
if (keycode == 39 || keycode == 34)
location = "<?php echo get_next_posts_page_link(); ?>";
}
function chang_page(e) {
var e = e || event,
keycode = e.which || e.keyCode;
if (keycode == 37 || keycode == 33)
location = "<?php echo get_previous_posts_page_link(); ?>";
if (keycode == 39 || keycode == 34)
location = "<?php echo get_next_posts_page_link(); ?>";
}
將上面的代碼放置到相應(yīng)頁面,感興趣的朋友可以試一下.
希望本文所述對(duì)大家的WordPress建站有所幫助。
