注意:Sticky Header 功能是 Astra Pro Addon 插件的一部分。要使用此功能,请确保您的 WordPress 网站上安装了 Astra 主题和 Astra Pro Addon。
什么是粘性标题?
Astra 中的粘性标题功能允许您在用户滚动时将标题固定在网页顶部,从而快速访问菜单。
就好像无论您在页面上的什么位置,菜单都触手可及。
激活粘性标题的快速步骤
- 安装并激活Astra Pro Addon 插件。
- 从 WordPress 仪表板中的 Astra 选项激活 Sticky Header 模块。
- 在 WordPress 定制器中的“外观” > “自定义” > “标头生成器” > “粘性标头”下自定义粘性标头模块设置。
有关更多详细信息,请查看以下步骤。
激活粘性标题模块
- 从Astra >仪表板激活 Sticky Header 模块。
- 访问设置:Astra >自定义> Header Builder > Sticky Header。
粘性标题设置
以下是一些您可以尝试的粘性标题设置。
坚持主要标题
此设置将您的网站的主标题固定在顶部。
粘贴在标题部分的上方和下方
在您的设置中,有两个关键区域 -上方标题和下方标题。
上方标题是主标题上方的上部,您可以在其中展示按钮、菜单和其他内容。
标题下方位于主标题的正下方,为额外的菜单、搜索栏和小部件提供了空间。
注意:请确保您已从Astra Pro 仪表板激活Header Sections 模块才能看到这些选项。
更改粘性徽标和宽度选项
粘性标题的不同徽标
这允许您为粘性标题选择与站点徽标不同的徽标。如果您想使用与站点徽标相同的徽标,请将此项留空。
添加粘性 Retina 徽标
您可以上传常规徽标和视网膜徽标,以确保它们在高质量屏幕上看起来清晰。
粘性徽标宽度
您可以使用此滑块轻松调整这些徽标的宽度。
如果您打开Astra Pro 中的颜色和背景模块,并在Astra >自定义>页眉生成器>粘性页眉中为页眉选择背景颜色,则该颜色将自动延续到粘性页眉。
在这种情况下,您可以使用粘性背景不透明度选项来管理背景颜色的不透明度。
添加收缩效果
点击启用收缩效果选项以使用此功能。这会缩小粘性标题的尺寸,以便在向下滚动时显示更紧凑。
当您的主标题高度很大,而您想在转换为粘性标题时将其变小时,此功能很有用。
添加动画效果
将动画效果应用于粘性标题条目。
向下滚动时隐藏固定标题
此选项仅在读者向下滚动时隐藏粘性标题。向上滚动时,粘性标题会再次出现。
此选项必须与Stick Primary Header选项一起启用。
显示选项
前往“启用”部分以在桌面、移动设备或两者上显示粘性标题。
使用 CSS 进行定制
注意:默认情况下,粘性标题会出现阴影。要删除默认阴影效果,请添加此自定义 CSS:
#ast-fixed-header .main-header-bar {
box-shadow: unset;
}