WebStack导航主题WordPress版的安装与使用教程

2019年12月7日11:30:23 评论 137 1619字

效果图

介绍

一个开源的带后台的网址导航网站项目,你可以拿来制作自己的网址导航

看到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

切换到前台就可以看到效果了,如图

注意事项:后期添加依旧这样的方法即可

WebStack导航主题WordPress版的安装与使用教程

第四步:添加网址

添加好分类之后,就可以试着添加一个网址了,我们的点击添加网址

记得发布的时候要选择对应的目录分类

添加之后,切换到前台可以看到效果(其他添加以此类推)

第五步:自定义菜单

导航菜单栏下方可以添加自定义菜单,在后台的外观-->菜单里设置,在菜单的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版本的设置起来方便一点,而且插件众多,优化加速也很方便,如果有喜欢做导航站点的同学可以折腾试试

最后也感谢作者提供了这么好用的免费的主题……

展开全文
weinxin
我的微信
这是我的微信扫一扫

您必须才能发表评论!