mirror of
https://github.com/WordPress/WordPress.git
synced 2025-01-27 10:41:24 +01:00
a73446f6ed
The dynamic block styles for layout and elements should be loaded in the head for block themes. While that should also be the case for classic themes, the current mechanism we use (render_block) does not allow us to do that, hence, this PR doesn't change anything for them and will be loaded the body. Props oandregal, youknowriad, wpsoul. Fixes #55148. Built from https://develop.svn.wordpress.org/trunk@52741 git-svn-id: http://core.svn.wordpress.org/trunk@52330 1a063a9b-81f0-0310-95a4-ce76da25c4cd
77 lines
2.4 KiB
PHP
77 lines
2.4 KiB
PHP
<?php
|
|
/**
|
|
* Elements styles block support.
|
|
*
|
|
* @package WordPress
|
|
* @since 5.8.0
|
|
*/
|
|
|
|
/**
|
|
* Render the elements stylesheet.
|
|
*
|
|
* @since 5.8.0
|
|
* @access private
|
|
*
|
|
* @param string $block_content Rendered block content.
|
|
* @param array $block Block object.
|
|
* @return string Filtered block content.
|
|
*/
|
|
function wp_render_elements_support( $block_content, $block ) {
|
|
if ( ! $block_content ) {
|
|
return $block_content;
|
|
}
|
|
|
|
$link_color = null;
|
|
if ( ! empty( $block['attrs'] ) ) {
|
|
$link_color = _wp_array_get( $block['attrs'], array( 'style', 'elements', 'link', 'color', 'text' ), null );
|
|
}
|
|
|
|
/*
|
|
* For now we only care about link color.
|
|
* This code in the future when we have a public API
|
|
* should take advantage of WP_Theme_JSON::compute_style_properties
|
|
* and work for any element and style.
|
|
*/
|
|
if ( null === $link_color ) {
|
|
return $block_content;
|
|
}
|
|
|
|
$class_name = 'wp-elements-' . uniqid();
|
|
|
|
if ( strpos( $link_color, 'var:preset|color|' ) !== false ) {
|
|
// Get the name from the string and add proper styles.
|
|
$index_to_splice = strrpos( $link_color, '|' ) + 1;
|
|
$link_color_name = substr( $link_color, $index_to_splice );
|
|
$link_color = "var(--wp--preset--color--$link_color_name)";
|
|
}
|
|
$link_color_declaration = esc_html( safecss_filter_attr( "color: $link_color" ) );
|
|
|
|
$style = ".$class_name a{" . $link_color_declaration . ';}';
|
|
|
|
// Like the layout hook this assumes the hook only applies to blocks with a single wrapper.
|
|
// Retrieve the opening tag of the first HTML element.
|
|
$html_element_matches = array();
|
|
preg_match( '/<[^>]+>/', $block_content, $html_element_matches, PREG_OFFSET_CAPTURE );
|
|
$first_element = $html_element_matches[0][0];
|
|
// If the first HTML element has a class attribute just add the new class
|
|
// as we do on layout and duotone.
|
|
if ( strpos( $first_element, 'class="' ) !== false ) {
|
|
$content = preg_replace(
|
|
'/' . preg_quote( 'class="', '/' ) . '/',
|
|
'class="' . $class_name . ' ',
|
|
$block_content,
|
|
1
|
|
);
|
|
} else {
|
|
// If the first HTML element has no class attribute we should inject the attribute before the attribute at the end.
|
|
$first_element_offset = $html_element_matches[0][1];
|
|
$content = substr_replace( $block_content, ' class="' . $class_name . '"', $first_element_offset + strlen( $first_element ) - 1, 0 );
|
|
}
|
|
|
|
wp_enqueue_block_support( $style );
|
|
|
|
return $content;
|
|
}
|
|
|
|
add_filter( 'render_block', 'wp_render_elements_support', 10, 2 );
|