效果图
介绍
一个开源的带后台的网址导航网站项目，你可以拿来制作自己的网址导航
看到Github有大佬分享了一款WordPress版WebStack 导航主题。安装使用比较简单，所以就在这篇文章分享一下
安装部署
github：https://github.com/owen0o0/WebStack
demo：https://nav.iowen.cn
主题下载：https://github.com/owen0o0/WebStack/archive/1.1125.zip
fontawesome图标库：http://www.fontawesome.com.cn/faicons/
安装环境及要求
- WordPress 4.4+
- WordPress 支持伪静态
- PHP版本 5.7+ 7.0+
- 宝塔面板（文章测试版本为：7.0.3）
部署教程
第一步：软件商店 -> 一键部署 -> WordPress
这样来安装wordpress是速度最快也是最方便的
点击一键部署，在域名中输入解析好的域名，其他都可以默认
提交之后，如图，点击连接就可以部署wordpress了
剩下就和普通的安装没什么区别了，不再讲解
第二步：安装主题
- WordPress 后台「主题」栏目 -> 上传主题 -> 启用主题
- 如果点击地址出现404，请到WordPress 后台「设置」栏目 -> 固定链接 -> 保存更改
效果图如下：
目前是空的，因为什么都还没有添加
第三步：WordPress设置
- 在 WordPress 后台“网址”文章类型下添加内容
- 分类最多两级，且父级不要添加内容
- 可以不添加网址图片，主题会自动获取目标网址的 favicon 图标
- 导航菜单栏标题前面的图标请在分类图像描述中填入（参考下图），图标样式请参考fontawesome
切换到前台就可以看到效果了，如图
注意事项：后期添加依旧这样的方法即可
第四步：添加网址
添加好分类之后，就可以试着添加一个网址了，我们的点击添加网址
记得发布的时候要选择对应的目录分类
添加之后，切换到前台可以看到效果（其他添加以此类推）
第五步：自定义菜单
导航菜单栏下方可以添加自定义菜单，在后台的外观-->菜单里设置，在菜单的css类添加图标（参考下图），图标样式请参考fontawesome
如果添加后前台不显示，那可能是你忘记设置菜单显示位置
效果图
第六步：主题SEO
主题的功能还是很丰富的，作者还贴心的集成了一个seo功能，对于想做seo的站长来说还是很方便的
第七步：设置伪静态
伪静态对搜索引擎比较友好
第八步：如何删除fork me on github
按照路径：/www/wwwroot/www.dayu.tk/wp-content/themes/WebStack-1.1125 找到index.php文件，打开编辑，在32行，可以找到。我们删除这行代码即可
- <a rel=“external nofollow” target=“_blank” href=“https://www.daniao.org/wp-content/themes/begin/go.php?url=aHR0cHM6Ly9naXRodWIuY29tL293ZW4wbzAvV2ViU3RhY2s=”target=“_blank”><img style=“position: absolute; top: 0; right: 0; border: 0;“src=“https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png” alt=“Fork me on GitHub”></a>
总结
WebStack 导航主题真的很受欢迎
WordPress版本的设置起来方便一点，而且插件众多，优化加速也很方便，如果有喜欢做导航站点的同学可以折腾试试
最后也感谢作者提供了这么好用的免费的主题……
评论