页面管理器

概述

如何使用?

通过按键盘上的 P 键或点击工具栏中的三格图标来打开页面管理器。

打开后,您将看到两个主要区域:菜单项和 HTML 页面。菜单项是网站主导航的链接列表。HTML 页面是网站根文件夹中的实际页面。


Sitecake 页面管理器面板

HTML 页面区域

您可以对页面执行以下操作:

选择页面

只需点击一个页面,它将变为蓝色——表示已选中。

复制页面

选择后,点击复制图标以克隆现有页面。

设置新首页

使用首页图标指定新的首页。新的首页将被命名为 index.html。

打开页面详情

选择一个页面并点击右侧的详情图标。打开详情对话框后,您可以更改页面标题、描述和 URL,并预览您的页面在谷歌搜索结果中的展示效果。确保添加所有对访问者重要的关键词。

复制 URL 按钮在您想从网站的其他内容区域链接到此页面时非常方便。



将页面添加到主导航

将页面图标拖放到菜单项区域。添加到菜单后,通过点击页面图标下方的名称来更改导航中的显示名称。

导航到未链接的页面

页面管理器是在编辑期间浏览网站的另一种方式。无法通过主导航或内容链接访问的页面可以在页面管理器的 HTML 页面区域中找到。双击页面即可打开。

重命名页面

要重命名页面,请转到详情面板并在文件名字段中输入新名称。

移动到新文件夹

打开页面的详情面板,以 folder/pagename.html 的形式输入文件夹和页面名称。如果文件夹不存在,Sitecake 将创建它。

删除

将页面拖放到回收站图标上即可删除。

菜单项区域

您可以对菜单项执行四项操作:

添加新菜单项

将页面拖放到菜单项区域。

重命名菜单项

点击菜单项方框下方的文本进行重命名。

重新排列菜单项

拖放菜单项以排列所需的顺序。

删除

将菜单项方框拖放到回收站图标上。

添加 Sitecake 主导航

默认情况下,Sitecake 识别带有 sc-nav 类的无序链接列表作为导航。您可以在页面上有一个或多个此导航的实例。

<ul class="sc-nav">
<li><a href="#" class="active">首页</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
</ul>

Sitecake 为当前活动页面分配 'active' 类。

注意:可以通过 config.php 设置导航的替代标签选择和 active 类。

注意:如果您手动将导航添加到所有页面,请确保它们在所有页面上是相同的。如果一个页面有三个菜单项而另一个只有两个,Sitecake 无法知道应该使用哪个。

继续阅读:应用预定义 CSS 样式

管理子文件夹中的页面

如果您希望 Sitecake 管理子文件夹中的页面,请创建 .scpages 文件并将其放在网站根目录中。列出所有包含可编辑页面的文件夹,每个一行。

.scpages 示例:

blog/
docs/en/
docs/fr/