モジュールポジションとテンプレートの関係 - J!1.0

モジュールポジションって何?

Joomla!のテンプレートは、いくつかのモジュールを表示させる場所を寄せ集めるかたちで構成されています。このモジュールを表示する場所を、モジュールポジションといいます。ここでは、Joomla!の使い始めには多少混乱してしまう、これらモジュールポジションとテンプレートとの関係をおおまかに説明します。

コンテンツを取り巻くモジュール

Joomla!で構築されたサイトのメインとなるのは、「新規コンテンツ」などで作成した記事自体や、コンポーネントとしてインストールした掲示板やブログ機能などですが、Joomla!はさまざまな機能を追加して利用できるCMSなので、これら以外にも多くの機能を取り入れてサイト内に同時に表示させることが可能です。これらコンテンツやコンポーネントを取り巻く部品が、モジュールと呼ばれるものです。

このサイト(以前のデザイン)を例にすると、メインとなるコンテンツは紫の枠の部分で、それを取り巻くオレンジの枠の部分は、すべてモジュールで構成されています。コンポーネントとモジュールとマンボットの区別については、次の記事を参照にしてください。

モジュールポジション

Joomla!のモジュールは、各モジュールごとに表示場所を指定することができるようになっています。モジュールの管理画面を開くと、下のような「ポジション」という項目が表示されますが、これがモジュールポジションの指定です。

モジュール設定指定時に選択できるモジュールの表示場所のことを、モジュールポジションと呼びます。


どのようなモジュールポジションが存在するかは、Joomla!管理画面から「サイト」「テンプレート管理」「モジュールポジション」と進むとリストで確認が可能です。

初期状態では、おそらく下のようなモジュールポジションが用意されているはずです。


すべてのモジュールポジションを使えるわけではない

デフォルトの状態でも多くのモジュールポジションが用意されていますが、これをすべて利用できるわけではありません。どのモジュールポジションが利用できるかは、利用するテンプレートによって決まります。つまり、どのモジュールをどこに表示させるかを把握するためには、テンプレート側がどのようなモジュールポジションを利用できるようなつくりになっているのかを把握する必要があるわけです。

テンプレート側で指定されているのは、利用するモジュールポジションだけではありません。各モジュールポジションを実際のサイトでどこに表示させるのかも、テンプレート側で指定されています。このへんは最初ちょっと混乱するところかもしれませんが、理解してしまえばそれほど複雑な構造ではありません。

使えるモジュールポジションはテンプレート側から把握

わかりにくいので、もう少し具体的に説明します。まず、管理画面から「モジュールポジション」のリストを確認すると、「left」というものが一番上にあると思います。だからといって、各モジュールを設定する際に、モジュールポジションを「left」にすると、すんなりサイトの左側にそのモジュールが表示される…というわけではないのです。テンプレート側に「left」のモジュールポジションを表示する場所が用意されていなければ表示すらされませんし、もし使っているテンプレートがかなりひねくれた人が作ったもので、モジュールポジション「left」を左側でなく右側に表示させるようなつくりになっていれば、「left」に指定されたモジュールが右側に表示される場合もありえます。


どのモジュールポジションを利用するか、そして利用するモジュールポジションをどこに表示させるかは、テンプレート側が決めています。Joomla!に初めてテンプレートを導入する際には、テンプレートのデザインも重要ですが、自分の意図するサイトに必要なモジュールポジションが用意されているのかも、とても重要です。多くの情報を同時に表示させたいのに、モジュールポジションの数が少ないテンプレートを選択してしまうと、表示位置が足りなくて困ることになります。もちろんこの問題は、HTMLの知識があって、自分でテンプレートをカスタマイズする手間を惜しまないのであれば解決します。あくまで、公開されているフリーテンプレートなどをそのまま利用する場合のデメリットということです。

まとめると、モジュールポジションというのはあくまでモジュールの表示場所の名称であって、それがそのまま表示されるわけではない。したがって、使えるモジュールポジションはテンプレート側を見て判断する必要がある、ということになります。

使っているテンプレートのモジュールポジションを確認

では、自分が使っているテンプレートにはどんなモジュールポジションが、どこに配置されるように用意されているのか。これを確認するのが、インラインポジション画面です。

管理画面上部メニューから、「サイト」「プレビュー」「インラインポジション」を選択します。


下の画像のように、自分の利用しているテンプレートのモジュールポジションが表示されます。

このモジュールポジションの表を参考にして、自分の表示させたい位置に表示させたいモジュールを指定することになります。


再度、先ほどの画像を見てください。自分のテンプレートで利用できるモジュールポジションを確認したら、各モジュールの管理画面の「ポジション」でモジュールポジションを指定します。その下の「モジュール表示順」は、同一モジュールポジションに分類されているモジュールの表示順になります。

では、テンプレートのモジュールポジションを増やしたり減らしたりするには、どうしたらいいのでしょうか。これはテンプレートのHTMLを編集する必要がありますので、別の機会に取り上げたいと思います。

J!サイトピックアップ

JoomlaEasy.net
http://joomlaeasy.net/
J!1.5サイト:Joomla!1.5 MANUAL
Joomlaでポン
http://www.joomladepon.com/
Joomler!.net
http://www.joomler.net/
JUSER.JP
http://juser.jp
Joomla!の道しるべ
http://joomlaway.net

Joomla!1.5関連書籍

はじめてでもできる!Joomla!で作るカンタンWebサイト
はじめてでもできる!Joomla!で作るカンタンWebサイト
当サイトからもリンクさせていただいている、Joomla!でポンのアネさん(杉原 裕子さん)が、Joomla!初心者向けの本を出版されました!
Joomla!Pro Book オープンソースCMS導入&カスタマイズガイド
Joomla!Pro Book オープンソースCMS導入&カスタマイズガイド
Joomla!に特化した日本語の書籍です。画像も使ってわかりやすく解説してくれていますので、インストールから操作方法、活用まで参考になります。
はじめてのJoomla!―無料のCMSで、カンタンWebページ管理!
はじめての Joomla!―無料のCMSで、カンタンWebページ管理! (I/O BOOKS)

Dreamweaver&FireworksによるオープンソースCMSテンプレートデザイン
Dreamweaver&Fireworksによるオープンソー―Joomla/Nucleus/Zen Cartにもデザインを! CS3/8/MX
J USER.JPを運営されている、伊丹 シゲユキさんの著作。約250ページの本文中、約80ページがJoomla!に割かれています。
訪問者数 [+/-]
今日:
昨日:
一昨日:
233
465
455

+10
今週:
先週:
先々週:
2497
2782
3069

-287