链接到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>

Link code 链接的代码.

目标

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

<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>

Target code <fime5aption class = target的代码.

跳转链接的其他重要规则

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

ID(唯一名称)参数

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

放置

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

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

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

Code above target text. 上面的目标文本的代码.

这会导致此...

Target above link in browser view 如何将代码放在目标上方在浏览器中查看.

其他代码

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

示例:

All the code 所有代码.

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

一旦您设置了这些跳跃链接并测试了它们,您会注意到跳转到目标时,浏览器中的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>

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

成为目标主站

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

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

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

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

Goldfish jumping out of water 来自bigstock的照片.

7

发表回复