Astra主题如何编辑页眉页脚?快速创建网站Header & Footer

Astra主题如何编辑页眉页脚?快速创建网站Header & Footer
本篇文章分享Astra主题如何编辑页眉页脚,通过Astra预设的元素快速创建网站Header & Footer。
文章目录

本篇文章共 702 字,预计阅读时间 3 分钟

Astra主题如何编辑页眉页脚?

Astra主题自带了页眉页脚(Header & Footer)编辑功能,可以直接使用Astra预设的元素填充页眉或者页脚的内容。

还能添加古腾堡小工具(widget)到页眉或者页脚,自定义程度还是挺高的。

如果你对页眉页脚的样式、布局要求比较高,也可以使用Elementor制作完全自定样式的页眉页脚

Astra页眉(Header)生成器

进入WP后台 – 外观 – 自定义页面:

Astra主题自定义界面-左侧导航栏

再左侧菜单栏里找到“页眉生成器”点击进入。

在页眉生成器页面下方有三个栏目:

Astra页眉生成器设置界面

点击栏目内的加号可以添加不同的元素,比如如:logo、菜单、社媒按钮等。

添加元素到页眉

还可以添加一个“HTML”元素,自定义文本或者代码内容,比如添加一个折扣提醒在导航栏最上方。

设置页眉高度

点击对应栏目左侧的设置按钮,可以设置该栏目的高度。

切换到“Design”可以调整该栏目的背景色、边框、间距等样式和布局:

设置页眉背景色、边距、边框

下图是Well设置的页眉:

页眉效果展示

Astra页脚(Footer)生成器

还是在自定义页面,点击左侧菜单中的“页脚生成器”:

Astra主题页脚生成器

进入页脚生成器界面,底部同样出现三个栏目:

给页脚添加元素

可以在对应栏目里添加需要的元素,点击栏目左侧的设置按钮可以设置该页脚栏目的样式和布局。

下图是Well设置的Astra页脚:

页脚效果展示

以上就是Astra主题设置页眉页脚的全部内容。

更多WordPress教程请关注:WordPress进阶教程

 

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
外贸服务器推荐(Well在用的服务器)
vultr-logo
一线品牌VPS服务器,稳定、不贵、性能强
Clouvider-logo
二线品牌VPS服务器,稳定、便宜、性能强
文章标签
文章推荐
文章目录
相关文章
简体中文