nf/menu-kit

菜单集合

维护者

详细信息

github.com/nf-theme/menu-kit

源代码

安装: 6

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 1

语言：CSS

2.0.0 2018-12-03 06:51 UTC

Requires

MIT b7316d16b5f6954c9d5e24f4270c720b8ac55061

  • Hieupv <hieupv.woop@codersvn.com>

This package is auto-updated.

Last update: 2024-08-29 04:20:15 UTC

README

它是我们主题 https://github.com/hieu-pv/nf-theme 的扩展套件

安装前

步骤 1：安装 Nf-Theme-Option 软件包

nf-theme-option

安装

步骤 1：通过 Composer 安装
composer require nf/menu-kit
步骤 2：添加服务提供者

打开 config/app.php 并注册所需的服务提供者。

  'providers'  => [
        // .... Others providers 
        \NF\Menu\MenuServiceProvider::class,
    ],
步骤 3：导入 CSS 和 JS

在文件 (wp-content/themes/{name_theme}/resources/assets/scripts/app.js) 中导入 menu-kit 包的 JS；

import '../../../vendor/nf/menu-kit/assets/dist/app.js';

在文件 (wp-content/themes/{name_theme}/resources/assets/styles/app.scss) 中导入 menu-kit 包的 CSS；

@import '../../../vendor/nf/menu-kit/assets/dist/app.css';
步骤 4：添加短代码

自动创建一个名为 menu-kit 的短代码，其中必须包含 theme_location 属性

[menu-kit theme_location="{location_menu}"]

示例

[menu-kit theme_location='main-menu'"]
步骤 5：在需要的地方插入短代码

非常简单

do_shortcode("[menu-kit theme_location='main-menu'"]")

最后一步

{提示} 喝茶放松！