2022-04-19 07:51:07 -04:00
|
|
|
<?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 ) . '%' . ' ' .
|
2022-05-02 09:07:14 -04:00
|
|
|
round( $attributes['focalPoint']['y'] * 100 ) . '%';
|
2022-04-19 07:51:07 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
$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' );
|