Joomlaでポン

こうゆうの

ツリー構造のメニューを作りましょう。

設定はメニューアイテムから行います。
「親アイテム」を指定したメニューアイテムを作ります。

子メニューアイテムをクリックすると、記事を一つ表示するようにします。

今回は・・・

着物リメイク作品紹介（メニュー）
    ―　バッグ（メニューアイテム）（親）
        ―丸いバッグ（メニューアイテム）（子）

というメニューにします。
子アイテム「丸いバッグ」を設定しましょう。

参考：
「着物リメイク作品紹介」（メニュー）
「バッグ」（親メニューアイテム） を作るには・・・

メニューを作るには
＞＞メニュー（ワク）の作り方

メニューアイテムの作り方は
＞＞メニューアイテムの新規作成

子メニューアイテムを新規作成（親メニューアイテムを指定）

メニュー　－　アイテムを新規作成したいメニューを選択。

 メニューアイテム管理　画面です。
画面右上の「新規」

 メニューアイテムタイプの選択画面です。
内部リンク　―記事　―記事　―スタンダード記事レイアウト
を選択。
（今回は一つの記事を表示するように設定します。）

 メニューアイテム：[新規]　編集画面です。
画面は大きく三つから成り立ちます。
＜メニューアイテムのタイプ＞
＜メニューアイテム詳細＞
＜パラメータ＞

＜メニューアイテム詳細＞

「タイトル」　メニューアイテムの表示名を入力

（今回は
着物リメイク作品紹介（メニュー）
    ―　バッグ（メニューアイテム）（親）
        ―丸いバッグ（メニューアイテム）（子）
というメニューにします。）

 ＜パラメータ＞
この子メニューアイテムで表示させる記事を選択します。

保存・・・

 メニューアイテム管理の一覧画面です。
親メニューアイテム「バッグ」の下に
子アイテム「丸いバッグ」が表示されていますね。

フロントエンドはどうなったかな？

フロントページです。
親メニューアイテム「バッグ」のみ表示、
子メニューアイテム「丸いバッグ」は表示されていませんね。

親メニューアイテム「バッグ」をクリックすると・・・

「バッグ」のページです。

親メニューアイテム「バッグ」の下へ
子メニューアイテム「丸いバッグ」が表示されています。

＞＞メニューアイテムのスタイルを変更　リストを消す

 モジュールのメニュースタイルで設定しました。
上のメニューはレガシー縦型。
下のメニューはリスト　です。

メニューアイテム一つ一つに画像を表示する設定をします。

この記事を参考に設定してね。　　＞＞メニューアイテムに画像を表示

＞＞メニューを枠で囲みたい　モジュールクラス設定

モジュール「Legacy　Parameters」で、メニューアイコン選択を「はい」にします。

 モジュール：[編集]　画面です。

画面右側の「Legacy　Parameters」

 メニューアイコン選択を「はい」にします。

保存して・・・

こうやって。

メニューを枠で囲む＝メニューに枠の画像を表示します

 エクステンション　－モジュール管理

 編集したいメニューを選びます。

 モジュール：[編集]　画面。
画面右側　「パラメータ　―拡張パラメータ」　から設定します。

 モジュールクラスに「_menu」と入力。

「保存」
すると・・・

フロントエンドはこうなりました。
メニューが枠の画像で囲まれていますね。

この枠はモジュールの配置が「Left」の時に表示できます。