Mark up Yoast breadcrumbs as an unordered list

breadcrumbs-list.php

<?php
/**
 * Filter the output of Yoast breadcrumbs so each item is an <li> with schema markup
 * @param $link_output
 * @param $link
 *
 * @return string
 */
function doublee_filter_yoast_breadcrumb_items( $link_output, $link ) {

	$new_link_output = '<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">';
	$new_link_output .= '<a href="' . $link['url'] . '" itemprop="url">' . $link['text'] . '</a>';
	$new_link_output .= '</li>';

	return $new_link_output;
}
add_filter( 'wpseo_breadcrumb_single_link', 'doublee_filter_yoast_breadcrumb_items', 10, 2 );


/**
 * Filter the output of Yoast breadcrumbs to remove <span> tags added by the plugin
 * @param $output
 *
 * @return mixed
 */
function doublee_filter_yoast_breadcrumb_output( $output ){

	$from = '<span>';
	$to = '</span>';
	$output = str_replace( $from, $to, $output );

	return $output;
}
add_filter( 'wpseo_breadcrumb_output', 'doublee_filter_yoast_breadcrumb_output' );


/**
 * Shortcut function to output Yoast breadcrumbs
 * wrapped in the appropriate markup
 */
function doublee_breadcrumbs() {
	if ( function_exists('yoast_breadcrumb') ) {
		yoast_breadcrumb('<ul>', '</ul>');
	}
}

Hi!
Any ideea how to implement
meta itemprop="position" content="' . $count . '" on $new_link_output and get the $count value?
Thanks!

Thank you very much for this! I just copied 2 of these functions and they worked like a charm. Thank you!

Thank you very much for this! I just copied 2 of these functions and they worked like a charm. Thank you!

Thanks for your comment @gusmt66, I'm so glad to hear this helped you!

Add this so the HTML validates:

function filter_wpseo_breadcrumb_separator($separator) { return '<li>'.$separator.'</li>'; }; add_filter('wpseo_breadcrumb_separator', 'filter_wpseo_breadcrumb_separator', 10, 1);

Thanks for code, I can't see the <ul></ul> is show only the <li></li>
I using shortcode or the Elementor widget
how can I control the wrapping

Thanks for code, I can't see the <ul></ul> is show only the <li></li> I using shortcode or the Elementor widget how can I control the wrapping

Hi @mstudioIL, I don't generally work with Elementor so I don't know the answer to this one. Sorry I can't be more help!

Thanks, the last code
function doublee_breadcrumbs() { if ( function_exists('yoast_breadcrumb') ) { yoast_breadcrumb('<ul>', '</ul>'); } }
need to be in page and not in
It didn't worked in functions.php, the rest of the code is working.
Is there way to change this with functions.php?