Title: WP_Theme_JSON::get_preset_classes
Published: February 3, 2022
Last modified: May 20, 2026

---

# WP_Theme_JSON::get_preset_classes( array $setting_nodes, string[] $origins ): string

## In this article

 * [Description](https://developer.wordpress.org/reference/classes/wp_theme_json/get_preset_classes/?output_format=md#description)
 * [Parameters](https://developer.wordpress.org/reference/classes/wp_theme_json/get_preset_classes/?output_format=md#parameters)
 * [Return](https://developer.wordpress.org/reference/classes/wp_theme_json/get_preset_classes/?output_format=md#return)
 * [Source](https://developer.wordpress.org/reference/classes/wp_theme_json/get_preset_classes/?output_format=md#source)
 * [Related](https://developer.wordpress.org/reference/classes/wp_theme_json/get_preset_classes/?output_format=md#related)
 * [Changelog](https://developer.wordpress.org/reference/classes/wp_theme_json/get_preset_classes/?output_format=md#changelog)

[ Back to top](https://developer.wordpress.org/reference/classes/wp_theme_json/get_preset_classes/?output_format=md#wp--skip-link--target)

Creates new rulesets as classes for each preset value such as:

## 󠀁[Description](https://developer.wordpress.org/reference/classes/wp_theme_json/get_preset_classes/?output_format=md#description)󠁿

.has-value-color { color: value; }

.has-value-background-color { background-color: value; }

.has-value-font-size { font-size: value; }

.has-value-gradient-background { background: value; }

p.has-value-gradient-background { background: value; }

## 󠀁[Parameters](https://developer.wordpress.org/reference/classes/wp_theme_json/get_preset_classes/?output_format=md#parameters)󠁿

 `$setting_nodes`arrayrequired

Nodes with settings.

`$origins`string[]required

List of origins to process presets from.

## 󠀁[Return](https://developer.wordpress.org/reference/classes/wp_theme_json/get_preset_classes/?output_format=md#return)󠁿

 string The new stylesheet.

## 󠀁[Source](https://developer.wordpress.org/reference/classes/wp_theme_json/get_preset_classes/?output_format=md#source)󠁿

    ```php
    protected function get_preset_classes( $setting_nodes, $origins ) {
    	$preset_rules = '';

    	foreach ( $setting_nodes as $metadata ) {
    		if ( null === $metadata['selector'] ) {
    			continue;
    		}

    		$selector      = $metadata['selector'];
    		$node          = _wp_array_get( $this->theme_json, $metadata['path'], array() );
    		$preset_rules .= static::compute_preset_classes( $node, $selector, $origins );
    	}

    	return $preset_rules;
    }
    ```

[View all references](https://developer.wordpress.org/reference/files/wp-includes/class-wp-theme-json.php/)
[View on Trac](https://core.trac.wordpress.org/browser/tags/7.0/src/wp-includes/class-wp-theme-json.php#L1921)
[View on GitHub](https://github.com/WordPress/wordpress-develop/blob/7.0/src/wp-includes/class-wp-theme-json.php#L1921-L1935)

## 󠀁[Related](https://developer.wordpress.org/reference/classes/wp_theme_json/get_preset_classes/?output_format=md#related)󠁿

| Uses | Description | 
| [_wp_array_get()](https://developer.wordpress.org/reference/functions/_wp_array_get/)`wp-includes/functions.php` |

Accesses an array in depth based on a path of keys.

  |

| Used by | Description | 
| [WP_Theme_JSON::get_stylesheet()](https://developer.wordpress.org/reference/classes/wp_theme_json/get_stylesheet/)`wp-includes/class-wp-theme-json.php` |

Returns the stylesheet that results of processing the theme.json structure this object represents.

  |

## 󠀁[Changelog](https://developer.wordpress.org/reference/classes/wp_theme_json/get_preset_classes/?output_format=md#changelog)󠁿

| Version | Description | 
| [5.9.0](https://developer.wordpress.org/reference/since/5.9.0/) | Introduced. |

## User Contributed Notes

You must [log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fdeveloper.wordpress.org%2Freference%2Fclasses%2Fwp_theme_json%2Fget_preset_classes%2F)
before being able to contribute a note or feedback.