wpseek.com
A WordPress-centric search engine for devs and theme authors



render_block_core_playlist_track › WordPress Function

Since6.9.0
Deprecatedn/a
› render_block_core_playlist_track ( $attributes, $content = '', $block = null )
Parameters: (3)
  • (array) $attributes The block attributes.
    Required: Yes
  • (string) $content The block content.
    Required: No
    Default: (empty)
  • (WP_Block|null) $block The block instance.
    Required: No
    Default: null
Returns:
  • (string) Returns the Playlist Track.
Defined at:
Codex:

Renders the `core/playlist-track` block on server.



Related Functions: register_block_core_playlist_track, render_block_core_playlist, render_block_core_page_list, render_block_core_pattern, register_block_core_playlist

Source 

function render_block_core_playlist_track( $attributes, $content = '', $block = null ) {
	if ( empty( $attributes['id'] ) ) {
		return '';
	}

	$wrapper_attributes = get_block_wrapper_attributes();
	$show_images        = true;
	if ( $block instanceof WP_Block && isset( $block->context['showImages'] ) ) {
		$show_images = $block->context['showImages'];
	}

	$artist = $attributes['artist'] ?? '';
	$image  = $attributes['image'] ?? '';
	$alt    = $attributes['imageAlt'] ?? '';
	$length = $attributes['length'] ?? '';
	$title  = isset( $attributes['title'] ) && ! empty( $attributes['title'] ) ? $attributes['title'] : __( 'Unknown title' );

	$html  = '<li ' . $wrapper_attributes . '>';
	$html .= '<button data-wp-on--click="actions.changeTrack" data-wp-bind--aria-current="state.isCurrentTrack" class="wp-block-playlist-track__button">';

	if ( $show_images && $image ) {
		$html .= '<img class="wp-block-playlist-track__image" src="' . esc_url( $image ) . '" alt="' . esc_attr( $alt ) . '" />';
	}

	$html .= '<span class="wp-block-playlist-track__content">';
	if ( $title ) {
		$html .= '<span class="wp-block-playlist-track__title">' . esc_html( $title ) . '</span>';
	}
	if ( $artist ) {
		$html .= '<span class="wp-block-playlist-track__artist">' . esc_html( $artist ) . '</span>';
	}
	$html .= '</span>';

	if ( $length ) {
		$html .= '<span class="wp-block-playlist-track__length">';
		$html .= '<span class="screen-reader-text">' . esc_html__( 'Duration:' ) . ' </span>';
		$html .= esc_html( $length );
		$html .= '</span>';
	}

	$html .= '<span class="screen-reader-text" data-wp-text="state.trackButtonActionLabel">';
	$html .= esc_html__( 'Play' );
	$html .= '</span>';
	$html .= '</button>';
	$html .= '</li>';

	return $html;
}