wpseek.com
A WordPress-centric search engine for devs and theme authors



wp_render_layout_support_flag › WordPress Function

Since5.8.0
Deprecatedn/a
› wp_render_layout_support_flag ( $block_content, $block )
Access:
  • private
Parameters: (2)
  • (string) $block_content Rendered block content.
    Required: Yes
  • (array) $block Block object.
    Required: Yes
Returns:
  • (string) Filtered block content.
Defined at:
Codex:

Renders the layout config to the block wrapper.



Related Functions: wp_register_layout_support, wp_render_duotone_support, wp_render_elements_support, wp_register_duotone_support, wp_register_alignment_support

Source 

function wp_render_layout_support_flag( $block_content, $block ) {
	$block_type     = WP_Block_Type_Registry::get_instance()->get_registered( $block['blockName'] );
	$support_layout = block_has_support( $block_type, array( '__experimentalLayout' ), false );
	if ( ! $support_layout || ! isset( $block['attrs']['layout'] ) ) {
		return $block_content;
	}

	$used_layout = $block['attrs']['layout'];
	if ( isset( $used_layout['inherit'] ) && $used_layout['inherit'] ) {
		$tree           = WP_Theme_JSON_Resolver::get_merged_data();
		$default_layout = _wp_array_get( $tree->get_settings(), array( 'layout' ) );
		if ( ! $default_layout ) {
			return $block_content;
		}
		$used_layout = $default_layout;
	}

	$id           = uniqid();
	$content_size = isset( $used_layout['contentSize'] ) ? $used_layout['contentSize'] : null;
	$wide_size    = isset( $used_layout['wideSize'] ) ? $used_layout['wideSize'] : null;

	$all_max_width_value  = $content_size ? $content_size : $wide_size;
	$wide_max_width_value = $wide_size ? $wide_size : $content_size;

	// Make sure there is a single CSS rule, and all tags are stripped for security.
	$all_max_width_value  = safecss_filter_attr( explode( ';', $all_max_width_value )[0] );
	$wide_max_width_value = safecss_filter_attr( explode( ';', $wide_max_width_value )[0] );

	$style = '';
	if ( $content_size || $wide_size ) {
		$style  = ".wp-container-$id > * {";
		$style .= 'max-width: ' . esc_html( $all_max_width_value ) . ';';
		$style .= 'margin-left: auto !important;';
		$style .= 'margin-right: auto !important;';
		$style .= '}';

		$style .= ".wp-container-$id > .alignwide { max-width: " . esc_html( $wide_max_width_value ) . ';}';

		$style .= ".wp-container-$id .alignfull { max-width: none; }";
	}

	$style .= ".wp-container-$id .alignleft { float: left; margin-right: 2em; }";
	$style .= ".wp-container-$id .alignright { float: right; margin-left: 2em; }";

	// This assumes the hook only applies to blocks with a single wrapper.
	// I think this is a reasonable limitation for that particular hook.
	$content = preg_replace(
		'/' . preg_quote( 'class="', '/' ) . '/',
		'class="wp-container-' . $id . ' ',
		$block_content,
		1
	);

	return $content . '<style>' . $style . '</style>';
}