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

2019年12月1日 28 3,103 1799字阅读5分59秒

大鸟在之前的文章里面介绍过如何安装WebStack-Laravel导航网站:宝塔面板安装WebStack-Laravel – 一个开源的网址导航网站项目

这个教程安装有点繁琐,小白上手很困难。大鸟看到github有大佬分享了一款WordPress版WebStack 导航主题。安装使用比较简单,所以就在这篇文章分享一下。

安装与部署

还是老规矩,用宝塔面板的一键安装来部署wordpress,然后安装主题,详细教程,如下:

1、简介

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/

2、环境要求

    • WordPress 4.4+
    • WordPress 伪静态
    • PHP 5.7+ 7.0+

3、安装Wordpress

软件商店→一键部署→WordPress。这样来安装wordpress是速度最快也是最方便的。

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

点击一键部署,在域名中输入解析好的域名,其他都可以默认:

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

提交之后,如图,点击连接就可以部署wordpress了。

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

剩下就和普通的安装没什么区别了,不在赘述。

4、启用主题

  • WordPress 后台「主题」栏目 -> 上传主题 -> 启用主题,或者在 /wp-content/themes 文件夹新建webstack文件夹,并上传所有文件
  • 如果点击地址出现404,请到WordPress 后台「设置」栏目 -> 固定链接 -> 保存更改

启用webstack后的主题效果如下:

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

目前是空的,因为什么都没有添加。

5、主题使用

5.1、网址分类

  • 在 WordPress 后台“网址”文章类型下添加内容
  • 分类最多两级,且父级不要添加内容
  • 可以不添加网址图片,主题会自动获取目标网址的 favicon 图标
  • 导航菜单栏标题前面的图标请在分类图像描述中填入(参考下图),图标样式请参考fontawesome

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

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

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

5.2、添加网址

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

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

添加之后,切换到前台可以看到效果,如图:

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

其他添加以此类推,不在赘述。

5.3、自定义菜单

导航菜单栏下方可以添加自定义菜单,在后台的外观-->菜单里设置,在菜单的css类添加图标(参考下图),图标样式请参考fontawesome

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

前台样式:

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

5.4、主题功能设置

主题的功能还是很丰富的,作者还贴心的集成了一个seo功能,对于想做seo的站长来说还是很方便的。

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

6、伪静态设置

最后说这个伪静态吧,宝塔面板设置伪静态还是很简单的,如图:

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

保存之后,就设置好了,wordpress的伪静态。

7、fork me on github

删除右上角的fork me on github,如何删除呢?

此处为隐藏的内容!
发表评论并刷新,方可查看

7、总结

WebStack 导航主题看来真的很受欢迎啊,大鸟之前看到有基于Typecho的WebStack 导航主题,现在又出来一个wordpress版本的导航主题。

WordPress版本的设置起来方便一点,而且插件众多,优化加速也很方便,如果有喜欢做导航站点的同学可以折腾试试。

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

  • 我的微信
  • 分享宝塔面板建站技术交流等!
  • weinxin
  • 微信公众号
  • 关注本博公众号
  • weinxin
  • 本文由 发表于 2019年12月1日
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:28   其中:访客  25   博主  3
    • avatar 缙哥哥 6

      感觉不错,可以搞一个!

      • avatar 跋涉者 3

        看起来不错

        • avatar minls 1

          非常不错,可以装装看

          • avatar minls 1

            非常不错,正好需要

            • avatar lweiru 1

              学习一下基本技能

              • avatar kingswon 0

                非常不错的主题 很喜欢 尤其还加了搜索窗

                • avatar kingswon 1

                  如何删除右上角的fork me on github啊? 回复了没见显示啊

                    • avatar 大鸟

                      回复 kingswon 刷新就好了。

                    • avatar 暖心请 2

                      不错。喜欢,感谢

                      • avatar AnnieHall 0

                        非常不错,感谢

                        • avatar Mike 1

                          写的不错

                          • avatar oniontree 0

                            怎么才可以删除右上角的那个黑色斜杠?

                            • avatar pony 1

                              支持支持支持。

                              • avatar teno 1

                                只想删除 fork me on github

                                • avatar teno 1

                                  真的想删除 fork me on github

                                  • avatar teno 1

                                    右上角的那个黑色斜杠 删除方法失效了 版本1.1315

                                      • avatar 大鸟

                                        回复 teno 已经更新了最新方法。

                                      • avatar root 0

                                        非常不错,正好需要

                                        • avatar 看看源码 0

                                          大神,膜拜你.感觉不错,可以搞一个! :mrgreen: :mrgreen: :mrgreen:

                                          • avatar 矿物质水 1

                                            我就是用这个模板做了个导航自己用

                                            • avatar 洛霜 1

                                              非常好用!感谢推荐!

                                              • avatar 思怡 1

                                                感觉不错,可以搞一个!

                                                • avatar 思怡 1

                                                  看的第一篇这么全面的教学,必须顶一波!

                                                  • avatar 神经质玩家 1

                                                    感谢博主发布教程

                                                    • avatar 神经质玩家 1

                                                      能不能把那张图片给删除了啊?