Elementor 的每一位免费用户最终都会撞到同一面墙,你可以整天设计页面,但当你尝试更改页眉或页脚的那一刻,Elementor 就会将你指向一个 Pro 订阅站点中每个页面上显示的部分,徽标,导航,页脚列,无论你的主题决定它们应该是什么样子,都保持卡住状态。
有一种方法不涉及支付 Elementor Pro 或编写一行 PHP。 主插件主题生成器 elementor 主题构建器免费为您提供标题、页脚、单帖布局、存档、搜索结果、404 页,甚至评论表单,您使用您已经使用的相同 Elementor 编辑器进行设计,设置显示条件,然后它们将接管您的主题。
Test it proper,我为一个管道业务站点构建了一个完整的自定义头页脚,下面的每个屏幕截图都来自那个构建,最后我会诚实地给大家读一读它如何与 Elementor Pro 自己的主题构建器进行堆叠。
Elementor 中的主题构建器是什么?
WordPress站点的模板部分,主题通常控制的片段,使用可视化编辑器而不是主题文件,您的主题决定您的头,页脚,博客文章布局和404页面的样子,主题构建器用您在Elementor中自己设计的模板替换那些主题编码的部分,然后自动将它们应用到您的站点上。
这种区别比听起来更重要。页面构建者编辑内容 里面 a 页。主题构建器编辑框架 左右 every page。没有一个,你精心设计的Elementor页面就坐落在你无法控制的页眉和页脚之间。
Elementor本身,那项能力是要花钱的,免费版本的Elementor根本没有主题构建器;你需要 元素专业版售价为 59 美元/年,一个网站起价。Master Addons 在免费插件中包含其主题生成器,您可以从该插件中获取 WordPress.org 插件目录.
使用主插件主题生成器可以构建什么
Theme Builder 涵盖了七种模板类型, 每种模板类型都取代了主题通常保留给自己的网站的一部分:
| 模板类型 | 它取代什么 |
|---|---|
| 标头 | 您的主题标题:徽标、导航菜单、顶部栏、CTA 按钮 |
| 脚踏车 | 您的主题页脚:链接列、联系信息、版权栏 |
| 单身 | 个别帖子和页面的布局:标题、特色图像、内容、作者框 |
| 存档 | 类别、标签和作者列表页面 |
| 搜索 | 的搜索结果页面 |
| 404 页 | 默认的“页面未找到”屏幕 |
| 评论表 | 您帖子下的评论部分 |
对于大多数站点来说,前两个是实际收益所在,所以这就是我们将构建的。其他五种类型的过程是相同的;只有您选择的模板类型会发生变化。
如何免费在 Elementor 中创建自定义标头
您需要安装 Elementor(免费)和 Master Addons(免费)并处于活动状态。如果该插件对您来说是新的,则 安装指南 覆盖设置大约两分钟。
1步:打开主题生成器并添加新模板
在您的 WordPress 仪表板中,转到 主插件 → 主题生成器。屏幕列出了您创建的每个模板,并带有按类型过滤的选项卡:标头,页脚,评论,单,存档,搜索和404页。在新安装上它是空的。
单击 添加新模板.
2步:命名模板并选择标头类型
"常规"和"条件"两个选项卡打开设置窗口, 在"常规"选项卡上, 给模板一个标题(类似“Header”这样明显的东西), 设置 模板类型 到 标头并且翻转 激活 到 上 因此,模板在您发布时就会上线。
单击 使用元素器编辑 模板在您已经知道的编辑器中以空白画布形式打开。
第 3 步:从头开始设计或从模板开始
Elementor从这里开始是常规的。拖动容器, 站点标志, 导航菜单, 按钮, 并像其他任何页面一样风格。没有什么新的东西可以学习。
如果您不想从零开始,请打开 Elementor 库并拉入现成的设计。保存的站点模板显示在这里,并且 主插件模板库 添加预先构建的页眉、页脚和可一键插入的完整部分。 模板套件 更进一步,包括整个站点的匹配标头和页脚设计,这就是我用于管道建设的内容。
Insert 后几秒钟,头就坐到了编辑器里:顶部栏,上面有电话号码和社交图标,左边是logo,中间是菜单,右边是“请求一个免费通话”按钮,每一块都保持可编辑,交换自己的logo、菜单项和品牌颜色是快捷的部分。
4步:发布并检查前端
击 发表(site),然后打开你的网站,主题旧的标题已经不见了,你的设计现在坐在每个页面之上,首页,内页,博客文章,所有一个模板,全站应用,以及你以后一次性到处更新的任何编辑。
希望在访问者滚动时保持头部可见?这是一个单独的技巧,并且 elementor 指南中的粘性标头 显示如何将其叠加在您刚刚构建的内容之上。
如何在 Elementor 中构建自定义页脚
脚踏车遵循完全相同的路径: 添加新模板、命名为“主页脚”, 类型设置为 脚踏车打开激活,然后在 Elementor 中打开它。
对于管道站点,我采用了经典的四列布局:左侧是品牌简介和版权,然后是带有联系方式和开放时间的页面、公司信息和位置列。再次,在主题构建器模板内使用库存 Elementor 小部件构建,没有触摸主题文件。
Publish, 并且页脚出现在网站每个页面的底部:
如果您来自一个主题,其中页脚是一个僵化的小部件区域,那么区别在于夜晚和白天。有关页脚特定选项的更深入的演练,请参阅 如何使用 Elementor 在 WordPress 中编辑页脚.
显示条件:控制模板出现的确切位置
默认情况下,模板适用于整个站点。这是一个起点,而不是限制。回到主题构建器列表中,每个模板都显示其状态和条件,并且一个 编辑条件 link 打开规则面板。
条件选项卡提出一个问题:您想在哪里显示模板?每个规则对一个 包括 或 排除 with a target, 整个站点, 帖子,页面, 特定单数, 您的保存模板, 甚至是主插件弹出窗口。用您需要的尽可能多的规则堆叠 添加条件.
客户工作中不断出现的一些组合:
- 着陆页: Include > 整个网站,然后排除销售页面,这样它就可以无干扰地运行,根本没有标头。
- 每个部分不同的标题: 营销网站的完整标题,更苗条的标题仅包含在博客文章中。
- 季节性页脚: 在商店页面上的促销页脚中交换,并保持网站的其余部分不变。
这是将“I 将我的头”转换为“I 控制我网站的布局”的部分。同样的条件逻辑为 主插件弹出生成器的,所以一旦学会了,你就到处学到了。
Master Addons 主题构建器与 Elementor Pro:诚实的比较
Elementor Pro 的主题构建器非常出色, 假装不然会很傻, 这两者实际上是如何堆叠起来的:
| 能力 | 元素师免费 | 元素专业版 | 主插件(免费增值) |
|---|---|---|---|
| 自定义标头构建器 | 否 | 是的 | 是的 |
| 自定义页脚构建器 | 否 | 是的 | 是的 |
| 单帖模板 | 否 | 是的 | 是的 |
| 存档和搜索模板 | 否 | 是的 | 是的 |
| 404个页面模板 | 否 | 是的 | 是的 |
| 评论表单造型 | 否 | 否 | 是的 |
| 显示条件 | 否 | 是的 | 是(包括/排除规则) |
| WooCommerce 产品模板 | 否 | 是的 | 否 |
| 动态内容标签 | 否 | 广泛 | 通过动态标签扩展 |
| 价格 | 0美元 | 59美元/年起 | 0美元,至39美元 |
诚实的阅读:如果您需要深层 WooCommerce 主题构建,Elementor Pro 就会赚取价格。对于模板,绝大多数网站实际上都是自定义的、标题、页脚、帖子布局、档案和 404 页,免费的 Master Addons 主题构建器涵盖了这项工作,并且它是两者中唯一具有评论表单构建器的 Master Addons Pro 层 存在是为了更广泛的小部件和扩展库,而不是解锁保持免费的主题生成器。
构建之前的三个技巧
- 模板在主题开关中幸存下来。 您的页眉和页脚生活在主插件中,而不是在主题中,因此稍后更改主题不会压平您的设计。将主题生成器与 Hello 和 Elementor 等最小主题配对,有效地控制整个站点。
- 使用短代码进行奇怪的放置。 Theme Builder 列表中的每个模板都有一个短代码,当您想要小部件区域或非元素页面内设计块时,它会很方便。
- 当速度很重要时,从套件开始。 本指南中的页眉和页脚来自模板套件,并在几分钟内重新命名。对于客户工作来说,这就是下午和计费周的区别。
常见问题
我可以在 Elementor 中使用没有 Pro 的主题构建器吗?
是的。Elementor 免费版没有主题构建器,但免费的 Master Addons 插件添加了一个。它允许您与标准 Elementor 编辑器构建自定义标头、页脚、单帖布局、存档、搜索页面、404 页和评论表单。
如何免费在 Elementor 中创建自定义标头?
安装 Elementor 和 Master Addons,转到 Master Addons,然后转到主题生成器,然后单击"添加新模板"。将类型设置为 Header,打开激活,在 Elementor 中设计标头,然后发布。它会替换您全站主题的标头。
我的自定义页眉和页脚可以与任何主题配合使用吗?
WordPress 标准主题,并自动替换主题自己的标头和页脚,它们也能够存活在主题切换中,因为模板是由插件存储的,而不是主题文件内部。
我可以在不同的页面上显示不同的标题吗?
Yes。每个模板都有包含和排除规则的显示条件,您可以将一个标头应用于整个站点,排除着陆页面,或者创建仅出现在博客文章或特定页面上的第二个标头。
Master Addons 主题生成器真的免费吗?
是主题生成器,包括所有七种模板类型和显示条件,在 WordPress。org 上提供的免费插件中发货。Master Addons Pro 添加了更多小部件和扩展,但主题构建不需要。
相关阅读
