如今,所谓的单页网站越来越受到人们的青睐,锚点也开始被广泛使用。它们的优点是,将它们放置在主页的不同部分后,我们可以使用链接(所谓的页面跳转)非常快速高效地在它们之间移动。
文章内容:
什么是锚链接以及它们如何工作?
如何在 Divi WordPress 模板中创建锚链接?
如何正确地将锚文本链接插入菜单?
如何解决突出显示给定页面上的所有菜单项的问题?
什么是锚链接以及它们如何工作?
锚链接可以在网站访问者点击后将其带到页面的特定部分。它们所指的位置用“A 元素”或 CSS ID 属性标记。
我们使用的Divi模板中 , 饭团数据库 点击“高级”选项卡下的section/row/module设置后插入ID属性。这里,特定的锚文本被插入到CSS ID框中。
注意: 此处插入的文本不带#字符。
然后,链接本身将作为“自定义链接”添加到经典 WordPress 外观/菜单面板的主菜单中。这次输入的 是 “#”字符, 后面跟着我们要引用的特定 ID 的名称(不带空格)。在我们的例子中,它的形式为“#proc-with-us”。
这样设置的菜单中的链接现在可以完全发挥作用, 您可以从我们的顶级专家那里学到 8 个 ppc 广告文案秘诀 单击文本链接后,我们将移动到页面上的所需点。
问题 1 – 锚文本的链接格式
如果该网站还包含显示菜单的其他页面,则会出现问题。如果我们当前在另一个页面上并想要进入主页中包含“为什么选择我们”部分的部分,则需要在菜单中放置一个链接,形式为 https://nazevdomeny.cz/#proc-s-nami。这将解决除锚点以外的页面上的断开链接的问题。
问题 2 – 标记给定页面上的所有菜单链接的问题
如果我们发现主页(锚点所在的位置)中有菜单链接,并且菜单的设置方式以某种方式突出显示了访问者所在的活动页面(a:active), 萨玛旅游 则可能会出现问题。这将突出显示所有这些所谓的链接。活动状态。
情况如下:
使用为主页(或锚点所在的页面)创建特定菜单的插件可以非常轻松地解决此问题。乍一看,该菜单看起来与网站其余页面上的菜单完全相同。主要的区别在于锚点引用的书写风格。
为了这些目的,我推荐 Themify 的“条件菜单”插件,它是免费提供的(https://wordpress.org/plugins/conditional-menus/)。
安装并激活后,顶部的菜单设置中会出现一个新标签“管理位置”,您可以在其中管理菜单的位置。
在下一步中,您需要创建一个菜单(在我们的例子中是主菜单),它将在 WordPress 中标记为主菜单,其链接格式为。然后,您需要创建与主菜单完全相同的第二个菜单(在我们的例子中是主主菜单),它将使用#proc-s-nami 格式的“自定义链接”,并且仅在主页上使用此插件的位置设置选择显示条件。
不要忘记保存任何更改,一切都会正常进行。
我希望本指南能为您节省大量时间,如果您有任何问题或疑虑,我很乐意听取您的意见。