garrettweinberg/sage-bootstrap5-navwalker

基于 Sage 10 主题的 Bootstrap 5 Navbar 组件 navwalker

维护者

详细信息

github.com/GarrettWeinberg/sage-bootstrap5-navwalker

主页

源代码

问题

安装数: 22,875

依赖项: 1

推荐者: 0

安全性: 0

星标: 7

关注者: 2

分支: 4

开放问题: 1

1.4 2022-10-26 14:03 UTC

Requires

  • php: >=5.3.2

MIT 72b39cb1fe1bd2d1324686d6c51db160e588eb1c

  • Garrett Weinberg <weinberg135.woop@gmail.com>

wordpressnavbarnavwalkerBootstrap 5

This package is auto-updated.

Last update: 2024-09-26 18:41:17 UTC

README

由 MWDelaney/sage-bootstrap4-navwalker 分支而来

为基于 Sage 10 主题设置 Bootstrap 5 Navwalker。

要安装，请在 Sage 10 主题目录中运行以下命令

composer require "garrettweinberg/sage-bootstrap5-navwalker"

在 wp_nav_menu 函数中包含 navwalker

作为 Controller 方法（推荐）

在您的 Controller 中，可能是 app.php

public function with()
    {
        return [
            'primaryNavigation' => $this->primaryNavigation(),
        ];
    }

/**
 * Primary Nav Menu arguments
 * @return array
 */
public function primaryNavigation()
    {
        $args = array(
            'theme_location' => 'primary_navigation',
            'container'  => '',
            'container_class' => '',
            'menu_class' => 'navbar-nav',
            'depth' => 4,
            'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
            'walker' => new \App\wp_bootstrap5_navwalker()
        );
        return $args;
    }

在您的 Blade 文件中，可能是 header.blade.php

@if (has_nav_menu('primary_navigation'))
  {!! wp_nav_menu($primaryNavigation) !!}
@endif

无 Controller

如果您不使用 Controller 设置模板数据，您需要完全引用 \App\wp_bootstrap5_navwalker()。在您的 Blade 文件中，可能是 header.blade.php

@if (has_nav_menu('primary_navigation'))
  {!! wp_nav_menu(['theme_location' => 'primary_navigation', 'menu_class' => 'navbar-nav', 'walker' => new \App\wp_bootstrap5_navwalker()]) !!}
@endif