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

在这篇文章中,将详细讲解如何使用 Elementor 免费版ElementsKit 插件(一个免费的 Elementor 页眉页脚构建器)来创建和自定义 Elementor 页眉和页脚,完全通过可视化界面完成。

步骤 1:安装 Elementor

首先,确保你的 WordPress 网站已经安装并启用了 Elementor 插件。通过以下步骤来安装:

在 WordPress 后台,转到 插件添加新插件

搜索 “Elementor”。

点击 立即安装,然后启用插件。

注意: Elementor 的免费版提供了强大的功能,但对于更加高级的自定义,你可能需要 Elementor Pro

步骤 2:安装 ElementsKit 插件

为了创建和自定义页眉和页脚,安装 ElementsKit 插件 是一个不错的选择。这个插件专为 Elementor 用户设计,提供了丰富的页眉和页脚模板以及自定义选项。

在 WordPress 后台,转到 插件添加新插件

搜索 “ElementsKit”。

点击 立即安装,然后启用插件。

步骤 3:创建自定义 Elementor 页眉或页脚

安装好 Elementor 和 ElementsKit 插件后,你可以开始创建自定义的 Elementor 页眉或页脚。

创建和自定义 Elementor 页眉

在 WordPress 后台,点击 ElementsKitHeader Footer

点击 添加新模板,给新模板命名。

在模板设置中选择 类型页眉(Header),并选择页眉要展示的 条件(例如:在整个网站、单个页面或特定存档页展示)。

点击 激活 后,点击 编辑内容,你可以进入 Elementor 编辑器进行自定义。

在 Elementor 编辑器中,你可以使用 ElementsKit 提供的小部件和模板来快速添加页眉。ElementsKit 提供了多个设计精美的页眉模板,可以根据你的需求选择并进一步自定义。

创建和自定义 Elementor 页脚

页脚的创建步骤与页眉相似,只是你需要选择 页脚(Footer) 作为模板类型。

ElementsKit 插件中,选择 Header Footer 模块。

点击 添加新内容,设置 类型页脚(Footer)

设置条件(选择页脚展示的位置)后,点击 激活

与页眉相同,可以在 Elementor 编辑器中使用 ElementsKit 提供的模板和小部件来自定义页脚,添加如联系信息、社交链接、版权信息等内容。

步骤 4:自定义和编辑页眉页脚

在创建完页眉或页脚模板后,可以使用 Elementor 的可视化编辑器进行进一步的自定义:

点击模板旁边的 编辑 按钮,进入 Elementor 编辑界面。

使用 ElementsKit 的小部件,如导航菜单搜索框按钮图标等,来创建符合你的页眉或页脚。

对于页眉,可以添加 超级菜单购物车图标(适用于电商网站)等增强功能;对于页脚,可以添加 社交媒体链接版权声明网站地图 等信息。

ElementsKit 提供了多个设计模板,可以选择一个适合的模板并进行自定义。

步骤 5:激活和展示自定义页眉页脚

完成编辑后,你可以直接预览并保存页眉或页脚模板:

完成设计后,点击右下角的 保存 按钮。

返回到 Header Footer 管理页面,确保你的模板已被激活。

你的自定义 Elementor 页眉或页脚将自动应用到你选择的位置(例如:整个网站、特定页面或文章)。

总结

通过使用 Elementor 免费版和 ElementsKit 插件,你可以轻松地创建和自定义网站的页眉和页脚。整个过程都可以通过 Elementor 的直观拖放界面完成,借助 ElementsKit 提供的多种模板和小部件,自定义更加简单和灵活。

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注