如何使用 Elementor 创建自定义页眉和页脚

不喜欢您当前的 WordPress 主题如何处理其主要页眉或页脚? 用 Elementor 定制它怎么样? 在本指南中,我们将逐步告诉您如何使用 Elementor 创建自定义页眉和页脚,并且无需任何编码技能。 🤓

为什么选择元素?

Elementor 是我们最喜欢的 WordPress 页面构建器插件,事实上,它是您可以在不知道如何编码的情况下自定义 WordPress 网站的最佳工具之一。

如果您不喜欢当前页眉或页脚的外观,但又不想完全更改主题,Elementor 也是您的最佳选择。

您可以在我们深入的 Elementor 评论中了解有关 Elementor 的更多信息👈。

使用 Elementor 创建自定义页眉和页脚需要什么

两件事情:

  • 主要的 Elementor 插件——免费的
  • Elementor Pro – 在 Elementor 免费版之上的高级升级

👉 要获得 Pro,您需要在此处订阅。 Elementor Pro 的基本版本(用于一个站点)是每年 49 美元,但这笔钱花得物有所值,因为它为您提供了许多令人兴奋的功能,这些功能不仅限于页眉或页脚。 看看这个。

1.免费和专业安装Elementor

Elementor free 的安装过程和其他插件一样:

  1. 只需转到您的 wp-admin → Plugins → Add New,然后在框中输入“Elementor”。
  2. 安装并激活。

💡 这是一个单独的指南,介绍如何安装任何 WordPress 插件,以防您需要更多指导。

要安装 pro 插件,您首先必须访问 Elementor.com 并购买订阅。 之后,您将能够从您的客户资料中下载该插件。

元素下载

您还需要为您的 Elementor Pro 副本生成一个新的 API 密钥。 为此,请单击同一页面上的查看网站按钮(上面的屏幕截图),然后在此处添加您的网站地址。 您将获得在您的站点上激活 Elementor Pro 时需要输入的许可证密钥。

返回您的 wp-admin 并继续插件 → 再次添加新的。 这次手动上传 Elementor Pro 档案。
继续安装并激活它。

完成后,从 wp-admin 的主要侧边栏中,转到 Elementor → License。 在此处输入您的许可证代码。

Elementor 和 Elementor Pro 现已启用!

2.创建一个空白页眉或页脚模板

从您的 wp-admin 侧边栏中,转到模板。 那里可能什么都没有。

模板空白

单击大的添加新模板按钮。

从弹出窗口中,根据您要创建的内容选择页眉或页脚,如果您愿意,还可以命名您的模板。

选择模板以使用 Elementor 创建自定义页眉和页脚

这就是乐趣的开始! 您会看到 Elementor 启动,然后您就可以开始工作了。

为了让事情变得更快,Elementor 将向您显示现成的页眉和页脚模板列表。 您可以选择其中之一,也可以从头开始处理自己的页眉或页脚。 这个选择由你。

标题模板

3.设置页眉/页脚的总体布局

首先,要使用 Elementor 创建自定义页眉和页脚,您需要确定页眉或页脚的主要布局。

例如,我将构建一个外观现代的标题,其中徽标位于中心,左侧是菜单,右侧是搜索框。 但是,您可以自由构建任何其他类型的页眉,因为对于设计或您可以在页眉或页脚中包含的内容没有任何限制。

首先,单击标题的主要自定义按钮以查看侧栏中的布局部分:

标题布局

4.添加标志

添加徽标是一个非常简单的步骤,但前提是您当前的主题根据 WordPress 官方指南处理徽标。

如何在任何 WordPress 主题中分配徽标

为确保您的徽标设置正确,您首先需要转到 WordPress Customizer → 站点识别并从那里分配徽标。

网站标志

完成后,Elementor 将能够正确拾取它。

在 Elementor 中,从侧边栏中选择站点徽标块。 把它放在你想要的地方。 它应该会自动获取您的实际徽标。

商标

5.添加菜单

从 Elementor 侧边栏中抓取 Nav Menu 块并将其拖动到标题内您想要的位置。

导航块

您还可以进入其他两个选项卡——样式和高级来调整有关菜单设计的其他细节。

Elementor 的 NavMenu 插件 🤓 想要更多自定义选项? 为 Elementor 获取一个名为 NavMenu Addon 的免费插件。 它为您提供了额外的菜单块,您可以在使用 Elementor 创建自定义页眉和页脚时使用它们。 超级菜单块特别有趣。 6.添加搜索字段

为了完成我的设计,我将选择“搜索表单”块并将其拖到我的标题设计的右列。

搜索块

7. 添加其他额外元素 8. 发布您的页眉/页脚

最后要做的就是在网站上发布您的创作,并将其分配为在整个网站范围内替换您的默认页眉/页脚或仅在特定页面上。 有很多可能性。

为此,请单击 Elementor 中的主发布按钮。 您会看到一个弹出窗口,询问您想在哪里显示新的页眉或页脚。

状况

最基本的条件是“整个站点”:

整个网站

您还可以试验此设置并挑选出单个页面、帖子、类别等。 例如,下面的条件是让新标题仅出现在“联系人”页面上:

只在接触

完成后,单击保存并关闭。

您的新页眉或页脚现已上线! 例子:

标题在行动

准备好使用 Elementor 构建您的自定义页眉和页脚了吗?

我希望本教程对您有所帮助,并且您已经开始使用很棒的新页眉或页脚了!

如果您有任何问题,请随时在下面的评论中提问。 我们还在博客上提供了其他与 Elementor 相关的内容,以帮助您改进设计:

Total
0
Shares
相关文章