mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-19 09:05:22 +01:00
70c0f6f0e1
This commit backports the original PRs from Gutenberg repository: * [https://github.com/WordPress/gutenberg/pull/40260 #40260 Add support for button elements to theme.json] * [https://github.com/WordPress/gutenberg/pull/40889 #40889 Theme Json: Don't output double selectors for elements inside blocks] * [https://github.com/WordPress/gutenberg/pull/41140 #41140 Global Styles: Add support for caption elements] * [https://github.com/WordPress/gutenberg/pull/41160 #41160 Global Styles: Load block CSS conditionally] * [https://github.com/WordPress/gutenberg/pull/41240 #41240 Global Styles: Button Element: update button element selector] * [https://github.com/WordPress/gutenberg/pull/41335 #41335 Duotone: Fix CSS Selectors rendered by theme.json duotone/filter settings for blocks on public pages] * [https://github.com/WordPress/gutenberg/pull/41446 #41446 Block styles: Account for style block nodes that have no name] * [https://github.com/WordPress/gutenberg/pull/41696 #41696 Global Styles: Allow references to values in other locations in the tree] * [https://github.com/WordPress/gutenberg/pull/41753 #41753 Elements: Add an API make it easier to get class names] * [https://github.com/WordPress/gutenberg/pull/41786 #41786 Support pseudo selectors on elements in theme json] * [https://github.com/WordPress/gutenberg/pull/41822 #41822 Elements: Button - Fix element selectors] * [https://github.com/WordPress/gutenberg/pull/41981 #41981 Global Styles: Add support for heading elements] * [https://github.com/WordPress/gutenberg/pull/42072 #42072 Fix link element hover bleeding into button element default styles] * [https://github.com/WordPress/gutenberg/pull/42096 #42096 Add visited to link element allowed pseudo selector list] * [https://github.com/WordPress/gutenberg/pull/42669 #42669 Link elements: Add a :where selector to the :not to lower specificity] * [https://github.com/WordPress/gutenberg/pull/42776 #42776 Theme JSON: Add a static $blocks_metadata data definition to the Gutenberg instance of WP_Theme_JSON] * [https://github.com/WordPress/gutenberg/pull/43088 #43088 Pseudo elements supports on button elements] * [https://github.com/WordPress/gutenberg/pull/43167 #43167 Theme_JSON: Use existing append_to_selector for pseudo elements] * [https://github.com/WordPress/gutenberg/pull/43988 #43988 Styles API: Fixed selectors for nested elements] Props onemaggie, bernhard-reiter, cbravobernal, mmaattiiaass, scruffian, andraganescu, dpcalhoun, get_dave, Mamaduka, SergeyBiryukov. See #56467. Built from https://develop.svn.wordpress.org/trunk@54118 git-svn-id: http://core.svn.wordpress.org/trunk@53677 1a063a9b-81f0-0310-95a4-ce76da25c4cd
237 lines
7.4 KiB
PHP
237 lines
7.4 KiB
PHP
<?php
|
|
/**
|
|
* APIs to interact with global settings & styles.
|
|
*
|
|
* @package WordPress
|
|
*/
|
|
|
|
/**
|
|
* Function to get the settings resulting of merging core, theme, and user data.
|
|
*
|
|
* @since 5.9.0
|
|
*
|
|
* @param array $path Path to the specific setting to retrieve. Optional.
|
|
* If empty, will return all settings.
|
|
* @param array $context {
|
|
* Metadata to know where to retrieve the $path from. Optional.
|
|
*
|
|
* @type string $block_name Which block to retrieve the settings from.
|
|
* If empty, it'll return the settings for the global context.
|
|
* @type string $origin Which origin to take data from.
|
|
* Valid values are 'all' (core, theme, and user) or 'base' (core and theme).
|
|
* If empty or unknown, 'all' is used.
|
|
* }
|
|
*
|
|
* @return array The settings to retrieve.
|
|
*/
|
|
function wp_get_global_settings( $path = array(), $context = array() ) {
|
|
if ( ! empty( $context['block_name'] ) ) {
|
|
$path = array_merge( array( 'blocks', $context['block_name'] ), $path );
|
|
}
|
|
|
|
$origin = 'custom';
|
|
if ( isset( $context['origin'] ) && 'base' === $context['origin'] ) {
|
|
$origin = 'theme';
|
|
}
|
|
|
|
$settings = WP_Theme_JSON_Resolver::get_merged_data( $origin )->get_settings();
|
|
|
|
return _wp_array_get( $settings, $path, $settings );
|
|
}
|
|
|
|
/**
|
|
* Function to get the styles resulting of merging core, theme, and user data.
|
|
*
|
|
* @since 5.9.0
|
|
*
|
|
* @param array $path Path to the specific style to retrieve. Optional.
|
|
* If empty, will return all styles.
|
|
* @param array $context {
|
|
* Metadata to know where to retrieve the $path from. Optional.
|
|
*
|
|
* @type string $block_name Which block to retrieve the styles from.
|
|
* If empty, it'll return the styles for the global context.
|
|
* @type string $origin Which origin to take data from.
|
|
* Valid values are 'all' (core, theme, and user) or 'base' (core and theme).
|
|
* If empty or unknown, 'all' is used.
|
|
* }
|
|
*
|
|
* @return array The styles to retrieve.
|
|
*/
|
|
function wp_get_global_styles( $path = array(), $context = array() ) {
|
|
if ( ! empty( $context['block_name'] ) ) {
|
|
$path = array_merge( array( 'blocks', $context['block_name'] ), $path );
|
|
}
|
|
|
|
$origin = 'custom';
|
|
if ( isset( $context['origin'] ) && 'base' === $context['origin'] ) {
|
|
$origin = 'theme';
|
|
}
|
|
|
|
$styles = WP_Theme_JSON_Resolver::get_merged_data( $origin )->get_raw_data()['styles'];
|
|
|
|
return _wp_array_get( $styles, $path, $styles );
|
|
}
|
|
|
|
/**
|
|
* Returns the stylesheet resulting of merging core, theme, and user data.
|
|
*
|
|
* @since 5.9.0
|
|
*
|
|
* @param array $types Types of styles to load. Optional.
|
|
* It accepts 'variables', 'styles', 'presets' as values.
|
|
* If empty, it'll load all for themes with theme.json support
|
|
* and only [ 'variables', 'presets' ] for themes without theme.json support.
|
|
*
|
|
* @return string Stylesheet.
|
|
*/
|
|
function wp_get_global_stylesheet( $types = array() ) {
|
|
// Return cached value if it can be used and exists.
|
|
// It's cached by theme to make sure that theme switching clears the cache.
|
|
$can_use_cached = (
|
|
( empty( $types ) ) &&
|
|
( ! defined( 'WP_DEBUG' ) || ! WP_DEBUG ) &&
|
|
( ! defined( 'SCRIPT_DEBUG' ) || ! SCRIPT_DEBUG ) &&
|
|
( ! defined( 'REST_REQUEST' ) || ! REST_REQUEST ) &&
|
|
! is_admin()
|
|
);
|
|
$transient_name = 'global_styles_' . get_stylesheet();
|
|
if ( $can_use_cached ) {
|
|
$cached = get_transient( $transient_name );
|
|
if ( $cached ) {
|
|
return $cached;
|
|
}
|
|
}
|
|
|
|
$tree = WP_Theme_JSON_Resolver::get_merged_data();
|
|
|
|
$supports_theme_json = WP_Theme_JSON_Resolver::theme_has_support();
|
|
if ( empty( $types ) && ! $supports_theme_json ) {
|
|
$types = array( 'variables', 'presets' );
|
|
} elseif ( empty( $types ) ) {
|
|
$types = array( 'variables', 'styles', 'presets' );
|
|
}
|
|
|
|
/*
|
|
* If variables are part of the stylesheet,
|
|
* we add them for all origins (default, theme, user).
|
|
* This is so themes without a theme.json still work as before 5.9:
|
|
* they can override the default presets.
|
|
* See https://core.trac.wordpress.org/ticket/54782
|
|
*/
|
|
$styles_variables = '';
|
|
if ( in_array( 'variables', $types, true ) ) {
|
|
$styles_variables = $tree->get_stylesheet( array( 'variables' ) );
|
|
$types = array_diff( $types, array( 'variables' ) );
|
|
}
|
|
|
|
/*
|
|
* For the remaining types (presets, styles), we do consider origins:
|
|
*
|
|
* - themes without theme.json: only the classes for the presets defined by core
|
|
* - themes with theme.json: the presets and styles classes, both from core and the theme
|
|
*/
|
|
$styles_rest = '';
|
|
if ( ! empty( $types ) ) {
|
|
$origins = array( 'default', 'theme', 'custom' );
|
|
if ( ! $supports_theme_json ) {
|
|
$origins = array( 'default' );
|
|
}
|
|
$styles_rest = $tree->get_stylesheet( $types, $origins );
|
|
}
|
|
|
|
$stylesheet = $styles_variables . $styles_rest;
|
|
|
|
if ( $can_use_cached ) {
|
|
// Cache for a minute.
|
|
// This cache doesn't need to be any longer, we only want to avoid spikes on high-traffic sites.
|
|
set_transient( $transient_name, $stylesheet, MINUTE_IN_SECONDS );
|
|
}
|
|
|
|
return $stylesheet;
|
|
}
|
|
|
|
/**
|
|
* Returns a string containing the SVGs to be referenced as filters (duotone).
|
|
*
|
|
* @since 5.9.1
|
|
*
|
|
* @return string
|
|
*/
|
|
function wp_get_global_styles_svg_filters() {
|
|
// Return cached value if it can be used and exists.
|
|
// It's cached by theme to make sure that theme switching clears the cache.
|
|
$can_use_cached = (
|
|
( ! defined( 'WP_DEBUG' ) || ! WP_DEBUG ) &&
|
|
( ! defined( 'SCRIPT_DEBUG' ) || ! SCRIPT_DEBUG ) &&
|
|
( ! defined( 'REST_REQUEST' ) || ! REST_REQUEST ) &&
|
|
! is_admin()
|
|
);
|
|
$transient_name = 'global_styles_svg_filters_' . get_stylesheet();
|
|
if ( $can_use_cached ) {
|
|
$cached = get_transient( $transient_name );
|
|
if ( $cached ) {
|
|
return $cached;
|
|
}
|
|
}
|
|
|
|
$supports_theme_json = WP_Theme_JSON_Resolver::theme_has_support();
|
|
|
|
$origins = array( 'default', 'theme', 'custom' );
|
|
if ( ! $supports_theme_json ) {
|
|
$origins = array( 'default' );
|
|
}
|
|
|
|
$tree = WP_Theme_JSON_Resolver::get_merged_data();
|
|
$svgs = $tree->get_svg_filters( $origins );
|
|
|
|
if ( $can_use_cached ) {
|
|
// Cache for a minute, same as wp_get_global_stylesheet.
|
|
set_transient( $transient_name, $svgs, MINUTE_IN_SECONDS );
|
|
}
|
|
|
|
return $svgs;
|
|
}
|
|
|
|
/**
|
|
* Adds global style rules to the inline style for each block.
|
|
*
|
|
* @since 6.1.0
|
|
*/
|
|
function wp_add_global_styles_for_blocks() {
|
|
$tree = WP_Theme_JSON_Resolver::get_merged_data();
|
|
$block_nodes = $tree->get_styles_block_nodes();
|
|
foreach ( $block_nodes as $metadata ) {
|
|
$block_css = $tree->get_styles_for_block( $metadata );
|
|
|
|
if ( isset( $metadata['name'] ) ) {
|
|
$block_name = str_replace( 'core/', '', $metadata['name'] );
|
|
/*
|
|
* These block styles are added on block_render.
|
|
* This hooks inline CSS to them so that they are loaded conditionally
|
|
* based on whether or not the block is used on the page.
|
|
*/
|
|
wp_add_inline_style( 'wp-block-' . $block_name, $block_css );
|
|
}
|
|
|
|
// The likes of block element styles from theme.json do not have $metadata['name'] set.
|
|
if ( ! isset( $metadata['name'] ) && ! empty( $metadata['path'] ) ) {
|
|
$result = array_values(
|
|
array_filter(
|
|
$metadata['path'],
|
|
function ( $item ) {
|
|
if ( strpos( $item, 'core/' ) !== false ) {
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
)
|
|
);
|
|
if ( isset( $result[0] ) ) {
|
|
$block_name = str_replace( 'core/', '', $result[0] );
|
|
wp_add_inline_style( 'wp-block-' . $block_name, $block_css );
|
|
}
|
|
}
|
|
}
|
|
}
|