今天给大家带来的是优秀的导航模板WebStack,演示站 www.dhjc.net

大海视频教程:西瓜视频:【传送门】 B站:【传送门】

关于建这个站的起因经过和结果在大海的另一篇博文当中《热烈庆祝大海教程隆重上线,伸手党的终极归宿》,感兴趣可以去看下,下面我们来介绍下这个模板

这套模板是由Designer. Viggo.设计并免费开源在了GitHub上,这套模板开始本来是只有前端页面的,懂前端开发的程序员可以直接拿来用,并且速度也很快,但为了方便各种新入行的朋友使用,各路大神纷纷开发出了基于不同程序下的模板,比如常见的laravel、wordpress、java、springboot、jekyll、Typecho都已经提供,可以自行去github下载,大海属于初级玩家,所以选择了简单易用的wordpress,感谢二开大神“一为忆“,打包好的下载链接在下边,需要的自己拿吧。

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

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

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

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

  • 如果菜单里没有css类,请按下图添加

  • 图标源,网站图标自动获取的api接口可以使用一为提供的,填写方法如下:

https://api.iowen.cn/favicon/get.php?url=

 


源码下载:

百度网盘:https://pan.baidu.com/s/1aOriG--g2o_qLCXYsajYZQ 提取码:fp7s

蓝奏云:https://dhzy.lanzoux.com/i8n3p5e

阿里云盘:https://www.aliyundrive.com/s/u5Cm9v1aWmx

 


 

发表回复

后才能评论

评论(21)