如何在Astra主题中添加顶栏

如何在Astra主题中添加顶栏

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

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

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

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

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

Astra免费主题中添加顶栏

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

Astra主题添加顶部标题栏
如何在Astra主题中添加顶栏

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

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

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

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

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

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

  注意:可添加的HTML、Widget不可重复使用,

Astra Pro添加顶部标题栏

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

Astra-Pro添加顶部标题栏.
如何在Astra主题中添加顶栏

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

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

添加CSS设置样式

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

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

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

Astra主题添加顶栏效果

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

Astra主题添加顶栏效果
如何在Astra主题中添加顶栏

总结

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

  推荐:Astra主题建站教程

给文章评分

晓得博客,版权所有丨如未注明,均为原创
晓得博客 » 如何在Astra主题中添加顶栏

转载请保留链接:https://www.pythonthree.com/how-to-add-top-bar-in-astra-theme/

Claude、Netflix、Midjourney、Chatgpt Plus账号购买,ChatGPT API购买,优惠码XDBK,用户购买的时候输入优惠码可以打95折

Chatgpt-Plus注册购买共享账号
Kinsta-free-hosting主机
Kinsta-free-hosting主机
Elementor可视化创建WordPress网站
Elementor可视化创建WordPress网站
滚动至顶部