滚动到顶部功能
滚动到页面顶部功能的主要作用是在用户滑动到页面底部后,一键即可瞬间返回顶部,方便重新查看导航栏、菜单或页面开头的内容。
特别在长页面或移动端浏览网站的时候,反复手动滑动上去很累,一键滚动到顶部可以提升用户体验。
本篇文章介绍Astra主题的滚动到顶部功能,其他主题可以参考使用Elementor制作滚动到顶部功能。
开启Astra主题滚动顶部功能
在WordPress后台,点击”外观” – “自定义” ↓

再在自定义界面里点击进入“总体”菜单 ↓

“总体”菜单中找到“滚动到顶部”菜单,点击进入 ↓

显示设置
首先要开启“启用滚动到顶部”右侧的按钮,就可以激活该功能 ↓

下方还可以设置在哪些设备上显示滚动到顶部按钮,分别是:桌面端、移动端、桌面端+移动端。
在“位置”设置中可以控制按钮显示在页面的“左侧”还是“右侧”。
最下方图标大小控制按钮里图标的尺寸。
样式设置
点击菜单上方的“DESIGN”进入按钮样式设置界面 ↓

图标颜色:有两个色块设置,分别控制图标正常情况下的颜色和鼠标悬停时候的颜色。
背景颜色:有两个色块设置,分别控制按钮正常情况下的颜色和鼠标悬停时候的颜色。
边框圆角:控制按钮四个角的圆润度。
下图就是滚动到顶部按钮:

以上就是滚动到页面顶部功能的全部内容。点击查看更多Astra教程。