mirror of
https://github.com/WordPress/WordPress.git
synced 2024-08-26 07:43:04 +02:00
Package updates for bug and regression fixes: * @wordpress/annotations: 2.17.3 * @wordpress/block-directory: 3.15.4 * @wordpress/block-editor: 10.0.4 * @wordpress/block-library: 7.14.4 * @wordpress/blocks: 11.16.4 * @wordpress/components: 21.0.4 * @wordpress/core-data: 5.0.4 * @wordpress/customize-widgets: 3.14.4 * @wordpress/data: 7.1.3 * @wordpress/data-controls: 2.17.3 * @wordpress/edit-post: 6.14.4 * @wordpress/edit-site: 4.14.5 * @wordpress/edit-widgets: 4.14.4 * @wordpress/editor: 12.16.4 * @wordpress/format-library: 3.15.4 * @wordpress/interface: 4.16.3 * @wordpress/keyboard-shortcuts: 3.15.3 * @wordpress/list-reusable-blocks: 3.15.4 * @wordpress/notices: 3.17.3 * @wordpress/nux: 5.15.4 * @wordpress/preferences: 2.9.4 * @wordpress/reusable-blocks: 3.15.4 * @wordpress/rich-text: 5.15.3 * @wordpress/server-side-render: 3.15.4 * @wordpress/style-engine: 1.0.3 * @wordpress/viewport: 4.15.3 * @wordpress/widgets: 2.15.4 References: * [https://github.com/WordPress/gutenberg/pull/44634 Gutenberg PR 44634] – Quote block: stop slash inserter popup showing in citation * [https://github.com/WordPress/gutenberg/pull/44630 Gutenberg PR 44630] – Query Loop: Fix condition for displaying 'parents' control * [https://github.com/WordPress/gutenberg/pull/44554 Gutenberg PR 44554] – Hide the Classic block in the Site Editor * [https://github.com/WordPress/gutenberg/pull/44594 Gutenberg PR 44594] – Fix navigation block console error * [https://github.com/WordPress/gutenberg/pull/44555 Gutenberg PR 44555] – Theme export: Fix broken spacingScale export * [https://github.com/WordPress/gutenberg/pull/44580 Gutenberg PR 44580] – Code Block: Add box-sizing to fix inconsistent layout * [https://github.com/WordPress/gutenberg/pull/44556 Gutenberg PR 44556] – Remove border from Global Styles previews * [https://github.com/WordPress/gutenberg/pull/44141 Gutenberg PR 44141] – Spacing presets: Modify the styling of the input controls when in unlinked mode in order to better differentiate sides * [https://github.com/WordPress/gutenberg/pull/44453 Gutenberg PR 44453] – Preserve the generic signature of getEntityRecord and getEntityRecords through currying * [https://github.com/WordPress/gutenberg/pull/44504 Gutenberg PR 44504] – Theme.json: fix some outline properties doesn't work properly on the editor * [https://github.com/WordPress/gutenberg/pull/44516 Gutenberg PR 44516] – Add style engine to editor tsconfig references * [https://github.com/WordPress/gutenberg/pull/44523 Gutenberg PR 44523] – Query Loop Block: Rename Query Loop variations allowControls to allowedControls * [https://github.com/WordPress/gutenberg/pull/44520 Gutenberg PR 44520] – Post Featured Image: Fix application of default border style in editor * [https://github.com/WordPress/gutenberg/pull/44286 Gutenberg PR 44286] – Post Featured Image: Fix borders after addition of overlay feature * [https://github.com/WordPress/gutenberg/pull/44482 Gutenberg PR 44482] – Template Editor: Fix crashes due to undefined variables * [https://github.com/WordPress/gutenberg/pull/44480 Gutenberg PR 44480] – Template Parts: Prevent adding block in post editor or inside post template or content blocks * [https://github.com/WordPress/gutenberg/pull/44425 Gutenberg PR 44425] – Fix rotated image crop area aspect ratio * [https://github.com/WordPress/gutenberg/pull/44485 Gutenberg PR 44485] – Fix padding/margin visualizer accuracy * [https://github.com/WordPress/gutenberg/pull/44569 Gutenberg PR 44569] – Theme.json: Fix some shadow properties that do not work properly in the site editor * [https://github.com/WordPress/gutenberg/pull/44575 Gutenberg PR 44575] – ToggleGroupControl: Fix unselected icon color * [https://github.com/WordPress/gutenberg/pull/44526 Gutenberg PR 44526] – TokenInput Field: Try alternative approach to fix screen reader focus issue * [https://github.com/WordPress/gutenberg/pull/44506 Gutenberg PR 44506] – Edit Post: Optimize legacy post content layout * [https://github.com/WordPress/gutenberg/pull/44258 Gutenberg PR 44258] – Add layout styles from Post Content block to post editor Follow-up to [54257] and [54335]. Props czapla, isabel_brison, wildworks, bernhard-reiter, hellofromTonya. See #56467. Built from https://develop.svn.wordpress.org/trunk@54383 git-svn-id: http://core.svn.wordpress.org/trunk@53942 1a063a9b-81f0-0310-95a4-ce76da25c4cd
202 lines
6.6 KiB
PHP
202 lines
6.6 KiB
PHP
<?php
|
|
/**
|
|
* Server-side rendering of the `core/post-featured-image` block.
|
|
*
|
|
* @package WordPress
|
|
*/
|
|
|
|
/**
|
|
* Renders the `core/post-featured-image` block on the server.
|
|
*
|
|
* @param array $attributes Block attributes.
|
|
* @param string $content Block default content.
|
|
* @param WP_Block $block Block instance.
|
|
* @return string Returns the featured image for the current post.
|
|
*/
|
|
function render_block_core_post_featured_image( $attributes, $content, $block ) {
|
|
if ( ! isset( $block->context['postId'] ) ) {
|
|
return '';
|
|
}
|
|
$post_ID = $block->context['postId'];
|
|
|
|
$is_link = isset( $attributes['isLink'] ) && $attributes['isLink'];
|
|
$size_slug = isset( $attributes['sizeSlug'] ) ? $attributes['sizeSlug'] : 'post-thumbnail';
|
|
$post_title = trim( strip_tags( get_the_title( $post_ID ) ) );
|
|
$attr = get_block_core_post_featured_image_border_attributes( $attributes );
|
|
$overlay_markup = get_block_core_post_featured_image_overlay_element_markup( $attributes );
|
|
|
|
if ( $is_link ) {
|
|
$attr['alt'] = $post_title;
|
|
}
|
|
|
|
$featured_image = get_the_post_thumbnail( $post_ID, $size_slug, $attr );
|
|
if ( ! $featured_image ) {
|
|
return '';
|
|
}
|
|
$wrapper_attributes = get_block_wrapper_attributes();
|
|
if ( $is_link ) {
|
|
$link_target = $attributes['linkTarget'];
|
|
$rel = ! empty( $attributes['rel'] ) ? 'rel="' . esc_attr( $attributes['rel'] ) . '"' : '';
|
|
$featured_image = sprintf(
|
|
'<a href="%1$s" target="%2$s" %3$s>%4$s%5$s</a>',
|
|
get_the_permalink( $post_ID ),
|
|
esc_attr( $link_target ),
|
|
$rel,
|
|
$featured_image,
|
|
$overlay_markup
|
|
);
|
|
} else {
|
|
$featured_image = $featured_image . $overlay_markup;
|
|
}
|
|
|
|
$has_width = ! empty( $attributes['width'] );
|
|
$has_height = ! empty( $attributes['height'] );
|
|
if ( ! $has_height && ! $has_width ) {
|
|
return "<figure {$wrapper_attributes}>{$featured_image}</figure>";
|
|
}
|
|
|
|
if ( $has_width ) {
|
|
$wrapper_attributes = get_block_wrapper_attributes( array( 'style' => "width:{$attributes['width']};" ) );
|
|
}
|
|
|
|
if ( $has_height ) {
|
|
$image_styles = "height:{$attributes['height']};";
|
|
if ( ! empty( $attributes['scale'] ) ) {
|
|
$image_styles .= "object-fit:{$attributes['scale']};";
|
|
}
|
|
$featured_image = str_replace( 'src=', 'style="' . esc_attr( $image_styles ) . '" src=', $featured_image );
|
|
}
|
|
|
|
return "<figure {$wrapper_attributes}>{$featured_image}</figure>";
|
|
}
|
|
|
|
/**
|
|
* Generate markup for the HTML element that will be used for the overlay.
|
|
*
|
|
* @param array $attributes Block attributes.
|
|
*
|
|
* @return string HTML markup in string format.
|
|
*/
|
|
function get_block_core_post_featured_image_overlay_element_markup( $attributes ) {
|
|
$has_dim_background = isset( $attributes['dimRatio'] ) && $attributes['dimRatio'];
|
|
$has_gradient = isset( $attributes['gradient'] ) && $attributes['gradient'];
|
|
$has_custom_gradient = isset( $attributes['customGradient'] ) && $attributes['customGradient'];
|
|
$has_solid_overlay = isset( $attributes['overlayColor'] ) && $attributes['overlayColor'];
|
|
$has_custom_overlay = isset( $attributes['customOverlayColor'] ) && $attributes['customOverlayColor'];
|
|
$class_names = array( 'wp-block-post-featured-image__overlay' );
|
|
$styles = array();
|
|
|
|
if ( ! $has_dim_background ) {
|
|
return '';
|
|
}
|
|
|
|
// Apply border classes and styles.
|
|
$border_attributes = get_block_core_post_featured_image_border_attributes( $attributes );
|
|
|
|
if ( ! empty( $border_attributes['class'] ) ) {
|
|
$class_names[] = $border_attributes['class'];
|
|
}
|
|
|
|
if ( ! empty( $border_attributes['style'] ) ) {
|
|
$styles[] = $border_attributes['style'];
|
|
}
|
|
|
|
// Apply overlay and gradient classes.
|
|
if ( $has_dim_background ) {
|
|
$class_names[] = 'has-background-dim';
|
|
$class_names[] = "has-background-dim-{$attributes['dimRatio']}";
|
|
}
|
|
|
|
if ( $has_solid_overlay ) {
|
|
$class_names[] = "has-{$attributes['overlayColor']}-background-color";
|
|
}
|
|
|
|
if ( $has_gradient || $has_custom_gradient ) {
|
|
$class_names[] = 'has-background-gradient';
|
|
}
|
|
|
|
if ( $has_gradient ) {
|
|
$class_names[] = "has-{$attributes['gradient']}-gradient-background";
|
|
}
|
|
|
|
// Apply background styles.
|
|
if ( $has_custom_gradient ) {
|
|
$styles[] = sprintf( 'background-image: %s;', $attributes['customGradient'] );
|
|
}
|
|
|
|
if ( $has_custom_overlay ) {
|
|
$styles[] = sprintf( 'background-color: %s;', $attributes['customOverlayColor'] );
|
|
}
|
|
|
|
return sprintf(
|
|
'<span class="%s" style="%s" aria-hidden="true"></span>',
|
|
esc_attr( implode( ' ', $class_names ) ),
|
|
esc_attr( safecss_filter_attr( implode( ' ', $styles ) ) )
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Generates class names and styles to apply the border support styles for
|
|
* the Post Featured Image block.
|
|
*
|
|
* @param array $attributes The block attributes.
|
|
* @return array The border-related classnames and styles for the block.
|
|
*/
|
|
function get_block_core_post_featured_image_border_attributes( $attributes ) {
|
|
$border_styles = array();
|
|
$sides = array( 'top', 'right', 'bottom', 'left' );
|
|
|
|
// Border radius.
|
|
if ( isset( $attributes['style']['border']['radius'] ) ) {
|
|
$border_styles['radius'] = $attributes['style']['border']['radius'];
|
|
}
|
|
|
|
// Border style.
|
|
if ( isset( $attributes['style']['border']['style'] ) ) {
|
|
$border_styles['style'] = $attributes['style']['border']['style'];
|
|
}
|
|
|
|
// Border width.
|
|
if ( isset( $attributes['style']['border']['width'] ) ) {
|
|
$border_styles['width'] = $attributes['style']['border']['width'];
|
|
}
|
|
|
|
// Border color.
|
|
$preset_color = array_key_exists( 'borderColor', $attributes ) ? "var:preset|color|{$attributes['borderColor']}" : null;
|
|
$custom_color = _wp_array_get( $attributes, array( 'style', 'border', 'color' ), null );
|
|
$border_styles['color'] = $preset_color ? $preset_color : $custom_color;
|
|
|
|
// Individual border styles e.g. top, left etc.
|
|
foreach ( $sides as $side ) {
|
|
$border = _wp_array_get( $attributes, array( 'style', 'border', $side ), null );
|
|
$border_styles[ $side ] = array(
|
|
'color' => isset( $border['color'] ) ? $border['color'] : null,
|
|
'style' => isset( $border['style'] ) ? $border['style'] : null,
|
|
'width' => isset( $border['width'] ) ? $border['width'] : null,
|
|
);
|
|
}
|
|
|
|
$styles = wp_style_engine_get_styles( array( 'border' => $border_styles ) );
|
|
$attributes = array();
|
|
if ( ! empty( $styles['classnames'] ) ) {
|
|
$attributes['class'] = $styles['classnames'];
|
|
}
|
|
if ( ! empty( $styles['css'] ) ) {
|
|
$attributes['style'] = $styles['css'];
|
|
}
|
|
return $attributes;
|
|
}
|
|
|
|
/**
|
|
* Registers the `core/post-featured-image` block on the server.
|
|
*/
|
|
function register_block_core_post_featured_image() {
|
|
register_block_type_from_metadata(
|
|
__DIR__ . '/post-featured-image',
|
|
array(
|
|
'render_callback' => 'render_block_core_post_featured_image',
|
|
)
|
|
);
|
|
}
|
|
add_action( 'init', 'register_block_core_post_featured_image' );
|