2019-05-05

Craft CMS の menu 用プラグインを試してみる #craftcms


OliveStudio/olivemenus: A powerful menus plugin for Craft CMS built for the need of simplicity and flexibility
https://github.com/OliveStudio...

WordPress の menu 機能みたいなのを提供してくれるっぽい。

インストールするとダッシュボードの左カラムのメニューに追加される。

メニューの新規作成。

メニューの追加。

トグルの三角が大きくてちょっとダサいような気もするけどそこはご愛嬌。

カスタムメニューも追加できる。

入れ子も可能。

セクションも記事単位で選択できるんだけど、追加ボタンが一番下で、エントリ数が多いとちょっと使いづらい。

こんな感じでメニューを用意してみた。

テンプレートに書くのはこんなかんじ。menu_sample という hundle で作った。

{{ craft.olivemenus.getMenuHTML('menu_sample') }}

出力されるコードがこんな感じ。

<div class="menu">
<ul class="">
	<li id="menu-item-1" class="menu-item "><a class="" href="https://bit-part.net">bit part</a></li>
	<li id="menu-item-2" class="menu-item "><a class="" href="https://note.mersy418.com/about">About</a>
		<ul class="">
			<li id="menu-item-3" class="menu-item "><a class="" href="https://note.mersy418.com/article/html-cache-plugin-excleded-url">HTML Cache プラグインに除外URLが指定できるようになりました #craftcms</a></li>
		</ul>
	</li>
	<li id="menu-item-4" class="menu-item "><a class="" href="https://note.mersy418.com/article/mtnet-entries-to-craft">テキストのみ</a></li>
</ul>
</div>

必ずclassがついて、設定していないと空になったり、テキストのみのカスタムメニューを追加したらリンクは最新のエントリが入ったりとちょっと怪しい挙動をしてるけど。

リンクは # でも入れといてってことで。

似たプラグインがナビゲーションのプラグインがありますが。

今の所は navigation プラグインの方が良さそうな印象です。