欢迎您光临自学哈网,只为分享网络知识教程,供大家学习参考!

「自学哈网」WordPress如何实现键盘翻页,键盘控制网页

作者 : 自学哈 本文共1180个字,预计阅读时间需要3分钟 2022-11-6 共149人阅读
也想出现在这里? 联系我们

如果能用键盘方向键实现上下翻页操作是不是会很方便,闲来无事,折腾一下键盘实现WordPress翻页功能。

WordPress如何实现键盘翻页,键盘控制网页

实现方法很简单,一段JS代码搞定

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

<?php wp_reset_query();if (is_home() || is_archive() || is_search()) { ?>   <script type="text/javascript">       document.onkeydown = chang_page;function chang_page(e) {           var e = e || event,           keycode = e.which || e.keyCode;           if (keycode == 33 || keycode == 37) location = '<?php echo get_previous_posts_page_link(); ?>';           if (keycode == 34 || keycode == 39) location = '<?php echo get_next_posts_page_link(); ?>';       }      </script>   <?php } ?>    <?php wp_reset_query();if (is_single()) { ?>   <script type="text/javascript">   document.onkeydown = chang_page;function chang_page(e) {       var e = e || event,       keycode = e.which || e.keyCode;          if (keycode == 33 || keycode == 37) location = '<?php echo get_permalink(get_adjacent_post(false, '', false)); ?>';          if (keycode == 34 || keycode == 39) location = '<?php echo get_permalink(get_adjacent_post(false, '', true)); ?>';      }      </script>      <?php } ?>   

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

不过正文键盘翻页会影响留言编辑时用键盘移动光标,所以可以把<?phpwp_reset_query();if(is_single()){?> 及后面的删除,只在文章列表页面使用键盘翻页。

另外,还有人专门为实现这一功能制作了插件:Easy keyboard shortcut navigation

上述代码就是从中提取并修改而来,可能是因为一句JS代码可实现的功能,所以很少有人会使用这个插件,结果插件评分是零。

本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!

自学哈网 » 「自学哈网」WordPress如何实现键盘翻页,键盘控制网页
也想出现在这里? 联系我们
© 2022 Theme by - 自学哈网 & WordPress Theme. All rights reserved 浙ICP备2022016594号