Blog このままいくとWEB上ですべて・・・?#02
今回は、メニューを作成してみましょう。
元のメニューは、よく見慣れた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!に適用できるのではないでしょうか。
このままいくとWEB上ですべて・・・?#01
Downloadボタンを作成してみましょう。まず、下記サイトへ行って「download」で検索
気に入ったアイコン上の「Download」をクリックして保存します。「License」をクリックしてライセンスを確認し、さらに下記サイトへ行きます。
4ステップでボタンを作成します。サイズを選び、色を決め、「Setup icon」のところで「Your icon」を選択。下の「Browse」をクリックして先ほどダウンロードしたアイコンを選択します。サイズなどを決め、ボタンに表示するテキストなどを設定し、上の「Apply changes」を押して仕上がりイメージを表示させ、OKなら「Download」。出来たボタンは、以下です。
悩まずともこのパターンで一通りのボタンは、作成できそうです。
リボンをオンラインで作成
ページの端っこにリボンがかかっているのをよく見かけるのですが、オンラインで作成してくれるところがありました。
少しではあるかと思いますが、テンプレート作成の一助にいかが?
ITProの記事でWindows XP SP3にはInternet ExplorerとWindows Media Playerが含まれないそうです。願ったりかなったりなんですが、確認のために結局入れちゃうのでしょうね。ん? IE7は、入らないけどIE6は入ってるのかな・・・?それだったら意味無いなぁ。ん?もし、IE6が入ってるならIE6ユーザーが減らないってことか・・・。う~~んFirefoxにしてくれ。
FireShot : Firefoxお薦めアドオン
先日の記事でご紹介したScreengrab!より強力に良さそうです。画質も綺麗だし、キャプチャーした画像にコメントをつけたり線を書いたり、さらにはShapeも描けて矢印を自在に描けます。これは、重宝しそうだ。エクステンションの説明もこのスクリーンキャプチャーのFirefoxのアドオン「FireShot」だけで完結できそうです。こりゃイイ!ただ・・・・日本語の入力が・・・コピペでしか入力出来そうにないです。変換する前に確定してしまって母音は入力できますが・・・。
Screenshot Studio 「FireShotのページ」
もうひとつ残念なことが・・・Windows版しか無いようです。
管理画面で便利な QuickLink Previewモジュール
Joomla!1.5では、管理画面上部にPreviewボタンがありますが、Joomla!1.0.xではありません。管理画面に絶えず表示されていて欲しい物のひとつですよね。Joomla! Franceで配布されている「QuickLink Preview」モジュールを使えばJoomla!1.0.xでもプレビューボタンが表示されます。
Joomla!fr のQuickLink Previewページ
インストールは、通常のモジュールのインストールと同じです。
インストールしたら、モジュール>管理用モジュール>Previewを開き、公開をクリックしポジションをheaderにすると管理画面上部のメニューが並んでいる位置に現れます。並び方がおかしいときは、モジュール一覧画面で順序を上げ下げすればOKです。クリックすると別ウィンドウでサイトを表示してくれます。Joomla!1.0.xでは、ログアウトしないとプレビューできないので簡単なモジュールではありますが、かなり便利です。お試しあれ。































