: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
* Customize API: WP_Customize_Custom_CSS_Setting class
* This handles validation, sanitization and saving of the value.
* Custom Setting to handle WP Custom CSS.
* @see WP_Customize_Setting
final class WP_Customize_Custom_CSS_Setting extends WP_Customize_Setting {
public $type = 'custom_css';
public $transport = 'postMessage';
* Capability required to edit this setting.
public $capability = 'edit_css';
* WP_Customize_Custom_CSS_Setting constructor.
* @throws Exception If the setting ID does not match the pattern `custom_css[$stylesheet]`.
* @param WP_Customize_Manager $manager Customizer bootstrap instance.
* @param string $id A specific ID of the setting.
* Can be a theme mod or option name.
* @param array $args Setting arguments.
public function __construct( $manager, $id, $args = array() ) {
parent::__construct( $manager, $id, $args );
if ( 'custom_css' !== $this->id_data['base'] ) {
throw new Exception( 'Expected custom_css id_base.' );
if ( 1 !== count( $this->id_data['keys'] ) || empty( $this->id_data['keys'][0] ) ) {
throw new Exception( 'Expected single stylesheet key.' );
$this->stylesheet = $this->id_data['keys'][0];
* Add filter to preview post value.
* @return bool False when preview short-circuits due no change needing to be previewed.
public function preview() {
if ( $this->is_previewed ) {
$this->is_previewed = true;
add_filter( 'wp_get_custom_css', array( $this, 'filter_previewed_wp_get_custom_css' ), 9, 2 );
* Filters `wp_get_custom_css` for applying the customized value.
* This is used in the preview when `wp_get_custom_css()` is called for rendering the styles.
* @see wp_get_custom_css()
* @param string $css Original CSS.
* @param string $stylesheet Current stylesheet.
public function filter_previewed_wp_get_custom_css( $css, $stylesheet ) {
if ( $stylesheet === $this->stylesheet ) {
$customized_value = $this->post_value( null );
if ( ! is_null( $customized_value ) ) {
$css = $customized_value;
* Fetch the value of the setting. Will return the previewed value when `preview()` is called.
* @see WP_Customize_Setting::value()
public function value() {
if ( $this->is_previewed ) {
$post_value = $this->post_value( null );
if ( null !== $post_value ) {
$id_base = $this->id_data['base'];
$post = wp_get_custom_css_post( $this->stylesheet );
$value = $post->post_content;
/** This filter is documented in wp-includes/class-wp-customize-setting.php */
$value = apply_filters( "customize_value_{$id_base}", $value, $this );
* Validate a received value for being valid CSS.
* Checks for imbalanced braces, brackets, and comments.
* Notifications are rendered when the customizer state is saved.
* @since 4.9.0 Checking for balanced characters has been moved client-side via linting in code editor.
* @since 5.9.0 Renamed `$css` to `$value` for PHP 8 named parameter support.
* @param string $value CSS to validate.
* @return true|WP_Error True if the input was validated, otherwise WP_Error.
public function validate( $value ) {
// Restores the more descriptive, specific name for use within this method.
$validity = new WP_Error();
if ( preg_match( '#</?\w+#', $css ) ) {
$validity->add( 'illegal_markup', __( 'Markup is not allowed in CSS.' ) );
if ( ! $validity->has_errors() ) {
$validity = parent::validate( $css );
* Store the CSS setting value in the custom_css custom post type for the stylesheet.
* @since 5.9.0 Renamed `$css` to `$value` for PHP 8 named parameter support.
* @param string $value CSS to update.
* @return int|false The post ID or false if the value could not be saved.
public function update( $value ) {
// Restores the more descriptive, specific name for use within this method.
$r = wp_update_custom_css_post(
'stylesheet' => $this->stylesheet,
if ( $r instanceof WP_Error ) {
// Cache post ID in theme mod for performance to avoid additional DB query.
if ( $this->manager->get_stylesheet() === $this->stylesheet ) {
set_theme_mod( 'custom_css_post_id', $post_id );