summaryrefslogtreecommitdiffstats
path: root/wp-includes/blocks/cover.php
diff options
context:
space:
mode:
Diffstat (limited to 'wp-includes/blocks/cover.php')
-rw-r--r--wp-includes/blocks/cover.php78
1 files changed, 78 insertions, 0 deletions
diff --git a/wp-includes/blocks/cover.php b/wp-includes/blocks/cover.php
new file mode 100644
index 0000000..5f6b2ca
--- /dev/null
+++ b/wp-includes/blocks/cover.php
@@ -0,0 +1,78 @@
+<?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 string $content The block rendered content.
+ *
+ * @return string Returns the cover block markup, if useFeaturedImage is true.
+ */
+function render_block_core_cover( $attributes, $content ) {
+ if ( 'image' !== $attributes['backgroundType'] || false === $attributes['useFeaturedImage'] ) {
+ return $content;
+ }
+
+ if ( ! ( $attributes['hasParallax'] || $attributes['isRepeated'] ) ) {
+ $attr = array(
+ 'class' => 'wp-block-cover__image-background',
+ 'data-object-fit' => 'cover',
+ );
+
+ if ( isset( $attributes['focalPoint'] ) ) {
+ $object_position = round( $attributes['focalPoint']['x'] * 100 ) . '% ' . round( $attributes['focalPoint']['y'] * 100 ) . '%';
+ $attr['data-object-position'] = $object_position;
+ $attr['style'] = 'object-position: ' . $object_position;
+ }
+
+ $image = get_the_post_thumbnail( null, 'post-thumbnail', $attr );
+
+ /*
+ * Inserts the featured image between the (1st) cover 'background' `span` and 'inner_container' `div`,
+ * and removes eventual whitespace characters between the two (typically introduced at template level)
+ */
+ $inner_container_start = '/<div\b[^>]+wp-block-cover__inner-container[\s|"][^>]*>/U';
+ if ( 1 === preg_match( $inner_container_start, $content, $matches, PREG_OFFSET_CAPTURE ) ) {
+ $offset = $matches[0][1];
+ $content = substr( $content, 0, $offset ) . $image . substr( $content, $offset );
+ }
+ } else {
+ if ( in_the_loop() ) {
+ update_post_thumbnail_cache();
+ }
+ $current_featured_image = get_the_post_thumbnail_url();
+ if ( ! $current_featured_image ) {
+ return $content;
+ }
+
+ $processor = new WP_HTML_Tag_Processor( $content );
+ $processor->next_tag();
+
+ $styles = $processor->get_attribute( 'style' );
+ $merged_styles = ! empty( $styles ) ? $styles . ';' : '';
+ $merged_styles .= 'background-image:url(' . esc_url( $current_featured_image ) . ');';
+
+ $processor->set_attribute( 'style', $merged_styles );
+ $content = $processor->get_updated_html();
+ }
+
+ 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' );