底部导航源码h5模板_《全栈营销之如何制作个人博客》之四：分类添加及导航数据调取...

大家好，今天我们接着上一节的全栈营销个人博客制作，上一节我们把博客的模板给加载运行起来。今天我们主要讲解后台模板分类的添加，后台导航的添加，及前台导航的动态调用。一个好的博客，导航很重要，导航就像你网站的地图，有导向作用，能引导用户去他想去的地方，再一个好处是对seo优化有很大的好处，所以导航是我们这一节的重点。

一．博客分类添加

Thinkcmf后台添加博客分类很方便，可以添加无限级分类，也可以添加单个分类。我们这里只添加了5个一级博客分类，具体效果如下图。

二.博客导航的添加与管理

Thinkcmf后台设置里有一个导航管理，导航又分为主导航，底部导航，主导航就是博客最上面的导航，底部导航是网站底部的导航。我们这里以主导航为主来讲解，如何添加导航。主导航一般分为一级导航，二级导航，三级导航就很少了，一般网站以一二级为主。添加完的主导航效果如下图。

三.前台模板导航数据调用

什么叫导航数据调用，我们在后台添加的导航，要把它调用的我们博客的导航来，这样就能通过后台动态管理导航数据。当然你也可以把导航写死，写死的坏处就是后面你想管理，必须修改模板文件，再上传到服务器。这样就违背了我用PHP这样动态语言开发网站的初衷。

在thinkcmf里如何动态调用后台我们添加的导航数据呢？在thinkcmf里导航标签用于生成前台导航,相关的有三个标签navigation,navigationMenu,navigationFolder,三个必须联合使用。使用的案例如下图

按照这个管方的案例，我们根据自己博客的导航样式，写来的代码如下。

前台显示的效果如下图。

我们的代码会共享出来，分享给大家。如果你获取完整的文字教程，视频教程，源码，关注工众号：云码素材，私信我入群，和小伙伴一起学习，一起动手制作你的个人博客，一起探讨代码。