如何在 WordPress 中插入 WordPress 锚点超链接（3 种技术）

您将在整个网站参考可用性和消费者体验 (UX) 方面做出的大量设计决策。 更重要的是，网站内容——按照标准，浏览你网站的网页——价格不菲。 如果你把这些都结合了，你会经常考虑支持你的信息的用户体验的方法。 WordPress 锚反向链接是内容用户体验的主要内容。

将锚单向链接视为所关注文章的内联导航。 您可以在任何地方发现它们，但标题是一个广泛的用例。 如果他们愿意，这允许读者在不迷路的情况下跳到贴图附近。 这是一个需要考虑的领先的用户体验，也是大多数网站所有者应该想象的事情。

为了向您展示使用它们是多么简单，本文将出现在 WordPress 锚反向链接中。 在我们进入您可以整合它们的各种技术之前，让我们讨论一下它们是什么，以及它们可以为您做什么。

什么是锚点连接

在典型的意义上，锚连接是一个可点击的内嵌导航。 它与一段内容不同，可以让你在网页上达到更高的层次。 我们在 WPKube 使用它们来帮助您跳转到教程中的不同操作：

如果您只是单击 url，该站点将跳到您指定的相关部分。 这是一个非常简单的实现，可以对您网站的可用性产生奇妙的影响。 接下来我们将讨论其中的一些情况。

为什么要在 WordPress 中使用锚单向链接

我们提到可用性是使用 WordPress 锚反向链接的基本动力，这是使用它们的一个重要原因。 另一方面，有大量的使用场景可以将它们添加到您的网站。 例如：

• 如果您想为您的读者提供大量冗长的书面内容（例如 3,000 个术语的帖子），您通常会有一个目录。 这是为锚入站链接量身定制的用途。
• 当您共享书签帖子时，锚也可以操作。 如果您在 URL 中包含锚点，读者将直接跳到您希望他们看到的阶段。
• 你的 Look for Engine Optimization（搜索引擎优化）可以得到提升，主要是因为在某些情况下，查找引擎会将这些人的 WordPress 锚单向链接显示为不同的条目。

简而言之，如果您希望您的观众紧贴您的网站，并与您的文章进行互动，WordPress 锚入站链接是争取流量的关键武器。 至于如何将它们添加到您的网站，未来的部分数量将向您展示。

如何在任何 HTML 代码中包含锚反向链接

包含 WordPress 锚超链接的基础是 HTML。 重要的是，您可以在任何互联网站点上使用这些，而不仅仅是在 WordPress 中。 有两部分：锚点和标签。

首先，您将像任何其他超链接一样增加锚反向链接——利用标签。 仅对于连接，您将在它之前使用“octothorpe”（也称为哈希或磅信号）：

Click on further more down the web page

话虽如此，如果您单击它，该网址将无处可去。 为了让它去某个地方，你将在文章后面加入相同的href超链接作为id ，而不需要 octothorpe：

我们的锚定标题

这会将两个标签反向链接在一起，并构建您必须拥有的内联导航。 请注意，我们在本文中使用了一个标题标签，但这可以是任何 HTML 标签。 欢迎您使用段落标签、图像标签或 HTML 的任何其他方面，如果这样可以吸引客户到他们需要的地方。

如何添加 WordPress 锚链接（3 种方法）

我们现在将向您展示一个关于 WordPress 锚反向链接的严重全球案例！ 以下是我们可能会在接下来的部分中处理的内容：

• 您可以包含块编辑器特征的锚点，以及其他组件上的已建立 ID。 这在经典编辑器中也是可能的。
• 像 Elementor 这样的网站建设者将提供一个模块，使您能够插入 WordPress 锚单向链接到材料。
• 有些插件可以增加指向您内容的自动锚点超链接，这可以帮助您节省一些设置时间。

最初关闭时，我们将看到引导方法。 尽管看起来很难，但应用块编辑器使这变得非常简单。

1.使用引导技术将锚入站链接插入块编辑器

对于大多数最终用户，块编辑器提供了增加 WordPress 锚入站链接到您的信息所需的所有东西。 首先，突出显示您要添加网站链接的一段文本，就像使用超链接一样：

