魏艾斯笔记Astra 页脚生成器是在 Astra 中设计页脚的快捷方法。页脚是显示在你网站底部的区域，虽然是访客最后看到的区域。但很重要。页脚的内容表现可以对用户存留率、转化率、订阅等方面都会有一定影响。魏艾斯笔记在本文中分享如何使用 Astra 页脚生成器（Header Footer Builder）快速构建网站页脚部分。
前面老魏分享过 Astra主题页眉生成器如何使用，页眉页脚是网站的重要组成部分，希望大家能好好设计。
Astra主题低至37折，Pro版本 $47/年，立即登录 参与新年优惠活动！更多Astra主题内容请看 Astra专题
学习、小网站选择 1核2g配置的服务器起步，国外主题建站选择 2核4g配置，适当搭配运行流畅。
国内服务器：阿里云、腾讯云（都有代金券，付款时抵用省钱） 不知道如何选择地域、配置请在页面右侧+老魏的联系方式，我们一起研究。
长期运行外贸网站选择Hostinger虚拟主机，WordPress网站速度、稳定性都很棒，性价比极高！
关于 hostinger：hostinger专题
对于外贸网站（公司网站、企业网站）来说，网站页脚一般放的是部分关键信息，比如公司详情、部分产品链接、公司新闻（博客）、联系信息、社交媒体链接等。也可以放回到顶部的快捷按钮。
1、Astra 页脚生成器在哪里
安装 Astra 主题后，定位到 WordPress后台 > 外观 > Astra，右侧看到定制器设置链接：页脚生成器，点击进入。
也可以在外观>自定义中看到。
2、Astra主题页脚生成器介绍
Astra主题页脚生成器包含3个设计区域如下：
- 可视页脚生成器：从布局上看有上方页脚、主页脚和下方页脚。
- 常规选项卡：General，设置菜单布局方式和菜单项对齐方式。
- 设计选项卡：Design，设置文本和背景颜色、菜单字体大小、菜单间距和边距。
- 以上选项都可以为PC端和移动端单独设计及选择是否隐藏元素不显示。
如下图所示常规选项卡中有三个部分，分别对应了可视合脚生成器的两行位置。
可以根据需要自由拖拽到任意位置，然后从上面的可视化界面中立即看到前台页面的效果，是不是很方便！
3、可视页脚生成器
如下图所示每一行中已有的元素都对应着上面可视化区域中的相应位置。
可以自由拖拽移动位置，也可以在每行的空白区域点击，弹窗中的小部件也能自由添加到三行当中。比如按钮、HTML、页脚菜单、小部件、社交、版权等超多元素。
至于添加后的小部件属性设置，就在上图中的常规选项卡（General ）和设计选项卡（Design）
4、常规选项卡和设计选项卡
主要用于为上方页脚、主页脚和下方页脚提供属性配置。
- 点击每一行左侧的小齿轮图标可以进入当前行的属性设置。
- 点击每个页脚元素的名字就能进入内容设置选项，同样的可以在左侧 General 找到并点击对应元素属性。
5、Astra 主题和 Astra Pro 的页脚生成器元素
Astra 主题和 Astra Pro插件对应的页脚元素并不相同。
以下是 Astra 主题和 Astra Pro 可用的页脚元素列表：
Astra主题
- 版权
- HTML 1
- HTML 2
- 小部件 1
- 小部件 2
- 小部件 3
- 小部件 4
- 社交媒体链接
- 页脚菜单
而Astra Pro插件还额外提供了以下元素：
- 按钮 1
- 按钮 2
- 额外的页脚布局和列
- 还可以增加页脚构建器中的元素数量。比如为 HTML、小部件和社交元素添加多个元素（更多数量）。