如何在Astra主题中添加顶栏

如何在Astra主题中添加顶栏？

　　在浏览别人的网站时，有些网站会在菜单栏的顶部显示一栏，可以放置登录，购物车，联系方式等内容，使用WordPress建站也可以实现，有些主题会带有这个功能，而有些则需要注册小部件来实现，而 Astra主题就带有这个功能。

　　想要使用 Astra 主题在您的网站上添加顶部标题栏吗？本文，晓得博客为你介绍怎么在Astra主题中添加顶栏。

　　推荐：如何隐藏WordPress页面顶部管理栏

Astra免费主题中添加顶栏

　　Astra主题 是一个漂亮的 WordPress主题，可用于投资组合、博客、企业、在线商店等。免费版本已在超过百万个网站上使用，它对 Elementor页面构建器插件 提供了惊人的支持，能够导入数十种高质量的网站设计，让您只需单击一个按钮即可转换您的网站。

　　以下是在 Astra 主题中添加顶栏的步骤：

　　登录WordPress网站，在仪表盘中点击“ 外观 ”->“ 自定义 ”->“ 页眉生成器 ”，在Astra Pro 4.0+版本中，可在仪表盘中直接点击“Astra”->”Dashbord”->“Blog Options博客选项”->”页眉生成器 “（2023.1.14更新）。

　　在右侧可以看到 Astra 的页眉生成器，点击“+”，就可以看到 Button 按钮，HTML，Widget 小部件，搜索，社交媒体，二级菜单等等。

　　一般情况下，会选择 HTML 和 Widget ，这里面可以填写文字，链接等等。

　　完成后，检查没问题，就可以发布您的更改。

　　注意：可添加的HTML、Widget不可重复使用，

Astra Pro添加顶部标题栏

　　使用 Astra Pro 添加顶部标题栏时，首先要安装并激活 Astra Pro 插件。转到您网站的前端，然后单击顶部WordPress仪表盘管理栏的自定义链接。

　　设置步骤与 Astra 免费主题一样，只是多了一些选项按钮，然后单击发布按钮以发布您的更改。除此之外，Astra Pro 插件还提供了许多设计选项。

　　推荐：如何给Astra主题菜单栏添加搜索栏

添加CSS设置样式

　　在顶栏添加需要的元素后，您可能需要对添加的内容样式进行处理，以下是晓得博客对背景和字体的设置，您也可以根据添加的内容来设置不同的样式，包括字体、链接、文本等等。

.ast-above-header.ast-above-header-bar {
    background-color:#F0F8FF ;
    color:red;
}

　　注意：Astra添加顶栏后，可以在” Design “设置一些简单参数，如果不能满足你的需求，可以添加CSS代码来自定义。

Astra主题添加顶栏效果

　　Astra添加顶栏效果如下图所示，当然也可以添加其他的资讯，包括但不限于按钮，文字等等。

总结

　　以上是晓得博客为你介绍的怎么在Astra主题中添加顶栏的全部内容，探索所有这些以在没有任何代码的情况下构建您的网站，也是学习WordPress建站的必经之路。

　　推荐：Astra主题建站教程