在这篇文章中,将详细讲解如何使用 Elementor 免费版 responder cantando ElementsKit 插件(一个免费的 Elementor 页眉页脚构建器)来创建和自定义 Elementor 页眉和页脚,完全通过可视化界面完成。
![图片[1]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231143416651-image.png)
步骤 1:安装 Elementor
首先,确保你的 WordPress 网站已经安装并启用了 Elementor 插件。通过以下步骤来安装:
- En el backend de WordPress, vaya a plug-in (componente de software) → Añadir nuevo plugin.
- 搜索 “Elementor”。
- golpe (en el teclado) Instalar ahora,然后启用插件。
![图片[2]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231142449249-image.png)
Atención: Elementor 的免费版提供了强大的功能,但对于更加高级的自定义,你可能需要 Elementor Pro.
步骤 2:安装 ElementsKit 插件
为了创建和自定义页眉和页脚,安装 ElementsKit 插件 是一个不错的选择。这个插件专为 Elementor 用户设计,提供了丰富的页眉和页脚模板以及自定义选项。
- En el backend de WordPress, vaya a plug-in (componente de software) → Añadir nuevo plugin.
- 搜索 “ElementsKit”。
- golpe (en el teclado) Instalar ahora,然后启用插件。
![图片[3]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231135508749-image.png)
步骤 3:创建自定义 Elementor 页眉或页脚
安装好 Elementor 和 ElementsKit 插件后,你可以开始创建自定义的 Elementor 页眉或页脚。
创建和自定义 Elementor 页眉
- En el backend de WordPress, haga clic en ElementsKit → Header Footer.
![图片[4]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231135730164-image.png)
- golpe (en el teclado) 添加新模板,给新模板命名。
![图片[5]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231140110119-image.png)
- 在模板设置中选择 tipología 为 Encabezado,并选择页眉要展示的 条件(例如:在整个网站、单个页面或特定存档页展示)。
![图片[6]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231140240750-image.png)
- golpe (en el teclado) active 后,点击 编辑内容,你可以进入 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 页脚
页脚的创建步骤与页眉相似,只是你需要选择 Pie de página 作为模板类型。
- existe ElementsKit 插件中,选择 Header Footer 模块。
- golpe (en el teclado) 添加新内容,设置 tipología 为 Pie de página.
- 设置条件(选择页脚展示的位置)后,点击 active.
![图片[9]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231141242142-image.png)
与页眉相同,可以在 Elementor 编辑器中使用 ElementsKit 提供的模板和小部件来自定义页脚,添加如Información de contactoyvínculo socialy版权信息等内容。
![图片[10]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231141743823-image.png)
步骤 4:自定义和编辑页眉页脚
在创建完页眉或页脚模板后,可以使用 Elementor 的可视化编辑器进行进一步的自定义:
- 点击模板旁边的 compilador 按钮,进入 Elementor 编辑界面。
- hacer uso de ElementsKit 的小部件,如menú de navegacióny搜索框ybotonesyicono (informática)等,来创建符合你的页眉或页脚。
![图片[11]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231142003363-image.png)
- 对于页眉,可以添加 超级菜单y购物车图标(适用于电商网站)等增强功能;对于页脚,可以添加 Enlaces a medios socialesydeclaración de copyrighty网站地图 等信息。
ElementsKit 提供了多个设计模板,可以选择一个适合的模板并进行自定义。
步骤 5:激活和展示自定义页眉页脚
完成编辑后,你可以直接预览并保存页眉或页脚模板:
- 完成设计后,点击右下角的 guardar (un archivo, etc.) (informática) Botón.
- 返回到 Header Footer 管理页面,确保你的模板已被激活。
- 你的自定义 Elementor 页眉或页脚将自动应用到你选择的位置(例如:整个网站、特定页面或文章).
![图片[12]-如何使用 Elementor 免费版和 ElementsKit 创建自定义页眉页脚](https://www.361sale.com/wp-content/uploads/2024/12/20241231142214923-image.png)
resúmenes
通过使用 Elementor 免费版和 ElementsKit 插件,你可以轻松地创建和自定义网站的页眉和页脚。整个过程都可以通过 Elementor 的直观拖放界面完成,借助 ElementsKit 提供的多种模板和小部件,自定义更加简单和灵活。
Enlace a este artículo:https://www.361sale.com/es/32294El artículo está protegido por derechos de autor y debe ser reproducido con atribución.
Sin comentarios