手札

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

内容

(访问量：799)

键盘上的左右键可以控制页面跳转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>

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