在Wordpress的文章页面获取上一页及下一页的链接URL地址，实现通过键盘的前进后退键进行翻页

先说明一下，我使用的WORDPRESS版本是3.4.1，使用的模板主题是NeoEase 开发的iNove，可以点击这里 进 行下载。我之所以想要在文章页面获取上一下及下一页的地址，只是想要实现一个功能，增加使用键盘的前进"->"及后退"<-"按钮进行翻页的 功能，这个功能虽然简单，但是却比较实用，可以省去我拖拉页面到底部，然后再去点击下一页的时间，以下我就讲一下我的实现步骤。打开主题页面下的 single.php这个文件，找到以下内容：

<div id=
"postnavi"
>
    <span class
=
"prev"
><?php next_post_link(
'%link'
) ?></span>
    <span class
=
"next"
><?php previous_post_link(
'%link'
) ?></span>
    <div class
=
"fixed"
></div>
</div>

 

将其修改为：

<div id=
"postnavi"
>
    <span class
=
"prev"
 id=
"prePage"
><?php next_post_link(
'%link'
) ?></span>
    <span class
=
"next"
 id=
"nextPage"
><?php previous_post_link(
'%link'
) ?></span>
    <div class
=
"fixed"
></div>
</div>

在文件的末尾增加如下JS：

<script language=
"javascript"
>
    document.onkeydown=gotoPage;
    var
 preUrl = document.getElementById(
"prePage"
).innerHTML.toLowerCase();
    var
 start = preUrl.indexOf(
'http'
);
    var
 end = preUrl.indexOf(
'" rel'
);
    preUrl = preUrl.substring(start,end);

    var
 nextUrl = document.getElementById(
"nextPage"
).innerHTML.toLowerCase();
    var
 start = nextUrl.indexOf(
'http'
);
    var
 end = nextUrl.indexOf(
'" rel'
);
    nextUrl = nextUrl.substring(start,end);
    function
 gotoPage(event)
    {
        event = event ? event : (window.event ? window.event : null
);
        if
 (event.keyCode==37)
        {
            if
 (preUrl!=
''
){
                window.location=preUrl;
            }
            else
{
                alert('This is already the first page."'
);
            }
        }
        if
 (event.keyCode==39)
        {
            if
 (nextUrl!=
''
){
                window.location=nextUrl;
            }
            else
{
                alert('This is already the last page."'
);
            }
        }
    }
</script>

 

OK，搞定收工，这下就可能通过键盘的前进后退键进行翻页了。

本文出自：冯立彬的博客 (http://www.fenglibin.com )，原文地址：http://www.fenglibin.com/get_pre_and_next_page_url_in_wordpress.html