如何设置导航

在这篇文章中,我们将解释如何使用页眉/页脚构建器在你的网站上设置导航。

  1. 概述
  2. 如何在WordPress中添加导航菜单
  3. 导航如何工作在页眉/页脚构建器
  4. 在页眉/页脚构建器的导航中使用哪些元素
  5. 如何在页眉/页脚构建器中设置移动菜单
  6. 总结

概述

将导航添加到Pro主题头构建器包含两个步骤:

  1. 在WordPress中添加导航菜单
  2. 向标头构建器中添加导航元素
导航

如何在WordPress中添加导航菜单

按照以下步骤在WordPress上添加一个导航菜单:

  1. WordPress仪表盘>外观>菜单
  2. 点击创建一个新菜单链接。
创建
  1. 为菜单输入一个名称,然后单击创建菜单按钮。
添加
  1. 使用左侧窗格向菜单中添加页面、帖子或自定义链接。
项
  1. 单击每个菜单项以更改该菜单项的特征。
项目详细信息

添加导航到你的网站的第二步是去WordPress仪表盘> Pro >头文件并选择有问题的标题。您可以使用特定于导航的元素将菜单添加到标头构建器中。

箴头

在标题构建器中有导航菜单特定的元素,您可以使用它们向您的网站添加菜单。下面是你可以使用的元素列表:

  • 导航内联
  • 导航崩溃
  • 导航下拉
  • 导航分层
  • 导航模态

每个元素都有不同的控件,这取决于元素的使用方式。例如,Navigation Inline元素有主菜单项和子菜单项的控件,但Navigation Collapse元素有用于打开菜单的切换图标的控件,这在移动设备上大多使用。

控件之前创建的菜单,在所有与导航相关的元素中都有一个公共控件WordPress仪表盘>外观>菜单菜单。您可以添加无限的元素,因此可以在头构建器中添加菜单。

常见的控制

可以用来添加菜单的典型元素是Navigation Inline元素。导航内联元素更适合台式机或笔记本电脑屏幕尺寸。屏幕尺寸较小的设备,如平板电脑和手机,最好使用其他元素,如导航折叠或模式元素。

您需要同时添加Navigation Inline和Navigation Collapse元素,并使用按设备大小隐藏内容这些元素的特性,为桌面视图隐藏一个,为桌面视图隐藏另一个。这是你能够迎合所有设备和屏幕尺寸的方法。

常见的控制

您也可以在页脚构建器中使用相同的导航元素。唯一的例外是Navigation Inline元素,它只能显示线性菜单而不能显示子菜单。

总结

我们已经讨论了在Pro主题中结合内置的WordPress导航菜单功能和Pro页眉/页脚构建器导航特定元素来设置导航。最后,我们讨论了在布局导航菜单时可以用于迎合移动设备的技巧。

看到不准确的地方了吗?让我们知道

Baidu
map