render_block_core_cover

函数
render_block_core_cover ( $attributes, $content )
参数
  • (array) $attributes The block attributes.
    Required:
  • (string) $content The block rendered content.
    Required:
返回值
  • (string) Returns the cover block markup, if useFeaturedImage is true.
定义位置
相关方法
register_block_core_coverrender_block_core_archivesrender_block_core_rssrender_block_core_calendarrender_block_core_comments
引入
-
弃用
-

render_block_core_cover: 这个函数用来渲染WordPress中的封面块。Cover块允许用户添加一个背景图片或视频,并将其与文本或其他内容叠加: 这个函数负责生成封面块的HTML标记。

在服务器上渲染`core/cover`区块。

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 withespace characters between the two (typically introduced at template level)
		 */
		$inner_container_start = '/<divb[^>]+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();

		$styles = 'background-image:url(' . esc_url( $current_featured_image ) . '); ';

		if ( isset( $attributes['minHeight'] ) ) {
			$height_unit = empty( $attributes['minHeightUnit'] ) ? 'px' : $attributes['minHeightUnit'];
			$height      = " min-height:{$attributes['minHeight']}{$height_unit}";

			$styles .= $height;
		}

		$content = preg_replace(
			'/class=".*?"/',
			'${0} style="' . $styles . '"',
			$content,
			1
		);
	}

	return $content;
}

常见问题

FAQs
查看更多 >