WPLMS使用指南

< 返回

如何将自定义 CSS / JavaScript 添加到网站项目?

添加自定义 CSS/JavaScript 的步骤

在 web builder 中打开你的项目

通过单击左侧菜单上的“站点”导航到项目面板。 现在,请打开您的项目。

选择代码范围

添加自定义代码有两个选项。

1. “站点设置” – 使用此选项,如果您添加任何自定义代码,该代码将对您项目的所有页面有效。 如果您稍后添加任何新页面,它也将起作用

2.“页面设置” – 使用此选项,如果您添加任何自定义代码,该代码将对您现在正在处理的特定页面有效。

在“网站设置”上添加代码

打开网站设置页面后,请点击左侧菜单中的“自定义代码”。

在这里,您将看到选择代码位置的选项。 如:在 Header 上添加代码,在开始 Body 标签之后,在结束 body 标签之后

这是供您参考的示例代码。

现在,启用代码并保存设置。 最后,保存/发布项目。

在这里您可以添加带有“<script></script>”标签的 JavaScript 代码,以及带有“<style></style>”标签的 CSS 代码。

 

在“页面设置”添加代码

打开页面设置页面后,您将看到用于添加 CSS 代码和 JavaScript 代码块的单独选项。

使用“CSS”选项,您可以为该特定页面添加 CSS 代码。

启用代码并保存设置。 最后,保存/发布项目。

使用“自定义代码”选项,您可以为该特定页面添加 JavaScript 代码。

启用代码并保存设置。 最后,保存/发布项目。

 

目录