I'm encountering an issue while trying to display a list of links from my custom navigation in wp_head. Although my code is somewhat functional, the outputted links appear distorted.
Expected link: https://example.com/sample-page/
Actual result: \ / \ / displayed instead of ://
I wonder if I'm overlooking something obvious?
Here's the code snippet:
//OUTPUT MENU
function get_nav_items() {
$menu_slug_to_retrieve = 'my-custom-menu';
$locations = get_nav_menu_locations();
$menu = wp_get_nav_menu_object( $locations[ $menu_slug_to_retrieve ] );
$menu_items = wp_get_nav_menu_items( $menu->term_id );
$menu_items_json = array(); // Prepare the array to convert to json
// Loop through menu items
if ( $menu_items ) {
foreach ( $menu_items as $item ) {
$menu_items_json[] = array( 'url' => $item->url );
}
$html = sprintf(
'<script type="application/ld+json" id="custom-json">%s</script>',
json_encode( $menu_items_json )
);
echo $html;
}
}
add_action( 'wp_head', 'get_nav_items' );