zblogPHP李洋个人博客主题使用网址导航模板的图文教程

很久没有写文章教程了，最近突然心血来潮想弄一个网址导航的单页模板，但是因为之前有导航主题了，所以不想太复杂，但是弄一个页面就行，但是一直不知道怎么去调用的数据库，不能按照导航主题那样写文章显示，但是其他的方案太繁琐，不容易操作，新手可能有抵触情绪啊，思来想去决定用模块管理方案来实现，经过多轮调试算是以满意而告终。先来看看前端效果：

图片看不清是压缩了，想看效果点击顶部导航【关于博客】-【网址导航】查看具体效果，当然如果你跟我一样很懒，那就直接点击【传送门-网址导航】看看吧。。。

怎么样是您想要的效果吗？如果是的话就继续看看怎么设置吧，如果不是，那么出门左转，886.！

首先确定您购买了【希望】主题模板，其他主题如【宁静致远】【致青春等】后续上线，然后更新到最新版（注意看更新日志会写的），登录后台地址，左侧【单页管理】，新建页面，然后设置下标题和文章内容，最后右侧找到【模板】选择【sitelist（网址模板）】，即可提交信息，如图：

当然这只是完成了第一步，然后文章模板直接调用的【模块管理】的【侧栏9】，这时我们点击【模块管理】，新建一个模板，如图：

这里说下哈，如果您的站点使用了【链接模块管理】插件，如图可以选择【新建链接模块】可以直接写链接和文字就行，如果没有这个插件就选择【新建模块】，以【新建模块】为例：

设置好，名称、文件名和HTML ID，建议把文件名和HTML ID设置相同的，如图：

然后在【类型】选择【UL】为了页面的标准化格式，然后正文就是各个网址站，标准代码在文章末尾，如图：

示例代码

多种方案演示，文字，图标以及图片logo，看个人喜好吧；

纯文字链接：

<li><a href="https://www.itlaoli.com" title="李洋个人博客" rel="noopener"><span>李洋博客</span></a></li>

文字图标链接：

<li><a href="https://www.itlaoli.com" title="李洋个人博客" rel="noopener"><i class="icon-chat-dots-fill"></i><span>李洋博客</span></a></li>

带logo链接：

<li><a href="https://www.itlaoli.com" title="李洋个人博客" rel="noopener"><img src="https://xz.itlaoli.com/favicon.ico" alt=""><span>李洋博客</span></a></li>

另外图标使用官方自带图标库，链接：https://static.zblogcn.com/image/icon/demo.html

设置完成之后我们把新建的模块【网址推荐】拖拽到右侧的【侧栏9】里面，如图：

当然，如果想多设置几个不同导航栏目就新建几个模块，然后同样拖拽到右侧侧栏9内容里面，像图片那样，然后就大功告成了，接下来就去收集网址导航站吧，当然如果你很懒可以跟我一样使用【AI】帮你写N个，好了，我去完善模板和样式代码了，做到尽快更新上线，有问题留言反馈吧！