Simple Custom CSS and JS插件_WordPress 添加自定义CSS/JS/html代码

WordPress添加自定义 CSS/JS/HTML代码一般我们会放入 function.php文件、style.css文件、header.php文件或 footer.php文件中，一个是对新手、小白不友好。二是每次升级主题后都得重新添加，更别提经常会忘记了，总之不方便长期使用。而 Simple Custom CSS and JS插件的出现让我们避免了手动操作的麻烦，还可以轻松添加自定义 CSS、JS 和 HTML 代码，即使主题升级、更新了也不怕。这个插件有以下特色：

• 带有语法高亮显示的文本编辑器；
• 内联打印或包含在外部文件中的代码；
• 在页眉或页脚中打印代码；
• 将CSS或JS添加到前端页面或后台管理；
• 根据需要添加任意数量的代码；
• 更改主题时也要保留更改；

功能类似的插件有Code Snippets插件，这两款插件都是在 function.php文件中添加各种代码实现 WordPress之外的功能。

Simple Custom CSS and JS插件安装启用

从 wordpress后台插件 > 安装插件，搜索 Simple Custom CSS and JS，看到如下图所示，安装并启用。

如果你服务器在国内往往会遇到无法正常安装启用插件的情况，解决办法请看WP China Yes插件 国内无法更新WordPress程序/主题/插件

Simple Custom CSS and JS插件设置

首先看 Simple Custom CSS and JS插件的设置，这里面基本不用改动什么，默认就好了。

Simple Custom CSS and JS插件添加代码

这个插件分别可以添加自定义css，自定义js，自定义html代码，界面都是完全一样的。

先添加标题，下面添加代码，右侧选择连接类型（内部或外部），放到页头还是页脚，放到前台页面、后台或登录页面等。

老魏总结

作为一款WordPress 添加自定义CSS/JS/html代码插件，Simple Custom CSS and JS 插件使用起来很简单，可以分别添加自定义css、js、html代码，显示位置可以在页头或页尾，网站的前端、后台或登录页面。用于这几个固定位置的代码添加还是很方便的。