子主题是继承参考主题所有样式的模板

方法 插入自定义 CSS 文件 如果您能够编辑 WordPress 文件并通过文件传输协议 (FTP)客户端访问您的网站，则可以插入 CSS 样式表以使用 Elementor 加载。使用这种方法，您需要向文件添加一些代码。 要访问f文件，请通过FTP连接到您的网站并转到WordPress根文件夹。打开文件夹，找到p文件并编辑它。 以下是添加到文件中的代码示例挂钩加载名为custom-stylesheet 的样式表。我们还使用get_stylesheet_uri 函数来指示样式表的服务器位置。 理想情况下，您可以将自定义样式表添加到子主题文件夹或主题文件夹中。样式表可以包含您想要的任何 CSS 代码。您添加到件中的代码片段可确保仅当Elementor 在您的网站上处于活动状态时才加载代码。

方法 插件 有几个插件允许您将自定义 CSS 添加到网站，而无需使用定制 电话号码清单 器或页面构建器。我们最喜欢的工具之一是Simple Custom CSS and JS： 简单的自定义 CSS 和 JS 插件 简单的自定义 CSS 和 JS 使用简单的自定义 CSS 和 JS，您可以将代码直接添加到主题的页眉和页脚元素。首先，转到自定义 CSS 和 JS > 添加自定义 CSS，然后单击添加 CSS 代码。 左侧将出现一个基本的 CSS 编辑器。在右侧，您可以决定是将 CSS 代码加载到外部样式表还是内部。您还可以决定是否应将代码插入页眉或页脚中： 将代码放在外部样式表中 将代码放在外部样式表中 编辑完 CSS 代码后，点击“发布”按钮。您可能需要切换到前端才能查看正在运行的代码。使用 Elementor 创建自定义 CSS 的最佳实践 每当您处理自定义 CSS 或需要向网站添加代码时，最好牢记以下最佳实践。让我们从儿童主题开始。



使用子主题 如果您想使用 CSS 设计主题样式，我们建议使用子主题。 这样，如果您对原始主题进行更改，它们不会对添加到子主题的自定义产生任何影响。此外，当您更新主题时，子主题将保留您所做的更改。 使用代码预处理器使编写更容易 在 WordPress 中添加代码或使用 Elementor 的最大挑战之一是您无法访问现代代码编辑器的所有功能。我们建议使用预处理器，而不是使用基本的就地编辑器来管理代码。之后，您只需将代码复制并粘贴到 WordPress 中即可。 考虑使用暂存站点 每当您计划对 WordPress 进行较大更改时，我们建议您使用临时站点。暂存站点允许您测试样式和功能的更改，而无需冒破坏真实站点上某些内容的风险。 某些网络主机允许您从控制面板访问暂存功能。如果您使用 Kinsta，您可以从MyKinsta 仪表板中选择您的站点，并在实时环境和临时环境之间切换： MyKinsta 中的暂存环境 MyKinsta 中的暂存环境 如果您的主机不提供暂存功能，您可以使用本地 WordPress 开发环境（例如DevKinsta）进行测试或者。