今天给大家带来的是优秀的导航模板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

 


 

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。