当前位置:网站首页 > WordPress教程 > 正文
Astra主题自定义布局页头和页脚的方法
作者:98wpeu发布时间:2026-03-06分类:WordPress教程浏览:286
导读:如何使用Astra创建一个不一样的网站页头和页脚内容呢?方法很简单,跟着一起来操作吧。常规设计页眉页脚方法Astra默认的带有页眉页脚编辑器,可以通过主题自定义功能来进行设计。点击...
如何使用Astra创建一个不一样的网站页头和页脚内容呢?方法很简单,跟着一起来操作吧。
常规设计页眉页脚方法
Astra默认的带有页眉页脚编辑器,可以通过主题自定义功能来进行设计。

点击网站的自定义,然后就可以看到有页眉和页脚的设置入口,默认的页眉带有上中下3个设计区域,需要什么功能模块儿就添加到对应的位置,然后进行内容设置就可以了。
使用Elementor来设计页眉页脚
使用Elementor来设计Astra主题的页眉页脚有3种方式:
1、利用Astra Pro自带的Site Builder功能

如果你购买了Astra Pro,那么在网站后台Astra菜单里面有一个Site Bulider,点击进去后可以自行选择你需要设计的模板,例如header和Footer。
然后就可以选择使用Elementor编辑,如果没有看到Elementor编辑器入口,那么需要自行到Elementor的设置里面勾选权限,如下图:

如果你需要购买Astra Pro,可以联系低于官方价格购买。
2、使用Elementor Pro设计页眉页脚
如果你没有购买Astra Pro,但是购买了Elementor Pro,那么你可以通过Elementor Pro的Theme builder来制作页眉页脚。
如果你需要购买Elementor Pro,可以到的小店低于官方价格购买。
3、使用免费插件设计页眉页脚
如果你不想额外花钱,那么也可以通过安装免费的Ultimate Addons for Elementor(也是Astra团队开发的)
其他一些Elementor扩展插件也支持页眉页脚的创建,例如:ElementsKit Elementor Addons and Templates
相关推荐
- vue开发TIPS:vue-cli中实现响应式布局 - Web前端
- 使用JavaScript的不可变数组方法编写更干净的代码 - Web前端
- React开发:分享几种事件绑定this指向的方法 - Web前端
- 对于后台返回json数据处理:总结一些常用的方法 - Web前端
- 原生JavaScript开发TIPS:继承的三种方法 - Web前端
- Javascript:分享点击链接跳转页面与打开新窗口的一些方法 - Web前端
- 关于在运行PowerShell时,出现的错误提示【尝试新的跨平台 PowerShell https://aka.ms/pscore6】的处理方法 - Web前端
- vue开发:聊聊自定义指令基础知识以及在具体项目的应用 - Web前端
- 微软正在添加另一种使用在线服务体验包更新 Windows 11 的方法 - Web前端
- 了解JavaScript es6的五大数组方法:forEach()、arr.filter()、arr.every()、arr.map()和arr.some() - Web前端
- WordPress教程排行
- 最近发表
-
- WordPress随机显示特色图片插件:Random Post Thumbnails
- KeePass实现Chrome浏览器自动填充密码方法一
- LNMP一键包nginx 301强制跳转到https教程
- KeePass实现Chrome浏览器自动填充密码方法二
- #建站# 免费的VPS管理软件Xshell8/Xftp8中文版下载
- 使用Xshell 8连接VPS教程_电脑登录vps的方法
- WordPress评论界面添加烟花????效果
- 不同浏览器书签同步方案:坚果云+Floccus_详细使用教程
- iOS端KeePassXC客户端APP:Strongbox Password Safe
- 给WordPress评论中的Gravatar头像图片添加ALT属性


