在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.οnkeydοwn=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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值