How do I modify wp_nav_menu() link hrefs?

  • Resolved lambeco

    (@lambeco)


    14 years, 5 months ago

    I’m building a site that will use AJAX or Flash combined deep-linking to display content using WordPress as the CMS. Right now, my wp_nav_menu() output looks like this (I snipped id and class attributes since they aren’t relevant):

    <pre><code><div class="menu-header">
	<ul id="menu-header-navigation" class="menu">
		<li ...snip...><a href="https://example.tld/">Home</a></li>
		<li ...snip...><a href="https://example.tld/page-1/">Page 1</a></li>
		<li ...snip...><a href="https://example.tld/page-2/">Page 2</a></li>
		<li ...snip...><a href="https://example.tld/page-3/">Page 3</a></li>
	</ul>
</div>

    All I want to do is insert “#/” between the domain and the slug, so they look like this:

    <pre><code><div class="menu-header">
	<ul id="menu-header-navigation" class="menu">
		<li ...snip...><a href="https://example.tld/">Home</a></li>
		<li ...snip...><a href="https://example.tld/#/page-1/">Page 1</a></li>
		<li ...snip...><a href="https://example.tld/#/page-2/">Page 2</a></li>
		<li ...snip...><a href="https://example.tld/#/page-3/">Page 3</a></li>
	</ul>
</div>

    Is there a way I can do this through hooks or something?

    Thanks!

Viewing 1 replies (of 1 total)
  • Thread Starter lambeco

    (@lambeco)

    Found a solution! It requires access to the following PHP functions:
    https://php.net/manual/en/function.parse-url.php
    https://www.php.net/manual/en/function.http-build-url.php

    …as well as the DOMDocument object.

    Once you have that, add a filter for ‘wp_nav_menu_items’ with the following:

    function makeDeeplinks($items,$args = null)
{
	$dom = new DOMDocument();
	$dom->loadHTML($items);
	$linkNodes = $dom->getElementsByTagName('a');
	$count = $linkNodes->length;

	for($i = 0;$i < $count;$i++)
	{
		$node = $linkNodes->item($i);
		$url = parse_url($node->getAttribute('href'));
		$url['fragment'] = $url['path'];
		$url['path'] = '';
		$node->setAttribute('href',http_build_url(null,$url));
	}
	return $dom->saveHTML();
}

    It basically takes the menu items string, converts it into a DOM object, pulls all the ‘a’ tags and turns the path into an anchor reference.

Viewing 1 replies (of 1 total)
  • The topic ‘How do I modify wp_nav_menu() link hrefs?’ is closed to new replies.