Joomla!では、テンプレートのスタイルをメニューに割り当てることができます。そのメニューをクリックした時だけ、割り当てたスタイルが使われるようになります。
前の記事「テンプレートのスタイルをコピーする」では、「Beez2 - Default」をコピーして「Beez2 - Default (2)」を作成し、さらに「テンプレートカラー」を「ネイチャー」に変更しました(緑系の色)。今回はこのコピーしたスタイルをメニューに割り当てみます。
テンプレート管理画面で「Beez2 - Default (2)」をクリックします。
画面左下に表示されるのがメニューの割り当て設定です。メニューについては後で詳しく説明しますが、現段階ではここに表示されたメニューとフロントエンドのメニューが同じになっていることだけを確認して下さい。
この中の「はじめに」のチェックボックスをONにして保存して下さい。
フロントエンドに切り替え、「Joomla!について」の中にある「はじめに」をクリックして下さい。
するとデザインが変わりました。他のメニューをクリックすれば元のデザインに戻ります。つまり先ほどチェックした「はじめに」のメニューをクリックした時だけ、「Beez2 - Default (2)」のスタイルが使われます。
確認できたら、「はじめに」メニューへの割り当てを解除しておいてください。
このようにJoomla!では、テンプレートのスタイルをメニュー毎に切り替える事ができます。これを応用すれば、ページごとに色を変えたり、レイアウトを変えたりすることが可能です。