Craft 3 で navigation プラグインを試してみる #craftcms

Posted on 2018/7/22 Tag : Craft CMS

WordPress にある機能のうち、メニューってすごくいいなぁと思っているんですが、 Craft 用で似たようなプラグインがあったので試してみる。
たしかBUNさんがどこかで投げてて知った気がします。。。

verbb/navigation: A Craft CMS plugin to create navigation menus for your site.
https://github.com/verbb/navigation

有料プラグインですが試用版もあります。

プラグインのインストールと設定

プラグインを追加するとこんな感じでナビゲーションを追加できる。

追加するとこんな感じで項目を増やせる。

エントリ、カテゴリ、アセット、カスタム、と選択できるみたいなのでひとまずは十分そう。

エントリ、ページの選択部分

ナビゲーション項目を追加してみた

テンプレートの調整

元々のHTML

<ul class="navbar-nav ml-auto">
<li class="nav-item">
  <a class="nav-link" href="{{ siteUrl }}">Home</a>
</li>
<li class="nav-item">
  <a class="nav-link" href="/about">About</a>
</li>
<li class="nav-item">
  <a class="nav-link" href="#">Sample Post</a>
</li>
<li class="nav-item">
  <a class="nav-link" href="#">Contact</a>
</li>
</ul>

修正してこんなかんじ。

{{ craft.navigation.render('nav_global', {
ulClass: 'navbar-nav ml-auto',
liClass: 'nav-item',
aClass: 'nav-link',
}) }}

これで管理画面から操作できるし便利そうだなー。

もちろん似たようなことは Global を使うとかすればいけるとは思いますが、プラグインでやれるほうが良い場合もありそうです。