WebStack主题怎么添加左侧导航菜单?

WordPress国产主题推荐

WebStack主题前端网站左侧导航菜单默认分为两个部分,上半部分显示的是网址分类,下半部分显示的是自定义菜单。下面boke112百科就跟大家说一说添加左侧导航菜单的具体操作。

WebStack主题怎么添加左侧导航菜单?-第1张-boke112百科(boke112.com)

一、添加网站分类菜单

网站分类菜单是不用手动添加的,只需要你在WordPress后台添加好网站分类,就会自动添加到前端左侧导航菜单中。

1、进入WordPress后台点击“网址 – 网址分类”,分别输入分类名称、别名、描述;如果是一级分类,那么父级分类目录就默认“无”;如果是二级分类,那么这里就选择相应的一级分类。

WebStack主题怎么添加左侧导航菜单?-第2张-boke112百科(boke112.com)

2、可查看用户默认“所有人”;菜单图标建议添加,只需要点击【添加Icon】按钮,然后点击自己喜欢的图标即可;排序默认为0,数值越大就越靠前,最后点击【添加新网址目录】按钮即可。

WebStack主题怎么添加左侧导航菜单?-第3张-boke112百科(boke112.com)

此时,我们查看网站前端任一个页面,都可以看到左侧导航菜单多了一个ZBlog网站的菜单。具体如下图所示:

WebStack主题怎么添加左侧导航菜单?-第4张-boke112百科(boke112.com)

重复以上第1~2步添加多个网址目录即可,唯一值得注意的就是一级目录不要设置太多,要不然前端左侧导航菜单放不下哦。

二、添加自定义菜单

WebStack主题前端左侧导航下半部分的菜单是自定义菜单,需要在WordPress后台的“外观 – 菜单”中设置才行。

1、进入WordPress后台点击“外观 – 菜单”,然后点击“创建一个新菜单”。

WebStack主题怎么添加左侧导航菜单?-第5张-boke112百科(boke112.com)

2、输入菜单名称,如底部菜单,在显示位置中勾选“侧栏底部菜单”,最后点击【创建菜单】按钮。

WebStack主题怎么添加左侧导航菜单?-第6张-boke112百科(boke112.com)

3、在“添加菜单项”中勾选想要添加的菜单,可选页面、文章、网址、公告、自定义链接、分类目录、网址分类目录。比如这里我们勾选“网站提交”页面,并点击【添加至菜单】按钮。

WebStack主题怎么添加左侧导航菜单?-第7张-boke112百科(boke112.com)

4、点击刚才添加的页面展开后,可以修改的的导航标签;根据实际情况决定是否勾选“在新标签页打开链接”;CSS类可添加fontawesome图标代码;链接关系、菜单父级、菜单排序根据实际情况选择,最后点击【保存菜单】按钮即可。

WebStack主题怎么添加左侧导航菜单?-第8张-boke112百科(boke112.com)

特别提醒:

  • 想要设置二级菜单的话,只需要按住该菜单,拖动到一级菜单偏右一点后松开,最后保存菜单即可。
  • 在CSS类中添加fontawesome图标代码,可参考『个人博客网站怎么添加Font Awesome图标?』一文的“3.1”方法,前往Font Awesome图标库,搜索找到自己喜欢的图标并点击,然后点击【Copy Class】按钮并复制class值,接着粘贴到菜单的“CSS类”中即可。

此时,我们查看网站前端任一个页面,都可以看到左侧导航菜单下半部分多了一个网站提交的菜单。具体如下图所示:

WebStack主题怎么添加左侧导航菜单?-第9张-boke112百科(boke112.com)

重复以上第3~4步添加多个菜单项即可,唯一值得注意的就是一级目录不要设置太多,要不然前端左侧导航菜单放不下哦。

文章创作不易,期待您的评分

本文地址:https://boke112.com/article/p7605.html

版权声明:本文为原创文章,版权归 boke112百科 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
wu