Wikidot允许您有两个导航栏,可以出现在每个页面上。这些栏位于页面顶部和侧边,分别称为顶部栏和侧边栏。这些工具通常用作用户的导航工具,以便他们可以轻松访问网站的各个部分。

当然,您可以根据您站点的目的编辑这些内容。此页面将在编辑这些栏时为您提供一些提示和说明。

顶部栏

顶部栏可能是两个导航栏中更重要的一个,因为对于平板电脑和手机用户来说,它是最明显、最直观的一个。要访问和更改此栏,您需要转到nav:top页面,该页面链接到这里和此模板附带的默认顶部栏中。然后,您可以像编辑任何普通维基页面一样对其进行编辑。

当您编辑它时,您可能会看到一些杂乱无章的代码。不过,不要被吓倒!我们将向您介绍如何解释它。

顶部栏的组织方式类似于项目符号列表,尽管为了与Bootstrap兼容,它使用了特殊的语法。下面是一个非常简单的顶部栏,只有两个链接:

[[ul class="nav navbar-nav"]]
  [[li]][/ 主页][[/li]]
  [[li]][[[help:navigation-bars|导航栏]]][[/li]]
[[/ul]]

如果要添加其他链接,只需在中添加[[li]][[/li]]代码并在中间插入链接即可。看,这还不算太糟,对吧?

下拉菜单

默认顶部栏上的代码看起来如此复杂的主要原因与下拉菜单有关。正如您可能注意到的,每当您单击“帮助中心”时,就会出现各种帮助类页面的列表。您可能会发现这对于您的目的也是必要的,所以我们将讨论如何格式化下拉菜单。

下拉菜单由两部分组成:

  1. 激活链接
  2. 实际链接列表

因此,代码说明了这两个部分。激活链接是在顶部栏本身看到的。

要放置此内容,请使用以下模板代码:

[[li class="dropdown"]]
[[a href="#" class="dropdown-toggle" data-toggle="dropdown"]]文本[[/a]][[ul class="dropdown-menu"]]

只需将文本替换为您希望链接声明的任何内容。

正如您可能开始注意到的,通过在末尾声明一个单独的[[ul]]元素,链接列表只是另一个与前面一样的特殊格式的链接列表。现在,您可以像往常一样添加链接,并确保将每个链接包含在[[li]]个标记中。

最后,使用以下代码结束列表:

[[/ul]][[/li]]

侧边栏

侧边栏是出现在站点一侧的导航栏。但是,在平板电脑和手机上,屏幕上通常没有足够的空间来容纳整个侧边栏;因此,在移动设备上查看时,标准模板会将侧栏移动到内容的正上方。

要编辑侧边栏,您需要访问nav:side页面,该页面链接到这里以及此模板附带的默认顶部栏中。然后,您可以像编辑任何普通维基页面一样对其进行编辑。

与顶部栏不同,侧边栏不需要遵循任何特定格式。不过,一般而言,最好使用如下所示的简单项目符号列表:

* [[[链接|项目1]]]
* [[[链接|项目2]]]
* [[[链接|项目3]]]

许多主题自然会在侧边栏中显示带项目符号的列表,并有特殊的代码来处理它。

隐藏侧边栏

您可能会发现顶部栏完全可以满足您的需要。在这种情况下,您可能甚至不希望有侧边栏,因此您可以有更多的空间来放置您的内容。值得庆幸的是,标准模板提供了一种非常简单的方式来删除每个类别的侧边栏。

下面介绍了一个循序渐进的过程:

  1. 访问站点管理器
  2. 在仪表板中,点击“外观与表现”。
  3. 寻找第一个选项,称为“布景主题”。
  4. 完全加载后,点击名为“自定义”的选项卡。
  5. 找到您正在使用的主题的名称,然后点击“编辑”。
  6. 取消选中“使用侧边菜单栏”的复选框。
  7. 点击“保存主题”按钮。
  8. 之后,您就完成了!

没有侧边栏

Image Unavailable

它在站点管理器中的显示方式如图所示

专用导航栏

实际上,您实际上可以有许多不同的导航栏,尽管每个类别一次只能使用两个导航栏。如果您愿意,Wikidot允许您为每个类别指定不同的导航栏。例如,如果您想为“blog”类别创建一个不同的侧边栏,您可以创建一个名为nav:side-blog的新页面,并将自定义侧边栏的代码放入其中。然后,在“外观与表现”和“导航元素”下的站点管理器中,您可以将“blog”类别设置为使用nav:side-blog作为其侧边栏。