100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 在Wordpress的文章页面获取上一页及下一页的链接URL地址 实现通过键盘的前进后退键进

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

时间:2018-08-04 04:52:34

相关推荐

在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,搞定收工,这下就可能通过键盘的前进后退键进行翻页了。

本文出自:冯立彬的博客(),原文地址:/get_pre_and_next_page_url_in_wordpress.html

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!/jiangjunshow

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。