Wordpress 子菜单链接到页面的一部分

Posted 2023-03-05

【中文标题】Wordpress 子菜单链接到页面的一部分

【英文标题】：Wordpress submenu link to a section of page

【发布时间】：2015-11-19 01:58:20

【问题描述】：

我有一个由 Wordpress 制作的菜单，用作我网站的导航。此菜单中的每个主要项目都是一个页面类型（重定向到其他现有页面），其中一个具有自定义链接的子菜单。

这些自定义链接的 URL 是来自其父页面的 div ID。这就是它的结构。

关于我们

我们是谁 我们做什么 我们如何做

因此，子菜单 URL 是 #who-we-are、#what-we-do 和 #how-we-do，它们是“关于我们”页面中的部分。现在我的问题是，当我在“关于我们”页面时，子菜单链接可以正常工作。它向上/向下滚动到它应该的部分。但是当我在另一个页面（比如说主页）时，它不会重定向到它，因为它在页面中找不到具有该 div 的任何部分。

关于我应该在 URL 上放什么的任何想法？提前致谢。

【参考方案1】：

要使其工作，您必须将 id 标签附加到 url（否则它被视为相对链接）。

示例：

主页：http://yourdomain.com/page1 部分网址：http://yourdomain.com/page1#who-we-are

【参考方案2】：

假设您的关于我们页面的网址是“www.yoursite.com/about-us”。

然后要从外部页面直接跳转到该页面的某个部分，您需要像这样放置锚标记

<a href='http://www.yoursite.com/about-us#who-we-are'/>

所以您应该为您的自定义链接提供 URL“http://www.yoursite.com/about-us#who-we-are”，而不仅仅是“#who-we-are”。

点击链接查看地址栏

Wordpress submenu link to a section of page

【参考方案3】：

为此，您必须将 ID 附加到您希望从中重定向到特定部分的页面链接。

示例：假设您的主页是http://www.yourdomain.com/

现在将 id 传递为：http://www.yourdomain.com/about-us/#who-we-are

                           http://www.yourdomain.com/about-us/#what-we-do

这些应该是关于我们页面上 div 的 id。