OneNav 一为导航添加快捷菜单

OneNav V5.56 导航主题

1：在父主题（不推荐）或子主题（推荐）中的 functions.php文件中添加下方引用代码，添加在文件最下方即可；

// 引用 func.php 文件
require get_theme_file_path('/Shortcut-Menu.php');

2：将文件上传至你的functions.php同级目录（也可以上传至别的路径，记得调整functions.php引用文件路径）

Shortcut-Menu.php 点击下载

也可以直接复制下方Shortcut-Menu.php内容 ↓ ↓ ↓

a{display:flex;align-items:center;padding:8px;font-size:13px;font-weight:500;color:var(--body-color);text-decoration:none;transition:all .3s ease}.topgj_r .menu-item>a::after{display:none}.topgj_r .menu-item:hover>a{color:var(--theme-color)}.sub-menu-z{position:absolute;top:100%;right:50%;z-index:1000;min-width:90px;padding:8px 0;margin:0;background:var(--main-bg-color);border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.12);list-style-type:none;opacity:0;visibility:hidden;transform:translateX(50%);transform-origin:top center;transition:all .25s cubic-bezier(.3,0,.3,1)}.topgj_r .menu-item:hover .sub-menu-z{opacity:1;visibility:visible;transform:translateX(50%) translateY(0)}.sub-menu-z .menu-item-z{margin:0;padding:0;list-style:none;white-space:nowrap;text-align:center}.sub-menu-z .menu-item-z a{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;padding:6px 12px;margin:0;font-size:13px;color:#666;text-decoration:none;text-align:center;transition:all .2s ease}.sub-menu-z .menu-item-z span{display:block;width:100%;text-align:center;line-height:1.4}.sub-menu-z .menu-item-z a:hover{background:rgba(230,232,234,.8);color:#f1404b;border-radius:8px}.quick-tools-container{margin-top:1rem;padding:15px;background:var(--muted-bg-a-color);border-radius:var(--theme-border-radius);transition:background-color .3s ease}.quick-tools-title{display:flex;align-items:center;padding:10px 0;margin-bottom:10px;font-size:14px;font-weight:600;color:var(--main-color);border-bottom:1px solid var(--muted-bg-color)}.quick-tools-title i{margin-right:8px;font-size:16px;color:var(--theme-color)}.quick-tool-category{margin-bottom:8px}.quick-tool-category .category-title{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;font-weight:500;color:var(--main-color);cursor:pointer;transition:color .3s ease}.quick-tool-category .category-title:hover{color:var(--theme-color)}.quick-tool-category .category-title i{font-size:12px;transition:transform .3s ease}.category-content{max-height:0;overflow:hidden;transition:max-height .4s ease}.category-content.show{max-height:300px}.tool-link{display:inline-block;padding:4px 8px;margin:2px;font-size:12px;color:var(--main-color);background:var(--main-bg-color);border:1px solid transparent;border-radius:var(--theme-border-radius-sm);text-decoration:none;transition:all .3s ease}.tool-link:hover{color:#fff;background:var(--theme-color);text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}

.desktop-drawer{position:fixed;top:0;right:-240px;width:240px;height:100vh;z-index:100;padding-top:70px;background:var(--main-bg-color);box-shadow:-2px 0 20px var(--main-shadow);border-radius:var(--theme-border-radius) 0 0 var(--theme-border-radius);display:flex;flex-direction:column;overflow:hidden;transition:right .3s cubic-bezier(.3,0,.3,1)}.desktop-drawer.show{right:0}.desktop-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s ease}.desktop-drawer-overlay.show{opacity:1;visibility:visible}.desktop-drawer-header{display:flex;align-items:center;justify-content:flex-start;position:relative;padding:12px 15px;min-height:45px;font-size:14px;font-weight:600;color:var(--main-color);backdrop-filter:saturate(2) blur(15px);-webkit-backdrop-filter:saturate(2) blur(15px);border-bottom:1px solid var(--muted-bg-a-color);flex-shrink:0;transition:background-color .3s ease}
.desktop-drawer-menu{flex:1;padding:0;margin:0;list-style:none;overflow-y:auto}.desktop-drawer-menu .menu-category{margin-bottom:4px;border-bottom:none}.desktop-drawer-menu .category-toggle{opacity:.7;transition:transform .2s ease}.desktop-drawer-menu .category-toggle i{font-size:12px}.desktop-drawer-menu .category-title{position:relative;display:flex;align-items:center;justify-content:space-between;margin:3px 6px;padding:10px 15px;font-size:12px;font-weight:500;color:var(--main-color);background:linear-gradient(135deg,var(--muted-bg-color-l) 0%,var(--muted-bg-color) 100%);border-radius:var(--theme-border-radius-sm);cursor:pointer;transition:all .3s ease}.desktop-drawer-menu .category-title:hover{color:var(--theme-color);background:var(--theme-color-bg);transform:translateX(2px)}.desktop-drawer-menu .category-items{max-height:0;margin:0 6px;background:var(--main-bg-color);border-radius:var(--theme-border-radius-sm);overflow:hidden;transition:max-height .3s ease}.desktop-drawer-menu .category-items.show{max-height:350px}.desktop-drawer-menu .category-items a{position:relative;display:block;margin:1px 3px;padding:6px 15px;font-size:11px;color:var(--main-color);text-decoration:none;border-radius:var(--theme-border-radius-sm);border-bottom:1px solid var(--muted-bg-a-color);transition:all .2s ease}.desktop-drawer-menu .category-items a:hover{color:var(--theme-color);background:var(--theme-color-bg);border-color:transparent;transform:translateX(2px)}.desktop-drawer-menu .category-items a:last-child{border-bottom:none}
.io-black-mode .sub-menu-z{background:#2c2e2f}.io-black-mode .sub-menu-z .menu-item-z a{min-height:36px;color:#c6c9cf}.io-black-mode .sub-menu-z .menu-item-z a:hover{background:rgba(255,255,255,.08);color:var(--theme-color)}
.header-nav .nav-container{margin-left:0}.navbar-menu .menu-item i{margin-right:5px}.nav-container{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.nav-container .topgj_r{display:flex;align-items:center;margin-right:0;flex-shrink:0}.header-nav .nav-container{margin-left:0}.navbar-menu .menu-item i{margin-right:5px}.nav-container{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.nav-container .topgj_r{display:flex;align-items:center;margin-right:0;flex-shrink:0}
.header-nav .menu-btn{position:relative;width:34px;height:34px;margin-left:5px;border-radius:50%;cursor:pointer;transition:opacity .16s cubic-bezier(.33,1,.68,1)}.header-nav .menu-btn .menu-bar{position:absolute;display:block;inset:0 8px 0 auto;margin:auto;width:18px;height:2px;background-color:var(--main-color);border-radius:2px;transition:all .46s cubic-bezier(.215,.61,.355,1)}.header-nav .menu-btn .menu-bar:nth-child(1){top:-14px}.header-nav .menu-btn .menu-bar:nth-child(2){top:0}.header-nav .menu-btn .menu-bar:nth-child(3){top:14px;width:12px}.header-nav .menu-btn[aria-expanded='true'] .menu-bar:nth-child(1){width:20px;top:0;right:7px;transform:rotate(45deg)}.header-nav .menu-btn[aria-expanded='true'] .menu-bar:nth-child(2){width:0;opacity:0}.header-nav .menu-btn[aria-expanded='true'] .menu-bar:nth-child(3){width:20px;top:0;right:7px;transform:rotate(-45deg)}
.drawer-button-container{display:flex;align-items:center;margin-left:5px;flex-shrink:0}.desktop-drawer-toggle{position:relative;width:34px;height:34px;z-index:101;border-radius:50%;cursor:pointer;transition:opacity .16s cubic-bezier(.33,1,.68,1)}.desktop-drawer-toggle .menu-bar{position:absolute;display:block;inset:0 8px 0 auto;margin:auto;width:18px;height:2px;background-color:var(--main-color);border-radius:2px;transition:all .46s cubic-bezier(.215,.61,.355,1)}.desktop-drawer-toggle .menu-bar:nth-child(1){top:-14px}.desktop-drawer-toggle .menu-bar:nth-child(2){top:0}.desktop-drawer-toggle .menu-bar:nth-child(3){top:14px;width:12px}.desktop-drawer-toggle[aria-expanded='true'] .menu-bar:nth-child(1){width:20px;top:0;right:7px;transform:rotate(45deg)}.desktop-drawer-toggle[aria-expanded='true'] .menu-bar:nth-child(2){width:0;opacity:0}.desktop-drawer-toggle[aria-expanded='true'] .menu-bar:nth-child(3){width:20px;top:0;right:7px;transform:rotate(-45deg)}
@media (min-width:768px) and (max-width:1200px){.header-nav .menu-btn.d-md-none{display:none!important}.header-nav .menu-btn{display:none!important}}@media (max-width:767px){.header-nav .menu-btn.d-md-none{display:block!important}.header-nav .menu-btn{margin-left:0!important}.header-nav .menu-btn .menu-bar{inset:0 auto 0 8px!important}.header-nav .menu-btn .menu-bar:nth-child(1){top:-14px!important}.header-nav .menu-btn .menu-bar:nth-child(2){top:0!important}.header-nav .menu-btn .menu-bar:nth-child(3){top:14px!important;width:12px!important}.header-nav .menu-btn[aria-expanded='true'] .menu-bar:nth-child(1){width:20px!important;top:0!important;left:7px!important;right:auto!important;transform:rotate(45deg)}.header-nav .menu-btn[aria-expanded='true'] .menu-bar:nth-child(2){width:0!important;opacity:0}.header-nav .menu-btn[aria-expanded='true'] .menu-bar:nth-child(3){width:20px!important;top:0!important;left:7px!important;right:auto!important;transform:rotate(-45deg)}}@media (min-width:1201px){.header-nav .menu-btn.d-md-none{display:none!important}.header-nav .menu-btn{display:none!important}}@media (min-width:1201px){.topgj_r{display:flex!important}.drawer-button-container{display:none}}@media (max-width:1200px){.topgj_r{display:none!important}.drawer-button-container{display:flex!important;flex-shrink:0;margin-left:5px}}@media (max-width:767px){.drawer-button-container{display:none!important}}";
        wp_add_inline_style('custom-menu-styles', $custom_css);
    }
}
function add_custom_navigation_menu() {
    // 仅在前端且非管理员页面加载
    if (is_admin()) return;
    
    ob_start(); // 开启输出缓冲
    ?>

效果展示：