NetCommons Test and Study Site


  Product By K.Nagai
 
 

メニューの「sideflat」と同タイプのメニューを追加

デザインカスタマイズ本を参考に、sideflat と同類のメニューを増やしてみる。以下が新メニュー。
 
追加したsideflat-2が表示される
テンプレートにsideflat-2 が
表示される。
 

追加の方法

1.追加するテンプレート名を決める。注意点は、フォルダ名は任意であるが、必ず、side 又は flat の文字を入れる事。当サイトでは、sideflat-2 としたので、以下このフォルダ名で記述。
2.以下に2個のフォルダ作成
 ・ webapp/modules/menu/templates/sideflat-2
 ・ webapp/modules/menu/files/css/sideflat-2
3.上記で作成したフォルダに、同一階層にある sideflat 内のファイルをコピーする。
4.sideflat-2のフォルダ内の2個のファイル修正
 1)webapp/modules/menu/templates/sideflat-2/menu_view_main_list.html
   19行目あたり
  <{assign var="class_name" value="nowrap sideflat-2_highlight _menu_active"}>
  以降7カ所は、sideflat → sideflat-2 に修正
 2)webapp/modules/menu/files/css/sideflat-2/style.css
  このファイル内容は、カスタマイズ本と大分異なるので、詳細は省略。CSSを理解の上、適宜修正します。
  カスタマイズ本:2.3.0.0 当サイト:2.3.3.0
5.管理画面からメニューのアップデートを忘れずに。

総括:1個追加すれば、それを元に2個・3個と増やすことが容易になる。
 
Copyright(c) 2010 K.Nagai All Rights Reserved.