Lopwon Menu 使用文档

版本型号：Lopwon Menu
适用程序：Typecho
皮肤类型：插件
插件作者：Lopwon
作者博客：Lopwon.com
发布页面：Lopwon.com/lopwon-menu.html
官方演示：Lopwon Menu

重要提示：付款时别忘了留下邮箱收取文件包，勿留 Gmail 邮箱。

免费获取插件活动已结束，奖品均已发送：

第一期：MUFENG、嗑嗑、真的吗
第二期：KNIFE、SeerSu
第三期：小小帽、小陆花

插件说明

Lopwon Menu 是 Typecho 导航栏插件。可自定义显示位置，可自定义显示任意数量的指定的分类、独立页，也可以添加博客外的任意链接，并以图标和名称的方式呈现，类似于移动端 APP 时下流行的导航栏，当然，也可以作为友情链接使用。

制作由来。Typecho 默认主题的导航栏只输出独立页链接，虽然，可以通过代码输出分类和独立页链接，但是，功能还是过于局限，比如：分类链接是全部输出（当然使用代码也可以指定输出分类链接）；只能输出文字类链接；不能自定义外部链接（当然使用代码也可以在主题里手动添加）等等。所以，有了 Lopwon Menu 插件。

主要功能

1. 模块显示。支持自定义显示位置，也可通过编辑样式文件以适配自己的主题。

2. 指定项目。支持输出任意数量的指定的分类链接、独立页链接，以及自定义的外部链接。

3. 个性图标。支持自定义图标，如果不设置，也能以链接名称首字替代。

4. 打开方式。支持设置点击链接后是当前页面打开或新窗口打开。

5. 自定外观。支持自定义布局和图标圆角程度。

6. 新增功能。超出两行后，通过点击（更多）在弹窗里显示所有导航项目。

插件更新

2023年05月31日 发布 Lopwon Menu v1.1 新增弹窗功能和优化显示样式，修正已知问题。

2023年01月03日 发布 Lopwon Menu

升级方法

如果安装有旧版 Lopwon Menu 插件的小伙伴，需要留意下：

1. 进入（旧版）插件 Lopwon Menu 的设置里，复制备份（链接）里所输入的信息，因为禁用插件后，这些信息会丢失。

2. 禁用（旧版）插件 Lopwon Menu

3. 将（新版）插件 Lopwon Menu 内的所有文件上传并覆盖旧版文件。

4. 启用（新版）插件 Lopwon Menu 后，把之前复制备份的（链接）信息粘贴至对应内容框中，依喜好设置其他项即可。

使用方法

A 部署插件

1. 将压缩包里的文件夹 LopwonMenu 及其内部的所有文件，上传至目录 usr/plugins 中。

2. 后台》控制台》插件，找到 Lopwon Menu 并启用。

B 调用插件

在需要显示 Lopwon Menu 导航栏的主题文件（如：index.php）的合适位置（如：文章列表前面）插入以下代码：


    <?php Typecho_Plugin::factory('Lopwon_Menu')->Lopwon(); ?>

C 配置插件（图示）

后台》控制台》插件，找到 Lopwon Menu 并设置，依喜好设置即可，其中，图标的配置如下：

1. 请在文件夹 /LopwonMenu/img 中自行添加后缀为 .png 格式的图标，文件名命名规则为：

① 分类使用 mid-7
② 独立页面使用 cid-3
③ 自定义链接使用 num-9
④ 其中，以上阿拉伯数字分别为，该分类的 mid（或该独立页面的 cid 或该自定义链接的编号）。

2. 示例：

① 添加名称为（默认分类）的分类到导航栏目中，该分类的 mid 为 7 时，则图标文件名为 mid-7.png
② 添加名称为（关于）的独立页面到导航栏目中，该独立页面的 cid 为 3 时，则图标文件名为 cid-3.png
③ 添加名称为（我的抖音）的自定义链接到导航栏目中，该链接的编号为 9 时，则图标文件名为 num-9.png

3. 如果未在文件夹 /LopwonMenu/img 添加对应的图标，或文件名不匹配，图标处将以名称首字替代。

D 使用技巧

1. 插件 Lopwon Menu 的样式，有些将沿用你的主题，例如：字体等。如需自定义样式，可自行编辑文件 usr/plugins/LopwonMenu/css/lopwon.menu.css

2. 如何自定义（更多）项的图标？进入文件夹 /LopwonMenu/img 替换图标 more.png 即可。