W3cubDocs

/WordPress

WP_Theme_JSON::get_block_styles( array $style_nodes, array $setting_nodes ): string

Converts each style section into a list of rulesets containing the block styles to be appended to the stylesheet.

Description

See glossary at https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax

For each section this creates a new ruleset such as:

block-selector { style-property-one: value; }

Additionally, it’ll also create new rulesets as classes for each preset value such as:

.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

$style_nodesarrayrequired
Nodes with styles.
$setting_nodesarrayrequired
Nodes with settings.

Return

string The new stylesheet.

Source

	),
	'shadow'     => null,
	'spacing'    => array(
		'margin'   => null,
		'padding'  => null,
		'blockGap' => null,
	),
	'typography' => array(
		'fontFamily'     => null,
		'fontSize'       => null,
		'fontStyle'      => null,
		'fontWeight'     => null,
		'letterSpacing'  => null,
		'lineHeight'     => null,
		'textAlign'      => null,
		'textColumns'    => null,
		'textDecoration' => null,
		'textTransform'  => null,
		'writingMode'    => null,
	),
	'css'        => null,
);

/**
 * Defines which pseudo selectors are enabled for which elements.
 *

Changelog

Version Description
5.8.0 Introduced.

© 2003–2024 WordPress Foundation
Licensed under the GNU GPLv2+ License.
https://developer.wordpress.org/reference/classes/wp_theme_json/get_block_styles