Home arrow Blog arrow Templates

Blog

テンプレート作成時や新たなモジュールを導入時など、このメニューの時はこれを出したい、あのメニューの時はこれを出したいなど、メニュー毎にモジュール側で設定が可能です。ですが、もっと細かく設定したい時はこれでは足りません。このサイトのテンプレートでは、さらに細かく分岐しています。(妙な表示の部分もありますけどね。)

 エクステンションによっては異なりますが、$option, $Itemid, $taskなどはJoomla!で普通に使われているグローバルな値です。例えば記事を表示しているときは $option に 'com_content' , $task に 'view' が入っています。$ItemidにはメニューIDなど。これらの値を取得しそれにより判断することによってさらに詳細に表示を変更できるわけです。

 Joomla!のモジュールはたくさんあるのでモジュールの各メニュー毎の割り当ては、かなり面倒です。また、メニューが増えたら同じ作業をそれぞれのモジュール毎にやらなければいけません。この作業が楽になるようなエクステンションが欲しいですね。

 
content_view_38_40.jpg

今回は、メニューを作成してみましょう。

元のメニューは、よく見慣れたJoomla!をインストールするとデフォルトで選択されているテンプレートのメニュー(右側の画像)です。それを下のような横型のメニューに変えてみましょう

 

手順は、オンラインでメニューを作成してくれるサイト
「CSS MENU MAKER」

 

で作成したイメージとCSS Codeを利用してそれをJoomla!のテンプレートに適用します。

content_view_5_6.png

まず、下記サイトへ行ってください。

CSS MENU MAKER

 

cssmenumaker_com.jpg

今回は、横型なので右側のHorizontalの中から気に入ったメニュー左の「Customize」をクリック。出てきた画面の1番にメニューの数を入力します。面倒なので1でOKです。それから「Update your Menu」ボタンをクリック。2番の「Button Label」と「Link」は、いらないので「Generate Menu Code」をクリック

cssmenumaker_com_process_step3_php.jpg 

上のような画面が出てくるので「Click here to download image files」をクリックしてイメージをダウンロード。そして下の「CSS Code」欄の内容をコピーします。サイトテンプレートのCSSを開き、一番下部にでもペーストし、以下のように変更します。

css_before.jpg

 

css_after.jpg

 

のように変更し、ダウンロードしたイメージをサイトテンプレートのimagesフォルダに入れます。そして管理画面から、モジュール一覧を開き、変更したいメニューモジュールの設定画面を開きます。(今回はメインメニュー)設定項目の「メニュースタイル」でフラットを選択し、保存

以上で横型メニューができあがりました。

まだ、試していませんが、サブメニューのあるソースもダウンロードできますのでSublevelのメニューが欲しい方も工夫すればJoomla!に適用できるのではないでしょうか。

 

www_iconfinder_net_index_php_q=download.jpg

 
またまた便利なサイトを・・・

Downloadボタンを作成してみましょう。まず、下記サイトへ行って「download」で検索

iconfinder

 

気に入ったアイコン上の「Download」をクリックして保存します。「License」をクリックしてライセンスを確認し、さらに下記サイトへ行きます。

www_mycoolbutton_com.jpg

 
My cool button
 

4ステップでボタンを作成します。サイズを選び、色を決め、「Setup icon」のところで「Your icon」を選択。下の「Browse」をクリックして先ほどダウンロードしたアイコンを選択します。サイズなどを決め、ボタンに表示するテキストなどを設定し、上の「Apply changes」を押して仕上がりイメージを表示させ、OKなら「Download」。出来たボタンは、以下です。

www.STADTAUS.com_btn1198039.png

悩まずともこのパターンで一通りのボタンは、作成できそうです。

 

www_quickribbon_com.jpg

 
ページの端っこにリボンがかかっているのをよく見かけるのですが、オンラインで作成してくれるところがありました。

少しではあるかと思いますが、テンプレート作成の一助にいかが?

QuickRibbon.com

 

 

 

ITProの記事

 
Windows XP SP3にはInternet ExplorerとWindows Media Playerが含まれないそうです。願ったりかなったりなんですが、確認のために結局入れちゃうのでしょうね。ん? IE7は、入らないけどIE6は入ってるのかな・・・?それだったら意味無いなぁ。ん?もし、IE6が入ってるならIE6ユーザーが減らないってことか・・・。う~~んFirefoxにしてくれ。

 

joomlaos.jpg管理画面のテンプレートってみなさん変更したりしていますか?複数のサイトをJoomla!を使って管理しているとどのサイトの管理画面かすぐにわかりませんよね。管理画面のテンプレートを変更してサイト毎にスタイルを変更してはいかがでしょうか。

Joomla CMS Download

 

上記サイト内のテンプレートギャラリー

 

 

 

admintemplate.jpg こちらのサイトは、たくさんのフリーテンプレートがあってダウンロードできます。なかには、リンクを削除してはダメなものとかがあるので注意が必要です。管理画面のテンプレートは、ギャラリーの「Admin Templates」にあります。おすすめは、「Essential Plazza」。このテンプレートは、5色のテンプレートが付属しています。ダウンロードしたらまず、解凍してください。解凍すると、コンポーネントが一つと5つのテンプレートのファイルが出てきます。コンポーネントは、このテンプレート用のコンテンツ検索のコンポーネントです。テンプレートをインストールし、コンポーネントをインストールすると左の画像(Black)の用になります。サイト毎に異なる色のテンプレートをインストールしたらわかりやすいですよね。

 

Results 10 - 16 of 16

joomler_kun_48.gif Blog
Joomler! Blog

for Mobile