专注于外贸建站,分享WordPress教程和Elementor教程

Astra主题:如何设计页头和页脚

更新日期:2024-01-13
同系列教程
加入读者学习群
我用的页面编辑器
让我的客户网站GTmetrix测分A\A的主机Cloudways
独家优惠前3个月7折, 戳上方按钮注册即可自动带入优惠码LOYSEO
所赠主题插件价值>$49
主机送Astra Pro不限站点1年
gmail.comsina.com邮箱,注册易通过
遇到问题,联系我
来开通 SEO工具20+

Astra页头页脚编辑器是在 Astra 3.0版本之后,用于设计网站页头和页脚的新方法。

视频中的Astra使用的是付费版Astra Pro,如果你在编辑页头或页脚时,发现某些元素无法找到或无法使用,那多是因为它是付费版才有的功能,请购买Astra付费版即可使用。

如果想完全定制页头页脚,推荐使用Elementor Pro(付费版)制作页头页脚,具体可查看下方教程。

如何进入Astra页头页脚编辑器

安装 Astra 主题(3.0.0 及更高版本)后,前往外观 > Astra 选项页面。在这里,您可以看到一个小通知和一个显示“使用新页眉/页脚生成器”的按钮。

进入Astra页头编辑器

单击按钮开始使用“新页眉/页脚生成器”进行设计。

然后通过单击“前往定制器/go to customizer”访问定制器。进入定制器后,您将看到 Header Builder(页头编辑器) 和 Footer Builder(页脚编辑器) 的选项。

Astra主题的页头和页脚编辑器

Astra主题如何编辑页头

页头编辑器的功能包含:

  • 可视化的页头编辑器,由上到下分为三栏,无内容的栏目就不展示。
  • 常规设置
  • 样式设置

您可以在可视化编辑区域(visual builder),添加和管理页头元素,并从“常规”和“设计”选项卡中,修改相应的配置。

Astra主题页头编辑器的功能配置

您可以单击加号,以添加不同的页头元素,譬如:按钮、HTML、小部件、社交、主菜单、辅助菜单;

您可以将元素拖放到不同的部分以将它们放置在所需的位置。

点击每个页头元素,便可以对它们进行详细的设置。

点击左下角的设备图标,便可以切换到平板端和移动端对页头进行设置,你需要为它们设置canvas菜单和toggle按钮,以实现在移动端或平板端上展开菜单的功能。

而页脚的编辑方法与页头无异,此处不做赘述。

点赞
0 / 5 0

Your page rank:

外贸建站技术姐Bonnie
外贸建站技术姐Bonnie

Bonnie是LOYSEO的创始人,在建站领域有着超过14年的经验,热爱能将想法变为现实的WordPress,更是Elementor的忠实用户~

让我的客户网站GTmetrix测分A\A的主机Cloudways
独家优惠前3个月7折, 戳上方按钮注册即可自动带入优惠码LOYSEO
所赠主题插件价值>$49
主机送Astra Pro不限站点1年
gmail.comsina.com邮箱,注册易通过
遇到问题,联系我
来开通 SEO工具20+