为Astra主题添加回到顶部按钮的方法

为Astra主题添加回到顶部按钮,确保已经安装了Astra Pro Addon插件,在自定义里面设置就可以了。具体方法如下:

1、进入Astra主题选项里面,激活滚动到顶部的功能。

激活滚动到顶部的功能

2、点击进入主题自定义,选择Global-Scroll To Top,设置显示的位置和颜色。

打开主题自定义面板,依次选择 Global – Scroll To Top,进入到返回顶部按钮设置选项。

按钮设置

在这里,你可以调整它的位置、大小、圆角、颜色、背景等的样式,将其制作成适合自己的网站风格的按钮。

1、图标大小–允许您设置图标字体的大小。
2、图标背景半径–以此为图标背景应用圆角边框。
3、图标颜色–允许您设置图标字体颜色
4、图标背景颜色–允许您设置图标的背景颜色。
5、图标悬停颜色–允许您在悬停时设置图标字体颜色。
6、图标悬停背景颜色–允许您在悬停时设置图标背景颜色。

成功实现添加回到顶部按钮的功能

当然,你也可以直接使用插件实现回到顶部的功能。这里,推荐Scroll Top插件。下载安装插件以后,设置也比较简单。

 

Scroll Top插件设置

Scroll Top件将使自定义和灵活回到顶部按钮到你的WordPress网站。它允许你的访问者轻松地滚动回你的页面顶部。您将获得无限的颜色选择、图标字体和视网膜等功能。

功能包括:

  • 不需要设置。
  • 自定义目标。
  • 颜色不限。
  • 视网膜支持(图标字体)。
  • 选择文本或图标字体。
  • 可自定义的文本。
  • 位置切换器(左或右)。
  • 换个自己喜欢的动画。
  • 自定义CSS区域