wpseek.com
Eine auf WordPress spezialiserte Suchmaschine für Entwickler und Theme-Autoren



block_core_tab_list_render_callback › WordPress Function

Seit7.1.0
Veraltetn/v
› block_core_tab_list_render_callback ( $attributes, $content, $block )
Parameter: (3)
  • (array) $attributes Block attributes.
    Erforderlich: Ja
  • (string) $content Block content (rendered buttons from save.js).
    Erforderlich: Ja
  • (WP_Block) $block WP_Block instance.
    Erforderlich: Ja
Gibt zurück:
  • (string) Updated HTML.
Definiert in:
Codex:

Render callback for core/tab-list.

Injects IAPI directives into the saved button HTML. The buttons already carry color/border/padding styles from save.js; this callback adds tab-specific attributes (id, aria-controls, context) and interactivity directives using data from the tabs-list context.


Ähnliche Funktionen: block_core_tabs_render_block_callback, block_core_list_render, block_core_tab_panel_render, block_core_page_list_render_nested_page_list, block_core_gallery_render

Quellcode 

function block_core_tab_list_render_callback( array $attributes, string $content, \WP_Block $block ): string {
	$tabs_list  = $block->context['core/tabs-list'] ?? array();
	$aria_label = empty( $attributes['ariaLabel'] ) ? __( 'Tabbed content' ) : wp_strip_all_tags( $attributes['ariaLabel'] );

	$tag_processor = new WP_HTML_Tag_Processor( $content );
	if ( $tag_processor->next_tag( array( 'class_name' => 'wp-block-tab-list' ) ) ) {
		$tag_processor->set_attribute( 'aria-label', $aria_label );
	}

	if ( empty( $tabs_list ) ) {
		return $tag_processor->get_updated_html();
	}

	$tab_index = 0;

	while ( $tag_processor->next_tag( 'button' ) ) {
		$tab_id = $tabs_list[ $tab_index ] ?? null;

		if ( null === $tab_id ) {
			break;
		}

		$tag_processor->set_attribute( 'id', 'tab__' . $tab_id );
		$tag_processor->set_attribute( 'aria-controls', $tab_id );
		$tag_processor->set_attribute( 'data-wp-on--click', 'actions.handleTabClick' );
		$tag_processor->set_attribute( 'data-wp-on--keydown', 'actions.handleTabKeyDown' );
		$tag_processor->set_attribute( 'data-wp-bind--aria-selected', 'state.isActiveTab' );
		$tag_processor->set_attribute( 'data-wp-bind--tabindex', 'state.tabIndexAttribute' );
		$tag_processor->set_attribute(
			'data-wp-context',
			wp_json_encode( array( 'tabIndex' => $tab_index ) )
		);

		++$tab_index;
	}

	return $tag_processor->get_updated_html();
}