一为导航主题添加页面顶部导航栏右侧工具栏-插件

「传文件 / 工具 / 邮箱 / 网盘 / 翻译 / 地图 / 识图」七个下拉快捷菜单，独立 WordPress 插件。

## 功能

– 在 OneNav 头部导航右侧、搜索框左边插入 7 个带图标和下拉箭头的快捷菜单；

– 鼠标悬停展开下拉，暗黑模式自动适配；

– 宽度 ≤992px 自动隐藏；

– 所有链接集中在插件主文件的数组里，改起来只改一处。

## 安装

1. WordPress 后台 → 插件 → 安装插件 → 上传插件 → 选择 `onenav-quick-menu.zip`；

2. 启用「OneNav 顶部快捷菜单」；

3. 打开前台首页，鼠标移到导航栏右侧即可看到。

要求：WordPress 6.0+、PHP 7.4+，**当前主题为 OneNav 或其子主题**（插件依赖 OneNav 的 `.header-nav` 结构与 `iconfont` 图标字体）。其他主题下插件不会加载，不会污染页面。

## 自定义菜单

### 方式一：直接改插件（最简单）

打开 `onenav-quick-menu.php`，找到 `onqm_default_items()`，按下面的结构增删：

“`php

array(

‘title’ => ‘一级菜单文字’,

‘icon’ => ‘icon-upload’, // OneNav 的 iconfont 类名，去掉 iconfont 前缀

‘links’ => array(

array( ‘name’ => ‘下拉文字’, ‘url’ => ‘https://example.com/’ ),

),

),

“`

`icon` 可用的常见值：`icon-upload`、`icon-tools`、`icon-email`、`icon-folder`、`icon-globe`、`icon-location`、`icon-picture`、`icon-link`。

### 方式二：用 filter 覆盖（不改插件，升级不丢）

在自己主题的 `functions.php` 或另一个小插件里：

“`php

add_filter( ‘onqm_items’, function ( $items ) {

// 只要「工具」和「翻译」两组

return array(

array(

‘title’ => ‘工具’,

‘icon’ => ‘icon-tools’,

‘links’ => array(

array( ‘name’ => ‘抠图’, ‘url’ => ‘https://www.remove.bg/zh’ ),

array( ‘name’ => ‘PDF工具’, ‘url’ => ‘https://www.ilovepdf.com/zh-cn’ ),

),

),

array(

‘title’ => ‘翻译’,

‘icon’ => ‘icon-globe’,

‘links’ => array(

array( ‘name’ => ‘百度翻译’, ‘url’ => ‘https://fanyi.baidu.com/’ ),

),

),

);

} );

“`

### 强制在非 OneNav 主题下也加载

“`php

add_filter( ‘onqm_should_load’, ‘__return_true’ );

“`

（但非 OneNav 主题没有对应的头部结构和图标字体，可能需要自己补 CSS。）

## 与子主题同款菜单共存

如果对方主题里已经有同款菜单，脚本会先检测页面是否已存在 `.topgj_r`，存在就跳过插入，不会出现两排菜单。

## 卸载

后台停用并删除插件即可，插件不写数据库、不产生残留配置。

## 文件清单

“`

onenav-quick-menu/

├── onenav-quick-menu.php # 插件入口：菜单数据、加载逻辑、filter

├── assets/

│ ├── quick-menu.css # 下拉菜单样式（含暗黑模式、移动端隐藏）

│ └── quick-menu.js # 插入 DOM、生成下拉、防重复、URL 白名单

└── readme.md

“`

## 说明

– 插件只输出静态链接，不请求后端接口、不写 Cookie、不收集数据；

– 下拉链接只允许 `http(s)://` 或站内 `/` 开头，避免被写入 `javascript:` 伪协议；

– 菜单 HTML 用 `createElement` + `textContent` 生成，链接文字不会被当成 HTML 执行。