javascript - 动态更改在 WordPress 中创建的菜单中的链接

Question

我有一个网站，它的首页（主页）带有指向每个加拿大省的子页面的链接。

目前，每个页面的标题菜单是使用 WP 中的菜单部分构建的，并且它被硬编码为跳转到曼尼托巴省的“探索”部分（这是我们为其构建网站的第一个省份）。显然，如果我在不同的省份，这不是我想要的。

有没有办法在 WP 或 JS 中让菜单动态使用菜单链接中的当前省份？

https://imgur.com/a/K85MJZj

我在看一篇文章，我想我可以做这样的事情，但我不确定如何将它整合到 WP 的菜单设置中。

我认为基本代码看起来像这样：

let province = window.location.href; // Do some trimming here to get the name of the province
document.getElementById('explore-menu-item').setAttribute("href", `https://yourlink.com/${province}`);

但同样，我不确定如何使用 WP。有没有人必须完成类似的事情或知道我应该如何进一步解决这个问题？

标签： javascriptwordpressurlmenu