开始

文件位置在:x:\typecho\usr\themes\handsome\component\aside.php

修改此文件源码,请做好备份!(同目录粘贴出副本即可,出问题时重命名即可恢复。)

找到下图所示位置,handsome版本不同,行数位置可能不同,我的是Handsome 6.0.0,其他版本也在这个位置附近,自己看代码识别吧!
也就是125行之后,126行之前。

回车,先空几行出来,粘贴以下代码:

<!--添加折叠,标记开始-->
                <li>
                <a class="auto">
                  <span class="pull-right text-muted">
                    <i class="fontello icon-fw fontello-angle-right text"></i>
                    <i class="fontello icon-fw fontello-angle-down text-active"></i>
                  </span>
                  <span class="nav-icon"><i data-feather="server"></i></span><!--server是feather的图标,自己换-->
                  <span><?php _me("折叠主名称") ?></span>
                </a>
                <ul class="nav nav-sub dk">
                  <li class="nav-sub-header">
                    <a data-no-instant>
                      <span><?php _me("重复上面的名称") ?></span>
                    </a>
                  </li>
<!--里面的项,标记开始-->
                 <li>
                  <a href="https://折叠项名称1的地址.com:" target="_blank" class="auto"><!--替换地址-->
                  <i class="折叠项1的图标,建议不要"></i><!--图标,不要就引号中间留空-->
                  <span><?php _me("折叠项名称1") ?></span><!--替换名称-->
                </a>
          </li>
<!--里面的项,标记结束-->
                </ul>
              </li>
<!--添加折叠,标记结束,这是示例,自行仿照,可一直循环加~-->

接着替换掉上面代码中该替换的地方,我都做了注释说明。

看仔细,添加多个菜单,复制“添加折叠”的开始到结束,是添加整个折叠菜单,而复制“里面的项”开始到结束,顾名思义是添加折叠菜单里面的链接。

教程结束


科普(顺便)

<!--xxxxx-->

这个代码的含义是注释,便于标记,不会执行代码。


关于图标修改

查看handsome文档说明
个人更喜欢feather图标。
注意图标用法,举例feather的图标是:

<i data-feather="xxxx"></i>

进feather官网查找图标名称,替换引号里面的字符即可。


写给不会任何编程语言、无任何网页制作经验的小白,大神勿喷。

最后修改:2020 年 04 月 04 日 11 : 01 AM
如果觉得对你有用,请随意赞赏