Simple Custom CSS and JS PRO 简单自定义 CSS 和 JS 4.34 – Easily add Custom CSS or JS to your website with an awesome editor

简单的自定义 CSS 和 JS PRO，完全控制您的 WordPress 网站的设计和功能。

Demo

https://www.silkypress.com/simple-custom-css-js-pro

插件特点

仅适用于某些网址

默认情况下，代码应用于整个网站。使用此功能可以限制显示代码的页面。例如，左侧屏幕截图中的设置将在整个网站上应用代码，但 URL 中包含“类别”一词的页面除外。您可以添加更多约束以精确匹配您想要的页面。

全网自定义 CSS/JS/HTML 代码

在多站点 WordPress 安装中，如果启用了“应用网络范围”选项，则在主子站点中编写的任何自定义 CSS/JS/HTML 代码都可以显示在所有其他子站点上。需要在您希望显示自定义代码的所有子站点上激活简单自定义 CSS 和 JS Pro 插件，但不需要在每个子站点上激活许可证密钥即可使用此功能。

添加简码

任何自定义 HTML 代码都可以放在页面的页眉、页脚中，或者，如果给定了一个 id，它可以用作页面/帖子或文本小部件中的简码。短代码也接受变量，因此相同的短代码可以在稍作修改后显示在您网站的多个位置。在多站点 WordPress 安装中，在启用了“应用网络范围”选项的主子站点中定义的短代码可以在任何其他子站点中使用。

预览代码更改

在保存代码并实时应用更改之前，您可以检查网站的外观。通过单击“预览更改”按钮，将在新选项卡中打开预览页面。新选项卡中生成的 URL 可以与您的同事或客户共享，因此您可以在上线之前询问他们对更改的意见。

修订

保留对 CSS 和 JS 代码所做的所有更改的历史记录，以及选项、日期和进行更改的用户。您可以比较任何两个单独的修订版，以查看添加的内容、保持不变的内容以及删除的内容。

使用 Sass 或更少的预处理器

通过添加嵌套规则、变量、mixins、选择器继承、数学或逻辑计算来获得 CSS 的专业知识……如果您已经使用Sass或Less编写代码，那么您就会知道它的诸多优势。

压缩 CSS 和 JS 代码

减少代码的大小，使您的网站保持整洁和快速加载。在对美国十大网站的一项调查中，压缩实现了 21% 的大小缩减。（在加速雅虎网站的最佳实践中提到）

导出和导入 CSS 和 JS 代码

这些是你的代码；你可以对他们做任何你想做的事。如果你想在另一个 WordPress 安装中重用代码，你可以简单地导出代码以及所有元数据（选项、预览 URL、URL 限制，修订除外）。

下载 Simple Custom CSS and JS PRO WordPress 插件

Simple Custom CSS and JS PRO 4.34