EC-CUBE3

管理画面サイドメニューに項目を追加

管理画面サイドメニューに項目を追加

EC-CUBE3

管理画面サイドメニューに項目を追加

管理画面左にあるメニュー群の末尾に任意の項目を追加してみましょう。

今回追加する項目は「マニュアル」とします。

管理画面を構成するのテンプレートファイルは「src/Eccube/Resource/template/admin」にあり、この中でサイドメニュー部分の記述があるのは「default_frame.twig」になります。

79行目付近に該当の記述があり、「ホーム」以外の子要素を持つメニューについては「nav.twig」をインクルードしてなにかゴニョゴニョして出力しているようです。自分にはさっぱりですが…。

今回は単純に「ホーム」と同じく直接この中に<li>~</li>の要素を記述することで対応させます。

これで管理画面のサイドメニューの末尾に「マニュアル」が表示されているはずです。

表示されていない人は「app/cache/twig/production/」の中の「admin」をディレクトリごと削除してみてください。

アイコンの変更

今回「マニュアル」ということでメニューのSVGアイコンを「?」としましたが、他にも色々なSVGアイコンが用意されています。

「html/template/adamin/assets/img/svg_list.html」にアクセスしてみると使用できるアイコンの一覧が見ることができるので、使いたいアイコンが見つかったら先ほどの挿入したソースコードの「<svg class=”cb cb-question”>」の「cb-question」を差し替えて下さい。