【WordPress化】グローバルメニュー部分の動きがおかしい

html,cssなどでコーディングしたページを初めてWordPress化しようとしています。

グローバルメニュー部分の動きについて、気になる点があります。
内部リンクと別ページへのリンクが混在しています。
内部リンクは問題なく飛びます。
別ページへのリンク「お問い合わせ（固定ページ）」をクリックすると、「お問い合わせ」ページが表示されるところまでは良いのですが、「お問い合わせ」ページ上でグローバルメニューの「お問い合わせ」をクリックすると、TOPページが表示され、タブには「ページが見つかりませんでした」と出ています。
また、URL部分が「/contact/contact/」とどんどん末尾に追加されていってしまっています。

やりたいこととしては、
「お問い合わせ」ページ上でグローバルメニューの「お問い合わせ」をクリックしても、再度「お問い合わせ」ページが表示されるには、どのようにすれば良いのでしょうか？
WordPress化が初めてなので、何が間違っていて、何の手順が足りて無いのかわかっていません。
ご教授いただけると幸いです。
よろしくお願いいたします。

<nav class="menu">
　　<ul class="menu__wrapper">
 　　<li>
  　　<a class="menu__link" href="<?php echo home_url(); ?>#concept">
　　　　　　　　<span class="menu__link-en">CONCEPT</span><br />
　　　　　　　　<span class="menu__link-ja">コンセプト</span></a>
 　　</li>
 　　<li>
 　　　　<a class="menu__link" href="<?php echo home_url(); ?>#access">
　　　　　　　　<span class="menu__link-en">ACCESS</span><br />
　　　　　　　　<span class="menu__link-ja">アクセス</span></a>
 　　</li>
 　　<li>
 　　　　<a class="menu__link" href="./contact/">
　　　　　　　　<span class="menu__link-en">CONTACT</span><br />
　　　　　　　　<span class="menu__link-ja">お問い合わせ</span></a>
 　　</li>
　　　　</ul>
</nav>

行動規範の内容に同意します

回答1件

ベストアンサー

今の書き方は相対URLになっており、今いるページの下層のcontactへ移動する形なので、トップページにいる時は良いですが別のページにいると問題がおきます。
この現象はwordpressだから起きているわけではないのですが、wordpressでは別ページでも同じHTMLを表示する機会が多いのでリンクは基本的に絶対URLで書いたほうが良いです。
またhome_url()などの関数で絶対URLを書いておけば、テスト環境やドメインが変わっても少しの編集で動作させやすくなります。

php
1<a class="menu__link" href="./contact/">
2   ↓
3<a class="menu__link" href="<?php echo home_url(); ?>/contact/">
4//もしかすると前方の/(スラッシュ)は無くても良いかもしれません。