表とモジュールで画像メニューを作成

[広告]

表とモジュールで画像メニューを作成

Eメール 印刷 PDF
これ見てー

Joomla1.5画像メニュー作成

商品カテゴリを画像で一覧にしたのね!
もしやこれは・・・
そうです!表を使ったのよ。
画像は、商品カテゴリのTOPページへリンクしています!
へぇーまるでメニューみたいね。
しかも!記事でなくてカスタムHTMLモジュールなのです!
すると全てのページに表示することもできるのね。
そうなの。表示位置も自由に設定できるよ。
商品カテゴリは、通常のテキストメニューでもいいんだけど、今回みたいに画像を使うと分かりやすいでしょ。

 

Joomla画像メニュー表とモジュール画像を使った目次やメニューを作ります。
カスタムHTMLモジュールと表の挿入機能を使うよっ。

 

手順
1・カスタムHTML へ
2・表を挿入。
3・表へ画像を挿入
4・画像へリンク設定 
します。

1・カスタムHTML

モジュール、カスタムHTMLを新規作成します。

>>自由にHTMLを書くモジュール1 カスタムHTMLモジュール

 

2・表を挿入

カスタムHTMLへ表を挿入。

>>表の挿入_新規作成

 

3.表へ画像を挿入

Joomla1.5画像挿入

 画像を選択、挿入します。

 

Joomla1.5表挿入

 表を新規作成。

 

Joomla1.5表へ画像挿入

 画像をセルへドラッグします。

 

Joomla1.5モジュール表と画像

表へ画像を挿入できました。 

画像の挿入は・・・
>>画像の挿入、表示 記事編集画面から

 

4・画像へリンク設定 

表へ挿入した画像にリンクを貼りましょう。

>>リンクを貼ろう

テキストも画像も、同じ設定方法です。

 

そうすると、こうなるのね。

Joomla1.5画像メニュー表示

工夫次第すれば、Joomlaで楽天みたいなデザインの通販サイトも作れそうねー。

 

 

コメントを書く

セキュリティコード
再表示


検索

新着記事

Joomla1.6が登場しましたが、今の時点でサイトを作る場合にはJoomla1.5と1.6のどちら...
多言語機能を搭載 訪問者がフロントサイドで表示言語を選択したり、ブラウザの言語設定を判別して自動的に表示する言語を切り...
ユーザー承認機能を搭載 フロントエンドから登録したユーザーの認証手順に管理者による確認が出来るようになったよ。これで、スパム...
言語ファイルのオーバーライド テンプレートのレイアウトと同じように言語ファイルもオーバーライドできるようになったよ。Joomla本...
404の場合に自動的にページをリダイレクト表示 ページ構成を変えた場合や、記事を消したあとで、他のサイトに張ってあるリンクで飛んでくるきた場合に40...

みんながよく読む記事

セクションとカテゴリー セクションとカテゴリの概要。 記事は、セクションとカテゴリへ所属します。 メニューから記事...
カテゴリの「説明」を表示 カテゴリーの下へカテゴリの「説明」を表示します。 メニューアイテムのタイプが「スタンダードカ...
記事の準備をするよ。セクションとカテゴリ アネはふなに分かりやすいように「メニュー」という単語を使っていますが、本当は、記事に関連するセクシ...
Joomla!編集画面右上、保存ボタンと適用ボタンの違いです。 慣れるまで、ちょっと悩み...
「はじめてでもできる Joomla!で作る簡単Webサイト」の内容について説明しますね。 著者はわ...

最新コメント

Joomla!日本語の本

Joomla!でポン アネが書いた本。日本で一番かんたん分かりやすいJoomla!のマニュアル本を目指しました。
Joomla!導入直後で操作方法の習得時には特におすすめします!

Joomla!専門 日本語の本

初心者の私には難しかった。Joomla!以外のCMS情報も。