接下来，使用适用的选项将其切换为网站链接，并插入您的锚标记，前面有一个 octothorpe：

你会知道你是否得到这个正确的，因为你会在反向链接旁边看到“内部”这个词。 保留此内容后，请立即转到您要设置锚点的书面内容部分。 我们要使用标题。

您需要前往理想手边栏中的块 > 高度发达的部分，然后进行扩展。 在那里，您将看到HTML 锚规则：

在这里，合并您的 WordPress 锚 url 的文本，没有 octothorpe。 这就是您需要做的所有事情，如果您查看实时预览，您会看到锚网站链接正在运行。

将 Anchor Back 链接添加到复古编辑器

典型编辑器的方法是完全手动 HTML 解决方案和块编辑器解决方案之间的一种混合。 首先，您将在可见页面中插入指向您的材料的超链接……

…然后您将切换到文本内容编辑器并将锚点添加到您的理想因素：

当您再次切换回 Visible 编辑器时，您将看到输入的反向链接，但在您预览您的文章之前，它可能不会按您的预期运行。

2. 使用 Site Builder 插件插入 Anchor Back 链接

大多数页面构建器插件，如 Elementor 或 Beaver Builder 提供模块，以将锚超链接包含到您的内容材料中。 这些可以像 HTML 一样通用，主要是因为它们可以去任何其他模块可以去的地方。

例如，在 Elementor 中，您将使用 Menu Anchor 元素：

要使用它，请将其拖动到您选择的位置。 我们建议您在任何航向方面之前对其进行定位，或者至少在您需要锚定的区域之前进行定位。

在您帮助您保存变体时，您可以检查锚 url。 独特的网站建设者使用多种方法来插入 WordPress 锚超链接，您还将在前端找到不同的实现。 尽管如此，这个概念是准确的，您也将获得准确的最终收益。

3.使用插件将自动锚回链接合并到您的网站

如果您想为您的网页插入更多性能，并帮助您的 WordPress 锚反向链接大放异彩，您可以使用目录 (ToC) 插件。 有许多可访问的，但大多数确实没有对最新 WordPress 版本的评估，或者从未经常更新。 即便如此，SimpleTOC 插件还是会勾选所有合适的容器：

当然，您将需要以常规方式设置和激活插件，然后前往块编辑器。 随后，保存您的文章，然后搜索 SimpleTOC 块：

将此添加到您的发布后，它将立即获取您文章中任何标题的链接。 ToC 将显示个人标题，您无需执行任何指南标记。

即便如此，如果您愿意，您也可以限制您的 ToC 中的一些标题。 如果您将simpletoc-concealed CSS 课程增加到 Heading Block 的进一步 CSS 类行业，这将从您的 ToC 中隐藏它。 您可以在与 HTML 锚规则类似的位置遇到此规则：在块 > 创新侧边栏中：

这是一个非常简单的实现，可能没有手册程序那样的确切程度的整体灵活性，但它很快并且可以让您以正常方式使用 WordPress 锚超链接而无需耗费大量精力。

总之

用户的遭遇是最重要的，作为这种人，您将要考虑所有可以让他们在网站问题上花费时间的方法。 WordPress 锚入站链接可以实现这一点。 它们帮助您创建内联内容导航，并且在切换时，这将帮助您的买家滚动到他们需要的书面内容，而无需大惊小怪或拖延。

这篇文章出现在一些将 WordPress 锚链接合并到您的网站的策略中。 这是一个快速回顾：

• 您可以将它们作为 HTML 标记的一部分并入任何网站，而不仅仅是 WordPress。
• 块编辑器允许您以增加超链接的确切方式合并锚点。
• 诸如 Elementor 之类的网站建设者通常具有集中的模块，允许您将锚点合并到您的材料中。
• 像 SimpleTOC 这样的插件可以将自动 WordPress 锚链接合并到您的材料中。 在某些情况下，插件会更新其目录以匹配您帖子的标题。

您是否觉得 WordPress 锚链接对您的搜索引擎优化和您的观众有好处，如果没有，什么可以帮助他们参与？ 让我们在下面的回复部分知道！