最近，我们的一位没有 Elementor 专业版的读者向我们提出了如何向他的网站添加自定义 CSS 的挑战。
由于问题有点复杂，我们认为可能有几个用户面临这个问题。 所以我们决定提供一篇关于如何到达那里的详细文章。
在本文中，我们将向您展示如何轻松地将自定义 CSS 添加到 Elementor 页面或网站。
向 Elementor 页面或网站添加自定义 CSS 的三种方法如下：
- 通过 HTML 元素添加 CSS 代码。
- 通过插件 片段代码。
- 使用 Elementor 的主题定制器
方法一：从 Elementor 的 HTML 元素中添加 CSS 代码
如果您只想将 CSS 添加到单个页面，请使用此方法。
第 1 步：拖放 Elementor HTML 元素
您可以将此 HTML 元素放置在页面上的任何位置，它会正常工作。
第 2 步：单击“编辑 HTML”图标
点击图标 编辑html 在 Elementor HTML 元素的右侧。 单击它会在屏幕左侧显示一个 HTML 编辑工具箱。
第 3 步：添加您的 CSS 代码
- 点击标签 包装内容 并打开下拉列表 HTML代码.
- 将您的 CSS 代码放在 信标。
方法 2：通过代码片段插件为 Elementor 自定义 CSS
使用代码片段插件的好处：
- 如果您想更改或更新您的 WordPress 主题，将始终应用 CSS。
- 这是添加 CSS 代码的最方便、最有效的方法，因为您可以像插件一样启用或禁用 CSS 代码。
第 1 步：打开仪表板上的扩展菜单
第 2 步：添加新插件
点击按钮 添加 »访问添加新插件的页面。
- 寻找插件“ 代码段 ”。
- 单击按钮安装它 立即安装 一旦研究结果是肯定的。
第三步：激活插件
点击按钮 激活 »安装完成后激活插件 代码片段。
第 4 步：打开插件页面并添加代码片段
- 打开菜单 摘录 从您的仪表板
- 点击按钮 风格 添加新的代码片段
第 5 步：创建一个片段并激活它
- 为您的代码片段命名。
- 在标签内，编写您的代码。 此代码可在下面复制。
- 点击按钮 保存更改 保存代码片段。
- 保存CSS后，点击“ 激活 激活CSS代码。
复制代码
add_action( 'wp_head', function () { ?>
<style>
//VOTRE CODE ICI
</style>
<?php } );方法 3：使用 Elementor 主题定制器
注意： 使用此方法前要小心，因为如果更改主题，您将丢失此自定义 CSS.
第一步：打开主题定制器
转到您的网站，然后单击顶部导航栏上的自定义选项。 这将打开一个主题自定义窗口。
第 2 步：单击附加 CSS 选项卡
这将打开 CSS 条目页面。
第 3 步：添加您的 CSS 代码
好的 ！ 现在您知道如何轻松地将自定义 CSS 添加到 Elementor 页面或网站。 这将使 Elementor Free 中独特网页的设计更加灵活。
立即获取Elementor Pro！
还发现一些高级WordPress插件
您可以使用其他 WordPress插件 赋予现代外观并优化您的博客或网站的处理。
我们在这里为您提供了一些高级WordPress插件，它们将帮助您实现这一目标。
1。 FileBird
您是否曾经为管理上传到 WordPress FTP 的数千个图像、视频或文档文件而苦恼？ 是或否，没关系，重要的是要知道 WordPress插件 FileBird 将帮助您轻松管理媒体文件，并为您的图书馆带来更多力量。
其无缝的用户界面和上下文菜单使用户可以将文件拖放到文件夹中，或者具有必要的权限，以与计算机上相同的方式快速创建，重命名或删除文件夹。
有了此插件，您的媒体文件将得到系统地组织，您可以轻松地选择要插入页面或发布的图像。 此外，此插件与最受欢迎的插件完全兼容，尤其是与 WooCommerce ，并且支持多种语言。
要了解更多信息，请访问： 如何管理文件和文件夹的WordPress
因此，如果您想提升 管理媒体库中， WordPress插件 FileBird 可能是您的秘密武器。
2。 终极WooCommerce可扩展类别
Ce WordPress插件 允许您轻松修改无聊的 WooCommerce 类别的长列表，并在手风琴菜单中用不同级别的子项替换它们。
它的主要功能是：可以激活它并最终使其自动运行（不需要任何参数！），支持多个级别的类别（类别，子类别等），突出显示活动类别，如果当前类别在内部，则打开所有父类别，并与任何类别兼容 WooCommerce主题，响应愿望， 免费更新 以及非常积极的客户支持。
3。 WavePlayer
正如您可能从名称中猜到的那样，WavePlayer 是一个音频播放器插件，它获取播放的音频文件的波形。 使用此插件，您将能够托管曲目或简单地将其与其他服务集成。云托管，例如 SoundCloud。
它也可以用于播客，并提供其他功能，例如：HTML5支持，响应式布局，WooCommerce集成等。
您还可以在发布之前直观地创建播放列表。 另一个基本特征是它的速度和效率。
推荐资源
查找有关其他推荐资源的信息，以帮助您构建和管理网站。
结论
这里 ！ 这就是本教程的内容，我们希望它可以帮助您免费向 Elementor 添加自定义 CSS。 不要犹豫 与您最喜欢的社交网络上的朋友分享.
但是，您也可以咨询我们的 RESSOURCES，如果您需要更多的元素来执行创建Internet网站的项目，请参考我们关于 WordPress博客创建。
如果您有任何建议或意见，请将其留在我们的部分 评论.
...
