WordPress知识分享

WordPress返回顶部按钮插件 WPFront Scroll Top

WPFront Scroll TopWordPress返回顶部按钮插件,帮助网站访客一键快速回到页面顶部,并提供可定制选项和图标。很多主题不提供一键返回页面顶部功能,如果需要这个功能使用 WPFront Scroll Top插件就能轻松实现了。

1、返回顶部按钮是什么

解决当前页面内容很多、很长的时候,访问者需要向上拖动或滚动很久才能回到页面顶部的问题。通过在页面底部添加一个快捷返回按钮,可以一键回到页面顶部。

返回顶部按钮的表现形式:多数时候是向上的箭头,top 或 go to top 文字等形式。

2、WPFront Scroll Top安装

在 WordPress后台 > 插件 > 添加插件,搜索“WPFront Scroll Top”。

WPFront Scroll Top安装

安装并启用。

如果国内网站无法顺利安装,就要手动去下载并上传到插件目录,解压缩即可。

3、WPFront Scroll Top特点

  • 当用户向下滚动页面时显示按钮
  • 使用动画将页面滚动回顶部
  • 链接到页面内的元素
  • 使用 URL 链接到不同的页面
  • 创建文本、图像或字体按钮
  • 设置你想要的任何图像
  • 隐藏在小型设备上
  • 隐藏在 iframe 上
  • 页面/帖子过滤器
  • 自动隐藏
  • 异步加载 JavaScript

4、 WPFront Scroll Top 设置

在 WordPress后台 > 设置中点击“滚动到顶部”进入设置页面。

  • 勾选启用,勾选 Java 异步。
  • 设置按钮样式、是否自动隐藏。
  • 按钮样式:可选图像、文本、字体等。
  • 可选显示位置。
  • 可选在哪些页面中显示。
  • 图标或者文字,图片还有alt属性。
WPFront Scroll Top 设置

点击“保存更改”按钮。

5、前台页面测试

这时候随便打开一个前台页面,下拉后在右下角看到返回顶部按钮,点击测试成功即可。

对于不提供一键返回功能的主题,如果你确实需要这个功能就可以用 WPFront Scroll Top插件轻松完成。结合超多的可设置参数,可以实现很漂亮的效果,甚至可以用文字、字体等实现功能。

赞(0)
文章名称:《WordPress返回顶部按钮插件 WPFront Scroll Top》
文章链接:https://www.vpsss.net/26769.html
版权声明:本站资源仅供个人学习交流,禁止转载,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。