导航栏 - 复用

一个网站往往有多个页面,每个页面会有相同的导航栏。对于这样重复出现、内容相同的盒子,可以使用「Symbol」来提高效率。

举个例子。如果你需要改动导航栏的内容,只需要改动导航栏的「Symbol」,所有页面上的导航栏都会更新。这样就不需要去每一个页面去进行相同的改动,同时不会有遗漏。

当你发现某一个盒子在网站中重复出现2次或者2次以上的时候,就应该考虑使用「Symbol」来管理这些盒子。常见的有「navbar 导航栏」「sidebar 侧边栏」「footer 页脚」等。

把「Navbar 导航栏」保存为「Symbol」的步骤

选中「Navbar 导航栏」盒子。打开「Add 添加」面板。切换到「Symbols」面板。点击「+ Create new symbol 创建新symbol」。

给你的「Symbol」一个名字。由于这个「Symbol」是导航栏,这里名字就叫「navbar」然后点击「Create Symbol 创建symbol」按钮。

「Symbol」会以绿色高亮显示,不同于普通盒子的蓝色。

在「Symbols」面板内也可以看到刚刚创建的「navbar symbol」,下面还会显示这个「Symbol」被使用的次数。

和编辑盒子一样,双击「Symbol」就可以编辑它。

「navbar symbol」的改动,会应用到所有的导航栏上。

results matching ""

    No results matching ""