在这篇文章中,将详细讲解如何使用 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 后台,点击 ElementsKit → Header 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 提供的多种模板和小部件,自定义更加简单和灵活。