Joomla! Reference - オープンソース CMS Joomla!の参考書（Joomla!の使い方解説）

Webページ1ページのスペースはある程度限られています。モジュールを配置する場所などももちろん同様です。もちろん、単純にタテやヨコに並べてしまうのもありですが、いくつかの情報（モジュール）をタブで表示を切り替えるという手もあります。タブで表示切り替えができるエクステンションはいくつかありますが、今回は「Dinamod Tab Modules」といういくつかのモジュールをタブで表示切り替えできるモジュールをご紹介します。

モジュール表示をタブで切替「Dinamod Tab Modules」

このモジュール「Dinamod Tab Modules」は、指定した配置場所にある全てのモジュールをタブで表示切り替えする事ができます。

このサイトでは、トップページ（Home）で「Dinamod Tab Modules」を使用しています。“基本機能編”“テンプレート編”“エクステンション編”の最新記事をタブで表示切替できるようにしてあります。

「Dinamod Tab Modules」のインストール

まずは、インストールから行きましょう。

エクステンションのダウンロード

『Dinamod Tab Modules』（mod_dinamods.zip）本体を下記のリンクからダウンロードして、いつものように管理画面トップメニューの“エクステンション”＞＞インストール/アンインストールからインストールします。

Dinamod-tab-modulesの設置イメージ

いくつかのモジュールをmod_dinamodsの中に内包して、mod_dinamodsをフロントエンドに配置するって感じでしょうか？

上の図だと、フロントエンドに配置するのは、真ん中にある「mod_dinamods」で、この「mod_dinamods」のパラメータ>>モジュール設定>>New Positionの値が「Dinamod」になってて、モジュールの配置（場所）が「Dinamod」になってる「mod_mainmenu」「mod_latestnews」「mod_feed」「mod_mostread」などのモジュールが「mod_dinamods」に読み込まれるわけです。

Dinamodsモジュールの設定

インストールが完了したら、モジュール管理を開きます。新しく「Dinamods」というモジュールが追加されていると思います。モジュール名をクリックして、モジュール編集画面に移ります。

詳細

タイトルを適当なモノに書き換えます。（今回は仮に「Dinamodsテスト」というタイトルにします。）有効を「はい」にして、モジュールを有効にします。配置場所・表示順などを指定します。

パラメータ - モジュール設定

ほとんどが表示に関する設定なので、最初はデフォルトのままでもOKです!!

Dinamodsモジュール内に表示するモジュール側の設定

モジュールの中にいくつかのモジュールを配置して、その表示をタブで切り替えるって感じの仕組みなので、今度は配置する（Dinamodsモジュールに内包させる）モジュール（タブで表示を切り替えたいモジュール）側の設定もします。

例として、二つのメニュー「メニューＡ」と「メニューＢ」をタブで表示切り替えするようにしてみます。

「メニューＡ」モジュールを作る

配置場所を“dinamod”にする。

「メニューＢ」モジュールを作る

配置場所を“dinamod”にする。