WebStack

收录你的第一个网址

 3周前 (03-09)     881  
文章目录

今天基础教程必须出 :cool: 怎么使用 WebStack Pro 导航主题?往下看。

初见

安装主题启用后,查看首页是这样的,什么内容都没用,有的小伙伴就蒙圈了,怎么和你的演示站不一样 :mad: ,好吧,我真不知道怎么解释 :???:

收录你的第一个网址

主题只是一个框架,内容还得靠自己填,接下来带你收录你的第一个网址。

建立分类

不知道怎么描述,看图添加吧 :oops:

收录你的第一个网址

添加网址

分类添加好了,来为分类添加网址,还是看图操作吧

收录你的第一个网址

如果侧面没用分类和标签,请到右上“显示选项”勾选,看上图,勾选后如果还没有,请翻到页面最下面,有可能它就在下面等你。

加入菜单

1、创建一个菜单

收录你的第一个网址

2、将网址分类添加到菜单

收录你的第一个网址

如果没用网址、app等分类的列表,请到右上“显示选项”勾选,看上图。

3、将菜单指定给侧边栏主菜单

收录你的第一个网址

完成收录

按照上面3步就可以完成你的第一个网址的收录,查看首页有东西了没?

收录你的第一个网址

接下来介绍高级玩法( :!: 哪高级了...)

进阶

下面的看不懂,就再看一遍上面的 :cool:

二级菜单

先按上面的方法添加一个“父级菜单”,然后添加子菜单,在下图第2步的下拉框选择它的父级。

收录你的第一个网址

注意:最多2级,且父级不能添加网址,因为,你添加了它也不会显示。

添加好后就是下图的状态。

收录你的第一个网址

然后为它添加网址,和之前的添加一样,看下图添加,注意在分类里勾选子级。

收录你的第一个网址

最好到菜单里将刚刚添加的分类添加到菜单。

收录你的第一个网址

添加后是下图的样子,并没用层级关系

收录你的第一个网址

按住子级,拖动它,请忽视错别字 :cry: 不想去截图了。调好关系后保存菜单,不要问我怎么保存 :???:

收录你的第一个网址

好了,看看首页。

收录你的第一个网址

菜单的详细教程请看下文。

WebStack WebStack Pro 导航主题主菜单设置说明 WebStack Pro 导航主题从2.0306版开始启用新的主菜单方案,主要方便自定义管理…… 3周前 (03-06) 993 0

添加其他分类

同样,可以将文章和app的分类添加到菜单。

收录你的第一个网址

注意:只支持分类,不要添加其他东西,不要添加其他东西,不要添加其他东西,三遍触发特效......

添加自定义锚点

在菜单添加自定义链接,URL填 #search ,文本填 “搜索” ,然后添加到菜单,可用的锚点还要友情链接 #friendlink,作用就是在页面里滚动到指定标签。

收录你的第一个网址

添加图标

图标查看地址:fontawesome.com
选择对应图标点击查看详情,如图。

收录你的第一个网址
然后在需要图标的“菜单”和“分类”加入完整代码,需要包括前面的 fa、fas或者fab。

收录你的第一个网址

查看首页(我给它三添加的同一个图标,所以是一样的)

收录你的第一个网址

只要为父级添加图标,子级添加图标不显示。

添加阿里图标的方法

瞎折腾 WebStack Pro 导航主题使用阿里云图标的方法 WebStack 导航主题一直使用 FontAwesome 图标,与这个相比阿里的 Iconfont 有…… 2个月前 (01-21) 1.1K 0

其他功能

主题功能很多,请认真查看主题设置面板,logo设置,mini侧边栏,显示数量,网址卡片样式,卡片弹窗提示类型,首页 TAB 选项卡模式,页脚版权等等功能都有设置项,请仔细查看体验,不要怕设置错了,出问题了点主题设置面板的重置按钮。

注意事项

注意认真看教程,注意认真看设置选项的描述,注意认真仔细 :neutral:

最后,如果还没懂,或者其他原因,可以导入下文的演示数据。

瞎折腾 WebStack Pro 主题演示数据导入说明 WebStack Pro 主题演示数据可以方便用户快速实现主题的演示效果。 一、必须先…… 2个月前 (02-10) 1.2K 1

 

版权声明:一为 发表于 3周前 (03-09),共 1304 字。
转载请注明:收录你的第一个网址 | 一为忆

6 条评论

  • avatar

    锟狡筹拷 ( VIP 1 )

    回复

    这个教程是真的好,不过,我遇到一个小问题。添加网页,左侧直接就有一个分类了,然后,在添加菜单后,就重复了,这是怎么回事呀?如果不添加菜单,每个下面最多才出现5个

  • avatar

    dnstore ( VIP 1 )

    回复

    教程写得很详细,图文并茂。赞一个!

2019/12/2 17:30
WebStack 导航主题升级 Font Awesome 5 图标库 详情