在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
再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow
在Wordpress的文章页面获取上一页及下一页的链接URL地址,实现通过键盘的前进后退键进行翻页相关推荐
- wordpress 根据文章ID获取分类ID和标签ID
//wordpress 根据文章ID获取分类ID $category=get_the_category( $post_ID ); $catid=$category[0]->term_id; // ...
- Wordpress文章中添加上一篇、下一篇链接专题研究
这次L.Z制作了这个Wordpress文章中添加上一篇.下一篇链接专题研究,你可以从文章当中了解到如何在文章内页当中上一篇.下一篇链接,显示特定的分类下的上一篇.下一篇,以及利用add_filter随 ...
- wordpress 文章php,Wordpress制作文章页面single.php
可以调用的文章内容: 调用文章标题:<?php the_title(); ?> 调用文章内容:<?php the_content(); ?> 调用文章摘要:<?php t ...
- WordPress统计文章页面浏览次数插件WP-PostViews
平时我们都是通过文章阅读数(浏览次数)来分析文章是否受用户欢迎,而 WordPress 站点的文章/页面的浏览次数虽然我们可以通过纯代码来实现,但是老古个人还是比较喜欢使用这款 WP-PostView ...
- PHP获取上一篇文章和下一篇文章数据
很多框架都可以完成,同理. Laravel的Eloquent ORM 获取当前记录的上一篇下一篇 然后,当时在答案里面简单写了一下解决方案.不过由于这个取得下一条和取得上一条的记录其实在日常的开发当中 ...
- js获取上一个月、下一个月
/*** 获取上一个月** @date 格式为yyyy-mm-dd的日期,如:2014-01-25*/function getPreMonth(date) {var arr = date.split( ...
- linux 获取上两级目录下,Linux系统目录大小通过du命令获取实例
使用过 Linux 系统的小伙伴都知道应该都知道, Linux 系统下的 ls 命令通常被我们用来查看文件目录的内容,但是不知道大家有没有细心留意,ls 命令所显示出来的每一个目录的大小竟然都只有 4 ...
- oracle获取上一个月或者下一个月或者多少个月
当月 2020-2-25 add_months()函数 负数:当前月份减去多少个月份 正数:当前月份添加多少个月份 . 字符串型: select to_char(add_months(trunc( ...
- java ftp获取文件名的方法_小猿圈Java学习-URL地址的组成格式
URL的全称是Uniform Resource Locator,意思是统一资源定位符,俗称网络地址或网址.网络上的每个文件及接口,都有对应的URL网址,它规定了其他设备如何通过一系列的路径找到自己,犹 ...
最新文章
- python的自带数据集_解决Keras自带数据集与预训练model下载太慢问题
- getaddrinfo(localhost.localdomain): 未知的名称或服务
- pycharm 取消连按两下shift出现的全局搜索
- 《Cracking the Coding Interview》——第11章:排序和搜索——题目7
- linux c 子线程sleep,linux c之sleep的多种实现
- html页面顶部提示在更高浏览器下面提示语
- ASP.NET中缓存(cache)的控制方法
- Atitit 项目管理优化体系图 第4章 项目整合管理 开始 计划 执行 监控 变更 结束 第5章 项目范围管理 SOW工作说明书 成员通讯录 wbs大概模块级别 第6章 项目时间
- debian nginx php配置文件,在debian上安装配置nginx + php-FPM + APC
- linux设备驱动模型一字符设备open系统调用流程
- 微信emoji表情json文档
- RESTful 接口设计规范
- 【BLE】CC2640芯片简介
- 概率统计Python计算:学生分布分位点计算
- p2p银行充值功能模块 支付宝调用
- Dubbo的示例文档
- Docker desktop 4.7版本安装提示无法访问d3dcompiler_47.dll文件解决方法
- 2008521美赛E题
- 2015 岁末 祝福 感恩
- 虚拟机开摄像头问题解决方法
热门文章
- 面试官:Java中线程是按什么顺序执行的?
- 【华为云技术分享】Python大神编程常用4大工具,你用过几个?
- #华为云·寻找黑马程序员#【代码重构之路】使用Pattern的正确姿势
- Java到底是不是值传递
- 韩顺平php视频笔记68 析构函数 php垃圾回收机制
- 网页文字无法免费复制的几种解决方法
- (组合数学笔记)Pólya计数理论_Part.4_Burnside引理
- (组合数学笔记)Pólya计数理论_Part.2_群及其性质
- mac写html图片显示不出来解决方法
- 安卓linux输入代码在哪里,输入 | Android 开源项目 | Android Open Source Project