用于管理 WordPress 全局样式的 UI 组件。

安装

安装模块:

npm install @wordpress/global-styles-ui --save

用法

import { GlobalStylesUI } from '@wordpress/global-styles-ui';

function MyComponent() {
    return (
        <GlobalStylesUI
            value={ userStyles }
            baseValue={ themeStyles }
            onChange={ handleChange }
        />
    );
}

API

GlobalStylesUI

全局样式编辑器界面的主组件。

属性:

  • value (GlobalStylesConfig):用户的自定义全局样式
  • baseValue (GlobalStylesConfig):主题的默认全局样式
  • onChange (Function):样式更改时的回调函数
  • path (string, 可选):当前导航路径
  • onPathChange (Function, 可选):路径更改时的回调函数
  • fontLibraryEnabled (boolean, 可选):启用字体库功能
  • serverCSS (array, 可选):服务器 CSS 样式
  • serverSettings (object, 可选):服务器设置

贡献

详情请参阅 CONTRIBUTING.md。