前端开发

 首页 > 前端开发 > css教程 > 键盘实现WordPress翻页 - html/css语言栏目:html.cs

键盘实现WordPress翻页 - html/css语言栏目:html.cs

分享到:
【字体:
导读:
          如果能用键盘方向键实现上下翻页操作是不是会很方便,闲来无事,折腾一下键盘实现WordPress翻页功能。实现方法很简单,一段JS代码搞定。//键盘翻页 ?phpwp_reset_query();if(is_home()||is_arc...

 

如果能用键盘方向键实现上下翻页操作是不是会很方便,闲来无事,折腾一下键盘实现WordPress翻页功能。实现方法很简单,一段JS代码搞定。

  1. // 键盘翻页   
  2. if (is_home() || is_archive() || is_search()) { ?>   
  3. "text/javascript">   
  4.     document.onkeydown = chang_page;function chang_page(e) {   
  5.         var e = e || event,   
  6.         keycode = e.which || e.keyCode;   
  7.         if (keycode == 33 || keycode == 37) location = 'echo get_previous_posts_page_link(); ?>';   
  8.         if (keycode == 34 || keycode == 39) location = 'echo get_next_posts_page_link(); ?>';   
  9.     }   
  10.   
  11.   
  12. if (is_single()) { ?>   
  13. "text/javascript">   
  14. document.onkeydown = chang_page;function chang_page(e) {   
  15.     var e = e || event,   
  16.     keycode = e.which || e.keyCode;   
  17.     if (keycode == 33 || keycode == 37) location = 'echo get_permalink(get_adjacent_post(false, '', false)); ?>';   
  18.     if (keycode == 34 || keycode == 39) location = 'echo get_permalink(get_adjacent_post(false, '', true)); ?>';   
  19. }   
  20.   
  21.   

将上面JS代码加到主题头部模版header.php或页脚模版footer.php中即可。按键盘上的左右方向键及Page UpPage Down试一下是不是很方便。可实现文章列表页面及正文上下篇翻页。

不过正文键盘翻页会影响留言编辑时用键盘移动光标,所以可以把 及后面的删除,只在文章列表页面使用键盘翻页。

另外,还有人专门为实现这一功能制作了插件:Easy keyboard shortcut navigation,上述代码就是从中提取并修改而来,可能是因为一句JS代码可实现的功能,所以很少有人会使用这个插件,评分只有零分,呵呵

摘自 zmingcx.com

分享到:
深圳网站制作公司在网页设计中应做到的六...
  深圳网站制作公司挺多,深圳也是全国有名的设计之城,但就深圳网站设计公司产生的作品——网站,却难以看到高质量。源于大多网站制作公司以经济效益为核心,力求快,模版制作等的网站自然也就质量不高。再者,也没有注意到网站制作中的诸多细节。本人结合在深圳创新互联网站设计公司多年的工作经验,谈谈自己的一些...
Wordpress虚拟主机设置固定链接的技巧 - ...
  Wordpress作为一种主流的博客系统,得到很多站长的青睐。事实上,wordpress也非常利于seo,今天就来说说wordpress中的固定链接设置以及优化。   固定链接一般有5种形式:默认的?p=id形式,日期+名称形式,数字形式,还有就是自定义结构。大家可以发现大多数的wordpress网站都是使用的最后一种自定义结构形式,因为这...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……