链接到WordPress Post中的任何位置，跳跃链接

wordpress中的"跳转链接"是链接到一个页面上的特定点或目标时.单击该链接将您直接带到您指定的地方.

您可能熟悉Microsoft Word中的此功能，称为书签.

跳转链接(或书签)允许您创建内容，其中读者可以通过单击链接的文本即可立即转到页面上的位置.

它们特别方便在任何页面顶部的迷你目录，或者在单个页面上有很多内容时快速到达部分.

• 如何创建WordPress跳转链接
• 跳转链接的其他重要规则
• 将其他页面上的特定点链接到
• 链接到页面顶部
• 成为一个目标大师

如何创建Wordpress跳转链接

创建跳转链接相当简单，可以通过进入经典WordPress编辑器的文本选项卡来完成.

跳跃链接由两部分组成:

1. 链接
2. 目标

当单击链接时，它将让您的访问者在页面上的位置上存在，其中存在文本.

链接在代码中由 href 表示.

目标由 ID代码表示.

链接

链接代码使用以下格式:

<a href="#unique-name">Link Text</a>

您需要为跳转链接创建一个唯一的名称，并将其放在编码中的位置.(见下面的参数在这里是唯一的.)

您必须始终使用 hashtag#.

示例:

此跳跃链接的唯一名称是:音乐历史记录.

代码希望如下:

<a href="#music-history">Link Text</a>

可见链接文本可以说出您喜欢的任何内容.在这里我们将使用"音乐历史记录"，因为它是我们将它链接到的标题.

<a href="#music-history">Music History</a>

链接的代码.

目标

目标(您跳转的位置)需要采取以下形式:

<a id="unique-name">Target Text</a>

或者，您可以在没有目标文本的情况下进行，并且只需将代码放在编辑器中.

<a id="unique-name"></a>

示例:

在上面的例子中，我制作了我的唯一名称"音乐历史"，所以我需要将我的目标命名为完全相同(目标的 hashtag#目标).

<a id="music-history">Music History</a>

或者，如果我决定不使用目标文本，那将是这样的:

<a id="music-history"></a>

<fime5aption class = target的代码.

跳转链接的其他重要规则

因为这是代码，甚至认为这是基本的，重要的是要知道这里适用的一些更精细的点.关闭不会削减它......很想只有在信用卡上只有一个数字......它必须是准确的.

ID(唯一名称)参数

1. 没有空格:id word不能有空格，但可以有混合帽.
   例子:
   "你好朋友"不起作用.
   "Hellofriend"或"Hello-Friend"的意志.
2. 必须以字母开头:ID是一个字母数字字符串，因此它可以包含字母和/或数字，但它必须开始.
   例子:
   "321hello"不起作用.
   "Hello321"或"Hello1"的意志.
3. 使用关键字:这个是可选的.它可以更容易编写和记住关键字而不是代码，而是有效.
   例子:
   "Hellofriend"或"Hello"很容易记住作为参考，而"HF1"或"He110Fr1end999"则不记住.
   其中任何一个都将起作用，但前两个将更容易回忆起来.

放置

可能有时不愿意将代码放在文本之上;也许在你的网站上的一个地方，工具栏或其他元素可能会在跳转到时潜在地掩盖你想要的东西.

解决方法是将"目标"放在上面的位置，您实际上希望您的访客跳转到.

例如，如果我想确保我的访问者可以看到我的标题标记为"音乐历史"，并且还有另一个页面元素覆盖它，我可以将目标代码放在标题上方我将它链接到，就像这个:

上面的目标文本的代码.

这会导致此...

如何将代码放在目标上方在浏览器中查看.

其他代码

在您处于HTML/文本编辑器时，您将继续查看超过跳转链接代码.您将看到所有HTML代码，遍历所有内容文本.专注于特定于跳转链接的代码-看它格式化并正确放置-并尝试调整其余部分.

示例:

所有代码.

链接到其他页面上的特定点

一旦您设置了这些跳跃链接并测试了它们，您会注意到跳转到目标时，浏览器中的URL会更改为您所在的位置.

示例:

如果您的主页才是 mysite.com/music/，并且您跳转到您的"音乐历史"目标，您的URL现在将显示为 MySite.com/music/#music-History .

因为这，您还可以在页面之间设置链接，然后直接转到所需页面上的点.

示例:

如果您的网站上的帖子和页面有关所有兴趣，并且您想要链接到"音乐"页面的"音乐历史记录"部分"( MySite.com/music/ )，您将直接链接到该点: mysite.com/music/#music-history.

链接到页面顶部

也许你已经在一个网站上，在页面底部有一个链接，说"顶部"或"转到页面顶部."

您也可以通过相同类型的代码轻松完成我们在此处进行，确保您处于HTML/文本编辑器中.

在页面顶部放置以下"目标代码":

<a id="top"></a>

然后在您喜欢的任何地方，使用 hashtag#:

<a href="#top">Go to the Top</a>

相同的原则在这里工作:你有一个链接(即使它在底部)，你也有一个目标(即使它在顶部).

成为目标主站

，这就是它的全部.您现在拥有跳跃链接的所有知识！

在您的帖子中轻松点击目标和页面的便利性是您的读者.它实际上可以改善你的反弹率.

为什么?因为如果人们必须滚动长期读取，他们只想看到一个特定的部分，他们可能会受到沮丧并完全离开您的网站.

最终，您的访客获得他们正在寻找的确切内容更重要，而不是阅读您所写的每一个单词.

来自bigstock的照片.