WordPress设置文章页面跳转-锚链接

页面跳转-锚链接,设置说明:

主题

页面跳转(有时也称为锚链接)是单击链接并立即移动到长页面上方或下方的位置。为此,我们可以在页面中放置HTML锚点作为标题属性,并创建一个跳转到锚点的链接。我们可以跳到另一页的锚点

放置HTML锚点#放置HTML锚

  1. 使用加号图标添加一个新的块。
  2. 选择“标题”作为块类型,或开始键入/heading作为标题块的快捷方式。
  3. 输入标题文字。如果不想显示任何文本,可以在标题文本中保留空白。
  4. 在右侧的“块设置”下,单击“高级”。
  5. 在“ HTML锚点”字段中输入将成为我们链接的单词。

HTML语法锚#HTML锚定语法

  • HTML锚在文档中必须唯一。
  • HTML锚点区分大小写。
  • HTML锚可以包含以下符号:连字符(-),下划线(_),冒号(:),句点(。)。它不能包含空格。
  • HTML锚点必须以字母开头。

顶部↑

链接到你的HTML锚#链接到您的HTML锚

  1. 键入一些文本,或添加图像或按钮,它们将成为我们希望访问者单击以转到另一部分的内容。
  2. 突出显示文本,图像或按钮,然后从块的工具栏中选择链接选项。
  3. 键入我们创建的HTML锚,以井号(#)开头。例如,如果我们创建了一个名为“重要通知”的锚,则可以链接到#important-notice。

注意:当我们预览站点时,跳转链接将不起作用。但是,一旦发布网站页面,我们就可以对其进行测试。

跳到另一页上的锚点

如果要跳转到另一个页面的锚点,请使用HTML锚点指定URL。例如,yueyubaike.com/cantonese-pinyin-video-tutorial.html#Video-tutorial

这里我设置一个粤语百科网站的“锚”,点击链接直接跳转到相应锚定位置。

版权所有,如未注明,均为原创,转载请注明
本文链接:https://xixi.li/wordpress-settings-article-page-jump-anchor-link.html
本文标题:WordPress设置文章页面跳转-锚链接

发表评论

电子邮件地址不会被公开。 必填项已用*标注