弘帝建站系统导航路径guide函数标签

在网站中，我们经常会看到类似版块：首页->产品展示->机器人->人形机器人，这我们可以称之为页面导航路径，帮助您了解当前的位置，让你对进入该页的路径一目了然。

这时候，弘帝建站系统提供了$func_guide(参数)$代码来简化开发。

灰色版块为导航路径功能版块，仅用于子页面

参数有：

title=default，显示当前页标题，也可以忽略。

pre=default，显示当前路的前缀，比如：当前位置：，您现在的位置：等，可以忽略

sign指定路径分隔符，比如 ，>等，也可以图片或HTML

disp=1新增功能（2018.12.25）该功能不常用，显示顶级菜单+导航路径+当前菜单

本章篇结束，但文字才200来字，我们多讲一些内容，以篇凑符合头条文章字数推送的规则，以下代码适用于有HTML5、CSS3经验的已入门的前端设计师，看不懂，可以忽略跳过，关闭此页了。

$func_guide(参数)$，他只能显示版块的功能，需要配合DIV定位和CSS美化。

比如弘帝建站系统的子页设计的文件名默认为list.zhg，他负责子页面的标准设计。

那么复制一段list.zhg完整代码：

我们以某网站为例，list.zhg完整代码如下：

list.zhg的路径与全站所有代码模板演示

list.zhg文件完整代码

您没有看错，正是这12行，实现了该网整站除首页以外的所有页面，因为我们说过首页即index.zhg设计，子页即list.zhg设计。

子页一般分多个模板，比如$frame_top$，这是指向了top.zhg，实现了

top.zhg：整站或子页通用顶部模块设计

$frame_bottom$，实现了整站或子页通用底部的模块设计，如图：

bottom.zhg：整站或子页通用顶部模块设计

由于底部设计比较简单，我们找来一个较为复杂的通用底部设计稿，表明可以实现复杂的页面效果。

.container，.row是bootstrap的前端命名，所以我们建议使用bootstrap设计网站会事半功倍，更加简洁，大大减少了CSS的代码量和整体美观度。

DIV是一个盒子，因为要求你必须懂HTML5，所以这里跳过！

$func_guide(navi=GuideGeneral,css=GuideSplit,pre=default,sign=>)$，表示生成今天介绍的内容，导航路径版块。

css=GuideSplit，表示在生成guide代码的前提下，在最外边包一个，主要的目的，是方便css的路径定位设计，避免多重p命名混淆，这个可以删除的。

navi=GuideGeneral，表示在生成guide代码的前提下，包括.GuideSplit内容，在最外边包一个，主要的目的，是方便js和css的路径定位设计，避免p命名混淆。这个参数也可以删除的。

pre=default，表示显示当前位置：这个导航路径的前缀名称，pre=您可以自行定义，default的好处就是给您标准化了，在国际语言环境中显示国际语言，避免英文网站有中文的尴尬。

sign=>，表示路径的菜单名之间，用>符来间隔，你可以换成任意字符，甚至图片，比如：-->，/，$等，如图A位置：

A：导航路径，B：子页左侧通用设计效果

$frame_left$，这又是一个外调文件，left.zhg，实现了子页面通用的左侧菜单功能及广告二维码功能。如上图B红框内

$func_guide(title=default)$，此网站中出现了两次guide，这是一个很少的设计，一般只有一个guide，这也正表明了，弘帝建站系统设计的灵活性，根据需要，折分guide实现不同的效果。

$func_guide(navi=GuideGeneral,css=GuideSplit,pre=default,sign=>)$，这里我们注意到没有title的参数，表明默认规则：不显示title

$func_guide(title=default)$，这儿是为了在另一个不同的盒子补全了标题的显示，让网页访问者，了解当前访问的页面标题。如图演示：

A：显示了导航路径，B显示了当前页标题

最后，$func_content(memo=1)$，是页面的核心部分，memo表示要在内容区域显示菜单的描述文字，如果省略的话，还可以用不带参数的$show_content$来实现同样的效果。

这个版块的展示可以看上图，B标题下的内容区域，这儿可以根据每页的不同功能，展示相应的功能，可以参见此头条号文章《网站子页内容区函数的使用》的介绍。

现在满足头条字数推荐要求了，也给大家介绍了完整子页面list.zhg的设计，包括开源代码完全展示，希望大家爱上这个企业网站前端设计系统。