在使用WordPress建站时,默认的アストラのテーマ标头和页脚可能无法满足您对网站外观的所有需求。幸运的是,通过elmentor,您可以轻松创建和定制自己的标头和页脚。本篇文章将详细介绍如何在elmentor中生成这些自定义部分,并替换掉アストラのテーマ的默认设置,为您的网站注入更多个性化元素。
我们需要先进入到Edit with Elementor编辑页面
![图片[1]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083003351328.png)
点击如上图的符号,进入全局设置
![图片[2]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083003363680.png)
再点击Theme Builder(主题生成器),可以进入elmentor的部件生成器界面
![图片[3]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083003391748.png)
你可以编辑标头和页脚,以及单品或者其他的页面,如果需要更多的自定义以及DIY这个就很适合你
![图片[4]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083003410262.png)
我们先添加一个标头,如上图
![图片[5]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083003421830.png)
选择一个你喜欢的布局,具体的细节都可以改的
![图片[6]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083003440264.png)
点击Insert, 先下载,我们会得到一个标题的界面,如下图
![图片[7]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083005502181.png)
然后我们可以更改logo和菜单以及右边的社交
![图片[8]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083005560871.png)
![图片[9]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083005574380.png)
当然你也可以添加新的模块,但要注意每个设备间的适配问题
![图片[10]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083006015357.png)
![图片[11]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083006030764.png)
![图片[12]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083006031812.png)
查看是否协调,特别是手机端
然后全部设置调整好后就可以设置显示条件了,如果没有设置的话,会优先显示Astro主题的,如下图
如果您直接点击保存也回弹出窗口让你设置显示条件的,这只是一种自己调整的方式
![图片[13]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083006055239.png)
Display Conditions(显示条件),在左侧保存的更多的栏目
![图片[14]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083006070088.png)
然后我们点击Add Condition,继续设置条件
![图片[15]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083006083171.png)
![图片[16]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083006090526.png)
可以选择Entire Site(整个网站)或者Archives或者Singular(其实不同类型的页面)
![图片[17]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083006114712.png)
单个建议选择Singular,设置的选项会更多,也更完善,最终根据大家的效果设置就行啦
然后点击保存Save & Close
![图片[18]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083006135568.png)
现在设置的是整个网站展示,所以会替换主题的页眉效果
如果我们需要删除的话,也是有两种方法可以删除
1,重复先前进入主题生成器(Theme Builder)的步骤,进入后
![图片[19]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083006220364.png)
![图片[20]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083006222816.png)
如上图,直接删除即可
2,进入网站后端,找到elmentor模版(Templates)
![图片[21]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083006242718.png)
![图片[22]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083006252025.png)
点击删除即可,模版不多的话,还比较容易找到,建议设置好每一个模版的名称,以便查找
同理,创建页脚的步骤也是一样的
![图片[23]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083006274212.png)
![图片[24]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083006293249.png)
替换掉成你的内容,或者栏目不够的在添加一个容器,也就是一列都是可以的,还有版权信息等等
![图片[25]-如何使用Elementor创建自定义标头和页脚:一步步指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083006310075.png)
添加你需要的模块,记得查看每个设备的界面是否协调
然后保持设置需要的条件就完成了,是不是很简单
但如果有Astra主题的话,不建议使用elmentor的自定义生成器,因为主题的会更好用,这种比较适合没有没有好的主题或者只有elmentor的玩家,而且对于elmentor有一定的熟练度,否则可能会和主题有冲突,你可能需要更多时间来排查
概要
通过上述步骤,您已经掌握了如何使用Elementor创建和定制标头与页脚。虽然Astra主题提供了不错的默认设置,但对于希望个性化网站设计的用户来说,Elementor的自定义生成器无疑是一个强大的工具。在下一期,我们将继续探讨更多Astra主题与Elementor的结合使用技巧,帮助您更好地优化网站的设计与功能。
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/18015この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし