TypechoJoeTheme

虾米皮皮乐工作室

导航
统计
登录 / 注册

Typecho 自定义导航菜单插件:NavMenu 修改版

2021-03-10
/
4 评论
/
48 阅读
/
正在检测是否收录...
03/10

Typecho 自定义菜单插件

安装说明

将插件克隆到本地, 放到 usr/plugins 目录下即可。

插件说明

此插件早在2015年原作者merdan在大三时就已完成。当时只支持单个菜单,后来抽点时间改成多菜单支持。

最近站长用到了这个插件,发现这个插件存在许多bug,一一修复并发布到 Github。

插件特点:

  1. 多菜单支持
  2. 支持分类、独立页面和自定义页面链接
  3. 支持编辑菜单项(自定义菜单名称,自定义class, 新窗口等)
  4. 可拖动设置顺序和层级
  5. 菜单结构可自定义,方便个性化布局
  6. 支持内置变量替换,使用内置页面即可

使用方法

  1. 后台启用插件
  2. 进入主菜单 控制台->菜单管理 即可看到菜单设置页面。
  3. 默认有名为default 的菜单,在左侧新增菜单可以新增。
  4. 左下方的菜单项里可添加分类,独立页面、内置页面和自定义链接到右侧菜单结构中。
  5. 拉动菜单结构可以调整菜单顺序和层次。
  6. 调整完了之后 务必点击 保存设置 按钮进行保存,否则菜单不会生效
  7. 在主题中使用一下方法调用菜单:
<?php Typecho_Widget::widget('NavMenu_List')->navMenu('header'); ?>
  1. 当前菜单有相应的 .current class 名,可进行菜单高亮等布置

调用函数说明:

/**
 * @param string $menu 菜单名称
 * @param null $navOptions 菜单配置
 */
public function navMenu($menu = 'default', $navOptions = NULL)

菜单配置项

[
    'wrapTag' => 'ul', // 菜单项的容器
    'wrapClass' => '', // 容器自定义class
    'wrapId' => '', // 容器自定义ID (二级菜单展开等功能可使用ID 去解决)
    'itemTag' => 'li', // a 链接的容器
    'itemClass' => '', // 容器自定义class
    'current' => 'current', // 当前菜单的类名
    'caret' => '+' // 有子菜单的菜单添加提示下拉图标
];

插件截图

其他

  1. 插件没有提供前端菜单样式,可根据主题进行自定义布置
  2. 后台菜单结构拖动有点问题, 但可以正常使用,已经修复这个问题了

附件
附件名称:typecho-plugin-navmenu
文件大小:0 KB
下载次数:118
上次修改:2021-03-10 17:59

朗读
赞 · 2
版权属于:

虾米皮皮乐工作室

本文链接:

https://xiamp.net/archives/typecho-custom-navigation-menu-plugin-navmenu-modified-version.html(转载时请注明本文出处及文章链接)

评论 (4)
  1. 夜影小窝 作者
    Windows 7 · Google Chrome

    地址失效了,怎么下载

    2021-05-28 回复
    1. Ryan 作者
      Windows 10 · FireFox
      @夜影小窝

      链接是Github的,没问题,上不去你自己想办法吧

      2021-05-30 回复
  2. 猫叔 作者
    Windows 10 · Google Chrome

    有几个小问题:1、后台菜单名称设置增加样式(菜单脚标),前端有效,后端代码溢出,且点击向下箭头无法管理;2、可以新增菜单名称,但没有删除菜单的选项;3、禁用并删除插件不会删除数据。

    2021-06-07 回复
    1. Ryan 作者
      Windows 10 · FireFox
      @猫叔

      第一个不是很懂,后面两个问题卧室知道的,不过我估计今年我都没时间改了

      2021-06-07 回复