wordpress使用键盘控制上一篇下一篇文章

键盘上的左右键可以控制页面跳转wordpress上一篇下一篇,可以使网站对访客多家友好。它将允许访客使用这些箭头键从一个文章移动到另一个文章。但是,WordPress默认情况下不提供这些导航功能。

将键盘导航添加到WordPress网站允许访客轻松浏览网站上的博客文章。访客可以通过单击键盘上的左右箭头键来查看下一篇和上一篇博客文章。

添加箭头控制wordpress上一篇下一篇,可以让客户浏览更多的页面内容,毕竟只要浏览会很方便,只需按一下键盘就可以。

让我们看看如何使用插件在WordPress中添加箭头键键盘导航。

  • 方法 1.使用代码段添加箭头键键盘导航(推荐)
  • 方法 2.使用箭头键导航插件添加箭头键键盘导航

方法 1.使用代码段添加箭头键键盘导航(推荐)

可以通过向WordPress主题的功能.php文件添加代码,在WordPress博客上添加箭头键导航。但是,将自定义代码添加到WordPress核心文件可能会有风险,因为一个小错误可能会破坏网站。

这就是为什么我们总是建议使用WPCode。它是最简单,最安全的代码片段插件。

通过将此代码添加到网站,访客将能够使用键盘上的箭头键在网站上的不同页面和文章之间切换。

首先,需要安装并激活免费的WPCode插件。激活后,转到代码片段 » 添加代码片段在WordPress 管理仪表板中。单击“添加新”按钮转到“添加代码段”页面。

在那里,找到“添加自定义代码(新代码段)”选项。

只需将鼠标悬停在其上,然后单击“使用代码段”按钮即可。

进入“创建自定义代码段”页面后,首先输入代码段的名称,方便以后wordpress获取指定页面内容数据

然后,只需从右上角的下拉菜单中选择“通用代码段”作为“代码类型”。

注意:请不要选择“JavaScript”作为代码类型。即使它是 JavaScript 代码,但只有在选择“通用代码段”选项时,该代码才能在网站上使用。

接下来,只需将以下代码复制并粘贴到“代码预览”中。

<script type="text/javascript">
        document.onkeydown = function (e) {
            var e = e || event, 
            keycode = e.which || e.keyCode; 
            if (keycode == 37 || keycode == 33)
                location = "<?php echo get_permalink(get_previous_post()); ?>";
            if (keycode == 39 || keycode == 34)
                location = "<?php echo get_permalink(get_next_post()); ?>";
        }
    </script>

此代码段将在网站上启用箭头键导航。

之后,向下滚动到“插入”框以选择代码片段的位置。

在“位置”旁边的下拉菜单中,只需选择“站点范围的页脚”。

然后,必须选择一种“插入方法”。要在网站上的任何位置运行代码段,请选择“自动插入”选项。

如果只想在某些页面上使用箭头键控制wordpress上一篇下一篇,请选择“简码”选项。保存代码片段后,此处将出现一个短代码供复制/粘贴。

接下来,只需返回页面顶部并将开关从“非活动”切换到“活动”。

然后,所要做的就是单击“保存片段”按钮。

就是这样!已成功在网站上添加箭头键导航。

方法 2.使用箭头键导航插件添加箭头键键盘导航

如果不想向网站添加代码,则可以使用箭头键导航插件。

此插件使能够使用键盘上的向右和向左箭头键浏览wordpress上一篇下一篇文章。

因此,需要做的第一件事是WordPress添加链接

有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南。

注意:此插件最近未更新。但是,我们使用最新版本的WordPress对其进行了测试,并且它仍然可以正常工作。

由于它是一个非常简单的插件,因此不需要额外的配置。激活插件后,现在可以使用箭头键切换到网站上的不同文章。

请记住,此插件仅允许在网站上的不同文章之间切换,因此将无法使用箭头键从一个页面移动到另一个页面。

例如,无法使用箭头键从“首页”切换到“联系我们”页面。

激活插件后,可以在网站上添加一条消息或弹出窗口,告诉访客他们现在只需使用箭头键从一篇文章移动到下一篇文章即可浏览各种博客文章。

我爱主题网 自2012
主题:260+ 销售:1000+
兼容浏览器

电话咨询

7*12服务咨询电话:

133-7205-6573

微信咨询