在这篇文章中,将详细讲解如何使用 Elementor 免费版 répondre en chantant ElementsKit 插件(一个免费的 Elementor 页眉页脚构建器)来创建和自定义 Elementor 页眉和页脚,完全通过可视化界面完成。
![图片[1]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231143416651-image.png)
步骤 1:安装 Elementor
首先,确保你的 WordPress 网站已经安装并启用了 Elementor 插件。通过以下步骤来安装:
- 在 WordPress 后台,转到 plug-in (composant logiciel) → Ajouter un nouveau plugin.
- 搜索 “Elementor”。
- frappe (sur le clavier) Installer maintenant,然后启用插件。
![图片[2]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231142449249-image.png)
Attention : Elementor 的免费版提供了强大的功能,但对于更加高级的自定义,你可能需要 Elementor Pro.
步骤 2:安装 ElementsKit 插件
为了创建和自定义页眉和页脚,安装 ElementsKit 插件 是一个不错的选择。这个插件专为 Elementor 用户设计,提供了丰富的页眉和页脚模板以及自定义选项。
- 在 WordPress 后台,转到 plug-in (composant logiciel) → Ajouter un nouveau plugin.
- 搜索 “ElementsKit”。
- frappe (sur le clavier) Installer maintenant,然后启用插件。
![图片[3]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231135508749-image.png)
步骤 3:创建自定义 Elementor 页眉或页脚
安装好 Elementor 和 ElementsKit 插件后,你可以开始创建自定义的 Elementor 页眉或页脚。
创建和自定义 Elementor 页眉
- Dans le backend de WordPress, cliquez sur ElementsKit → Header Footer.
![图片[4]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231135730164-image.png)
- frappe (sur le clavier) 添加新模板,给新模板命名。
![图片[5]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231140110119-image.png)
- 在模板设置中选择 类型 en raison de En-tête,并选择页眉要展示的 条件(例如:在整个网站、单个页面或特定存档页展示)。
![图片[6]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231140240750-image.png)
- frappe (sur le clavier) activer 后,点击 编辑内容,你可以进入 Elementor 编辑器进行自定义。
![图片[7]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231140314315-image.png)
在 Elementor 编辑器中,你可以使用 ElementsKit 提供的小部件和模板来快速添加页眉。ElementsKit 提供了多个设计精美的页眉模板,可以根据你的需求选择并进一步自定义。
![图片[8]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231140720804-image.png)
创建和自定义 Elementor 页脚
页脚的创建步骤与页眉相似,只是你需要选择 Pied de page 作为模板类型。
- existent ElementsKit 插件中,选择 Header Footer Module.
- frappe (sur le clavier) 添加新内容,设置 类型 en raison de Pied de page.
- 设置条件(选择页脚展示的位置)后,点击 activer.
![图片[9]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231141242142-image.png)
与页眉相同,可以在 Elementor 编辑器中使用 ElementsKit 提供的模板和小部件来自定义页脚,添加如联系信息et社交链接et版权信息等内容。
![图片[10]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231141743823-image.png)
步骤 4:自定义和编辑页眉页脚
在创建完页眉或页脚模板后,可以使用 Elementor 的可视化编辑器进行进一步的自定义:
- 点击模板旁边的 compilateur 按钮,进入 Elementor 编辑界面。
- utiliser ElementsKit 的小部件,如导航菜单et搜索框etboutonseticône (informatique)等,来创建符合你的页眉或页脚。
![图片[11]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231142003363-image.png)
- 对于页眉,可以添加 Méga menuet购物车图标(适用于电商网站)等增强功能;对于页脚,可以添加 社交媒体链接et版权声明et网站地图 等信息。
ElementsKit 提供了多个设计模板,可以选择一个适合的模板并进行自定义。
步骤 5:激活和展示自定义页眉页脚
完成编辑后,你可以直接预览并保存页眉或页脚模板:
- 完成设计后,点击右下角的 enregistrer (un fichier, etc.) (informatique) Bouton.
- 返回到 Header Footer 管理页面,确保你的模板已被激活。
- 你的自定义 Elementor 页眉或页脚将自动应用到你选择的位置(例如:整个网站、特定页面或文章).
![图片[12]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231142214923-image.png)
résumés
En utilisant le Elementor 免费版和 ElementsKit 插件,你可以轻松地创建和自定义网站的页眉和页脚。整个过程都可以通过 Elementor 的直观拖放界面完成,借助 ElementsKit 提供的多种模板和小部件,自定义更加简单和灵活。
Lien vers cet article :https://www.361sale.com/fr/32294L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires