Title: Modular Custom CSS
Author: Nick Halsey
Published: <strong>2014 年 8 月 7 日</strong>
Last modified: 2024 年 7 月 13 日

---

搜索插件

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/modular-custom-css/assets/icon.svg?rev=977530)

# Modular Custom CSS

 作者：[Nick Halsey](https://profiles.wordpress.org/celloexpressions/)

[下载](https://downloads.wordpress.org/plugin/modular-custom-css.2.1.zip)

 * [详情](https://cn.wordpress.org/plugins/modular-custom-css/#description)
 * [评价](https://cn.wordpress.org/plugins/modular-custom-css/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/modular-custom-css/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/modular-custom-css/#developers)

 [支持](https://wordpress.org/support/plugin/modular-custom-css/)

## 描述

WordPress core provides custom CSS functionality in the customizer that’s specific
to the current theme; you can switch themes freely with each theme’s additional 
CSS remaining in place. Sometimes, you need some CSS to apply regardless of the 
current theme persistently. This plugin adds a plugin CSS option for CSS that’s 
global and persists across theme changes.

With the Customizer, your CSS is instantly live-previewed, offering the ability 
to see exactly how your site will look before you publish your changes. The plugin
CSS option is stored as an `option`. Prior to WordPress 4.7 (which introduced additional
CSS in core), theme-specific CSS was stored as a `theme_mod`, in 4.7 and newer this
is migrated to the core CSS functionality (which is theme-specific).

## 屏幕截图

 * [[
 * Additional CSS Section in the Customizer in WordPress 4.9.

## 安装

 1. Take the easy route and install through the WordPress plugin installer, OR,
 2. Download the .zip file and upload the unzipped folder to the `/wp-content/plugins/`
    directory
 3. 通过WordPress的的“Plugins”菜单激活插件
 4. Go to the Customizer (Appearance -> Customize) to add custom CSS to your site.

## 常见问题

### Where is the Custom CSS Stored?

Theme CSS was stored as a `theme_mod` prior to WordPress 4.7, meaning it is a theme-
specific option, part of the theme_mods_$theme option in the database. Each theme
has its own `theme_mod` for the custom CSS, so if you switch to a new theme, the
theme-specific custom CSS will be empty. When you switch back to a previously customized
theme, the CSS that you added to it will still be there. In WordPress 4.7 and newer
this plugin migrates to the core CSS functionality for theme-specific CSS, which
is stored with a custom post type.

Plugin CSS is stored as a regular `option` in the database. It is used for every
theme, so it’s best used for things that are plugin-related or anything else you
want to persist between different themes.

### Why is WordPress 4.0 required?

The Customizer features many improvements in WordPress 4.0, including the textarea
control type that this plugin uses. WordPress 4.9 is recommended, as it includes
the new CSS editor with syntax highlighting and other features.

## 评价

![](https://secure.gravatar.com/avatar/8c271d4fd9ff6cca243ce4bbbd638005ee1c5d8bce675fab468327c647fd821e?
s=60&d=retro&r=g)

### 󠀁[Great stuff!](https://wordpress.org/support/topic/great-stuff-147/)󠁿

 [estr](https://profiles.wordpress.org/estr/) 2016 年 12 月 23 日

Thanks for this! It seems Modular Custom CSS is the most modern plugin that takes
advantage of WP 4.7+ features.

![](https://secure.gravatar.com/avatar/fd1d58ce44ef22dd5be33ba7dff3235101a6ab0102776b77dda7ccbd30c23405?
s=60&d=retro&r=g)

### 󠀁[Preview Yo Changes](https://wordpress.org/support/topic/preview-yo-changes/)󠁿

 [Curtis](https://profiles.wordpress.org/salsafire/) 2016 年 9 月 3 日

Thank you for your plugin development. Preview changes in customizer. So good.

 [ 阅读所有6条评价 ](https://wordpress.org/support/plugin/modular-custom-css/reviews/)

## 贡献者及开发者

「Modular Custom CSS」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Nick Halsey ](https://profiles.wordpress.org/celloexpressions/)

[帮助将「Modular Custom CSS」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/modular-custom-css)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/modular-custom-css/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/modular-custom-css/)，或通过[RSS](https://plugins.trac.wordpress.org/log/modular-custom-css/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/modular-custom-css/)。

## 更新日志

#### 2.1

 * Leverage the Code Editing control in WordPress 4.9 to add syntax highlighting,
   hinting, and more.
 * Add more-descriptive text to the core theme CSS control, to distinguish it from
   the plugin CSS control.
 * Add plugin textdomain to facilitate translations.

#### 2.0

 * Migrates theme CSS to the core custom CSS functionality in WordPress 4.7.
 * Adjusts the plugin CSS option to use the `edit_css` capability introduced in 
   WordPress 4.7. As a result, multisite networks will need to provide this capability
   to site administrators for them to be able to access CSS now.

#### 1.0

 * First publicly available version of the plugin.
 * Requires WordPress 4.0+.

## 额外信息

 *  版本 **2.1**
 *  最后更新：**2 年前**
 *  活跃安装数量 **400+**
 *  WordPress 版本 ** 4.0 或更高版本 **
 *  已测试的最高版本为 **6.6.5**
 *  语言
 * [English (US)](https://wordpress.org/plugins/modular-custom-css/)
 * 标签
 * [css](https://cn.wordpress.org/plugins/tags/css/)[custom css](https://cn.wordpress.org/plugins/tags/custom-css/)
   [Custom Design](https://cn.wordpress.org/plugins/tags/custom-design/)[customizer](https://cn.wordpress.org/plugins/tags/customizer/)
 *  [高级视图](https://cn.wordpress.org/plugins/modular-custom-css/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  6 条 5 星评价     ](https://wordpress.org/support/plugin/modular-custom-css/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/modular-custom-css/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/modular-custom-css/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/modular-custom-css/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/modular-custom-css/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/modular-custom-css/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/modular-custom-css/reviews/)

## 贡献者

 *   [ Nick Halsey ](https://profiles.wordpress.org/celloexpressions/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/modular-custom-css/)