mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-09 04:11:10 +01:00
86 lines
2.0 KiB
PHP
86 lines
2.0 KiB
PHP
|
<?php
|
||
|
|
/**
|
||
|
|
* Server-side rendering of the `core/cover` block.
|
||
|
|
*
|
||
|
|
* @package WordPress
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Renders the `core/cover` block on server.
|
||
|
|
*
|
||
|
|
* @param array $attributes The block attributes.
|
||
|
|
* @param array $content The block rendered content.
|
||
|
|
*
|
||
|
|
* @return string Returns the cover block markup, if useFeaturedImage is true.
|
||
|
|
*/
|
||
|
|
function render_block_core_cover( $attributes, $content ) {
|
||
|
|
if ( false === $attributes['useFeaturedImage'] ) {
|
||
|
|
return $content;
|
||
|
|
}
|
||
|
|
|
||
|
|
$current_featured_image = get_the_post_thumbnail_url();
|
||
|
|
|
||
|
|
if ( false === $current_featured_image ) {
|
||
|
|
return $content;
|
||
|
|
}
|
||
|
|
|
||
|
|
$is_img_element = ! ( $attributes['hasParallax'] || $attributes['isRepeated'] );
|
||
|
|
$is_image_background = 'image' === $attributes['backgroundType'];
|
||
|
|
|
||
|
|
if ( $is_image_background && ! $is_img_element ) {
|
||
|
|
$content = preg_replace(
|
||
|
|
'/class=\".*?\"/',
|
||
|
|
'${0} style="background-image:url(' . esc_url( $current_featured_image ) . ')"',
|
||
|
|
$content,
|
||
|
|
1
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( $is_image_background && $is_img_element ) {
|
||
|
|
$object_position = '';
|
||
|
|
if ( isset( $attributes['focalPoint'] ) ) {
|
||
|
|
$object_position = round( $attributes['focalPoint']['x'] * 100 ) . '%' . ' ' .
|
||
|
|
round( $attributes['focalPoint']['x'] * 100 ) . '%';
|
||
|
|
}
|
||
|
|
|
||
|
|
$image_template = '<img
|
||
|
|
class="wp-block-cover__image-background"
|
||
|
|
alt="%s"
|
||
|
|
src="%s"
|
||
|
|
style="object-position: %s"
|
||
|
|
data-object-fit="cover"
|
||
|
|
data-object-position="%s"
|
||
|
|
/>';
|
||
|
|
|
||
|
|
$image = sprintf(
|
||
|
|
$image_template,
|
||
|
|
esc_attr( get_the_post_thumbnail_caption() ),
|
||
|
|
esc_url( $current_featured_image ),
|
||
|
|
esc_attr( $object_position ),
|
||
|
|
esc_attr( $object_position )
|
||
|
|
);
|
||
|
|
|
||
|
|
$content = str_replace(
|
||
|
|
'</span><div',
|
||
|
|
'</span>' . $image . '<div',
|
||
|
|
$content
|
||
|
|
);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
return $content;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Registers the `core/cover` block renderer on server.
|
||
|
|
*/
|
||
|
|
function register_block_core_cover() {
|
||
|
|
register_block_type_from_metadata(
|
||
|
|
__DIR__ . '/cover',
|
||
|
|
array(
|
||
|
|
'render_callback' => 'render_block_core_cover',
|
||
|
|
)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
add_action( 'init', 'register_block_core_cover' );
|