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

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

图片[1]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚

步骤 1:安装 Elementor

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

  1. 在 WordPress 后台,转到 插件添加新插件
  2. 搜索 “Elementor”。
  3. 点击 立即安装,然后启用插件。
图片[2]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚

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

步骤 2:安装 ElementsKit 插件

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

  1. 在 WordPress 后台,转到 插件添加新插件
  2. 搜索 “ElementsKit”。
  3. 点击 立即安装,然后启用插件。
图片[3]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚

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

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

创建和自定义 Elementor 页眉

  1. 在 WordPress 后台,点击 ElementsKitHeader Footer
图片[4]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚
  1. 点击 添加新模板,给新模板命名。
图片[5]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚
  1. 在模板设置中选择 类型页眉(Header),并选择页眉要展示的 条件(例如:在整个网站、单个页面或特定存档页展示)。
图片[6]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚
  1. 点击 激活 后,点击 编辑内容,你可以进入 Elementor 编辑器进行自定义。
图片[7]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚

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

图片[8]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚

创建和自定义 Elementor 页脚

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

  1. ElementsKit 插件中,选择 Header Footer 模块。
  2. 点击 添加新内容,设置 类型页脚(Footer)
  3. 设置条件(选择页脚展示的位置)后,点击 激活
图片[9]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚

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

图片[10]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚

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

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

  1. 点击模板旁边的 编辑 按钮,进入 Elementor 编辑界面。
  2. 使用 ElementsKit 的小部件,如导航菜单搜索框按钮图标等,来创建符合你的页眉或页脚。
图片[11]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚
  1. 对于页眉,可以添加 超级菜单购物车图标(适用于电商网站)等增强功能;对于页脚,可以添加 社交媒体链接版权声明网站地图 等信息。

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

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

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

  1. 完成设计后,点击右下角的 保存 按钮。
  2. 返回到 Header Footer 管理页面,确保你的模板已被激活。
  3. 你的自定义 Elementor 页眉或页脚将自动应用到你选择的位置(例如:整个网站、特定页面或文章)。
图片[12]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚

总结

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


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
© 转载声明
本文作者:xiesong
THE END
喜欢就支持一下吧
点赞15 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容