テンプレート作成時や新たなモジュールを導入時など、このメニューの時はこれを出したい、あのメニューの時はこれを出したいなど、メニュー毎にモジュール側で設定が可能です。ですが、もっと細かく設定したい時はこれでは足りません。このサイトのテンプレートでは、さらに細かく分岐しています。(妙な表示の部分もありますけどね。)
エクステンションによっては異なりますが、$option, $Itemid, $taskなどはJoomla!で普通に使われているグローバルな値です。例えば記事を表示しているときは $option に 'com_content' , $task に 'view' が入っています。$ItemidにはメニューIDなど。これらの値を取得しそれにより判断することによってさらに詳細に表示を変更できるわけです。
Joomla!のモジュールはたくさんあるのでモジュールの各メニュー毎の割り当ては、かなり面倒です。また、メニューが増えたら同じ作業をそれぞれのモジュール毎にやらなければいけません。この作業が楽になるようなエクステンションが欲しいですね。
今回は、メニューを作成してみましょう。
元のメニューは、よく見慣れたJoomla!をインストールするとデフォルトで選択されているテンプレートのメニュー(右側の画像)です。それを下のような横型のメニューに変えてみましょう。
手順は、オンラインでメニューを作成してくれるサイト
「CSS MENU MAKER」
で作成したイメージとCSS Codeを利用してそれをJoomla!のテンプレートに適用します。
まず、下記サイトへ行ってください。
今回は、横型なので右側のHorizontalの中から気に入ったメニュー左の「Customize」をクリック。出てきた画面の1番にメニューの数を入力します。面倒なので1でOKです。それから「Update your Menu」ボタンをクリック。2番の「Button Label」と「Link」は、いらないので「Generate Menu Code」をクリック。
上のような画面が出てくるので「Click here to download image files」をクリックしてイメージをダウンロード。そして下の「CSS Code」欄の内容をコピーします。サイトテンプレートのCSSを開き、一番下部にでもペーストし、以下のように変更します。
を
のように変更し、ダウンロードしたイメージをサイトテンプレートのimagesフォルダに入れます。そして管理画面から、モジュール一覧を開き、変更したいメニューモジュールの設定画面を開きます。(今回はメインメニュー)設定項目の「メニュースタイル」でフラットを選択し、保存。
以上で横型メニューができあがりました。
まだ、試していませんが、サブメニューのあるソースもダウンロードできますのでSublevelのメニューが欲しい方も工夫すればJoomla!に適用できるのではないでしょうか。
Downloadボタンを作成してみましょう。まず、下記サイトへ行って「download」で検索
気に入ったアイコン上の「Download」をクリックして保存します。「License」をクリックしてライセンスを確認し、さらに下記サイトへ行きます。
4ステップでボタンを作成します。サイズを選び、色を決め、「Setup icon」のところで「Your icon」を選択。下の「Browse」をクリックして先ほどダウンロードしたアイコンを選択します。サイズなどを決め、ボタンに表示するテキストなどを設定し、上の「Apply changes」を押して仕上がりイメージを表示させ、OKなら「Download」。出来たボタンは、以下です。
悩まずともこのパターンで一通りのボタンは、作成できそうです。
管理画面のテンプレートってみなさん変更したりしていますか?複数のサイトをJoomla!を使って管理しているとどのサイトの管理画面かすぐにわかりませんよね。管理画面のテンプレートを変更してサイト毎にスタイルを変更してはいかがでしょうか。
こちらのサイトは、たくさんのフリーテンプレートがあってダウンロードできます。なかには、リンクを削除してはダメなものとかがあるので注意が必要です。管理画面のテンプレートは、ギャラリーの「Admin Templates」にあります。おすすめは、「Essential Plazza」。このテンプレートは、5色のテンプレートが付属しています。ダウンロードしたらまず、解凍してください。解凍すると、コンポーネントが一つと5つのテンプレートのファイルが出てきます。コンポーネントは、このテンプレート用のコンテンツ検索のコンポーネントです。テンプレートをインストールし、コンポーネントをインストールすると左の画像(Black)の用になります。サイト毎に異なる色のテンプレートをインストールしたらわかりやすいですよね。
































