ワードプレスのグローバルナビメニューのリンクを修正したい

Question

前提・実現したいこと

表題の通りグローバルナビメニューのリンクを一部修正したいです。

発生している問題・エラーメッセージ

<a href="https://hogehoge.com/">にdate-text="HOME"の文字を追加・修正したいのですがどこを修正すれば良いのかわかりません。

該当のソースコード

<a href="#" id="global-nav-button" class="global-nav-button"></a>
<nav id="global-nav" class="global-nav"><ul id="menu-914812841284812498241841298420" class="menu"><li id="menu-item-313" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-61 current_page_item menu-item-313"><a href="https://hogehoge.com" aria-current="page"><span></span><i class="fa fa-home"></i>ホーム</a></li>
<li id="menu-item-315" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-315"><a href="https://hogehoge.com/"><span></span>私たちについて</a></li>
<li id="menu-item-317" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-317"><a href="https://hogehoge.com/"><span></span>実績</a></li>
<li id="menu-item-318" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-318"><a href="https://hogehoge.com/"><span></span>お客様の声</a></li>
<li id="menu-item-314" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-314"><a href="https://hogehoge.com/"><span></span>お問合せ</a></li>
</ul></nav>

// header.php
<a href="#" id="global-nav-button" class="global-nav-button"></a>
			<?php	
			wp_nav_menu( array(
				'container' => 'nav',
				'container_class' => 'global-nav',
				'container_id' => 'global-nav',
				'link_before' => '<span></span>',
				'theme_location' => 'global-menu'
			) );
			?>

試したこと

• functions.php内でwp_nav_menu関数を探すも見つからず..

• header.phpの中から該当のコードを見つけました。

• wp_nav_menu()内でnavタグを付与、global-navクラスを付与、global-navIDを付与、<a href=""></a>の前に<span>タグを付与までは読み取れました。

ただ修正したい<a href="https://hogehoge.com/">のコードが見つかりません。
この場合はどの様に発見すれば良いのでしょうか。
よろしくお願いいたします

Answer 1

wp_nav_menu()関数の直後に<script>を追加してJavaScriptで付与してはどうでしょうか。

            <?php    
            wp_nav_menu( array(
                'container' => 'nav',
                'container_class' => 'global-nav',
                'container_id' => 'global-nav',
                'link_before' => '<span></span>',
                'theme_location' => 'global-menu'
            ) );
            ?>
    <!-- 追加 -->
	<script>
		document.querySelector('#menu-item-313 a').setAttribute("data-text", "HOME");
	</script>

htmlを書き換える必要があるならフィルターでも変更可能だと思います。

add_filter('wp_page_menu', function($menu){
	//メニューを書き換える処理
	//○○○○○
	return $menu;
});

Comments

[退会済みユーザー]

ありがとうございます！
Javascriptで書いてみます。