您是否打算让访问者更容易访问您的网站?在您的 WordPress 博客中添加一个返回顶部按钮就可以达到目的。如果您的博客在查看内容时需要大量滚动,则尤其如此。

在本教程中,我们将向您展示如何使用两种不同的插件(WPFront Scroll Top 和 GP Back To Top 插件)在您的博客上安装返回顶部按钮。第一个包括大量完整的插件自定义选项,而另一个更易于使用。

什么是“返回主页”按钮?

本质上,当用户向下滚动页面时,返回顶部按钮最常显示为文本底部的箭头或文本。单击此按钮会将用户带回到页面的开头。对于那些喜欢在手机上浏览网站的人来说,它特别有用。许多人使用粘性菜单来简化网站导航,但返回顶部按钮可以作为一项附加功能,在浏览页面时进一步帮助读者。

在样式方面,按钮应该足够醒目以吸引访问者的注意力。但是,它也不应该太大或过分强调,以免分散用户的注意力。在 Dalia WordPress 模板上可以看到一个很好的例子,说明这个按钮在网站上应该是什么样子。

使用WPFront Scroll Top插件安装回到顶部按钮

WPFront Scroll Top 插件具有完成此任务所需的所有自定义选项。

安装后你会该插件可以在名称为 Scroll Top 的仪表板的“设置”选项卡中找到。

要激活它,请确保在执行任何其他操作之前选中“已启用”框。之后,您可以设置 Scroll Offset,即按钮出现之前的像素数。您还可以调整所需的按钮大小。

Button Opacity 也是一个不错的选项,它允许您使按钮在未激活时显得更亮。这给了它一个很好的动画效果。

当您选中“Autohide”选项并在“Autohide After”框中键入秒数时,该按钮将在您指定的不活动时间后消失,并在您再次移动鼠标光标时重新出现。

WPFront Scroll Top 插件还允许用户调整按钮位置,甚至包括适用于小型设备的选项。

如果你愿意,你可以将“返回顶部”按钮设置为仅出现在您指定的页面上。为此,只需选择包含在后续页面中并标记您希望按钮出现的页面的所有复选框。

还有WPFront Scroll Top插件带有大量图像,您可以选择调整按钮样式以匹配您的网站主题。如果此列表中的图片都不适合您,您也可以选择自己的图片。为此,您需要先将图像添加到媒体库,以便它出现在可用图像按钮列表中。另一种选择是通过插入自定义 URL 添加图像。

设置所有插件选项和选择图像按钮时,请务必单击“保存更改”。

使用 GP Back To Top 插件

如果您不喜欢具有无数设置的插件,并且更喜欢简单直接的方法,那么 GB Back To Top 插件适合你。

安装后即可通过转到仪表板中的设置 > GP 返回顶部来访问它。

我们已经强调过了这样,GP 插件的设置就很容易使用。但最重要的是,插件本身运行良好。只有设置允许您调整按钮大小、字体大小和背景颜色等选项。

在页面中实现返回顶部按钮后,如下所示:

我们希望这篇文章对您有所帮助。如果您喜欢,请随时查看其中的一些文章!

  • 了解如何添加视差效果
  • 在 WordPress 边栏中包含什么
  • 如何在 WordPress 中嵌入 YouTube 视频 – 经典编辑器和古腾堡
    • li>