モジュール管理画面では、現在使用しているモジュールの一覧が表示されます。この画面から各モジュールの配置や設定を変更することができます。
ここではモジュール管理画面の使い方について見ていきましょう。
モジュール管理画面を表示するには「エクステンション」→「モジュール管理」を選択します。
現在、サイト上に表示しているモジュールの一覧が表示されます。
モジュール管理画面では、現在のモジュールの状態が表示されます。各項目の意味は、以下の通りです。
項目 | 説明 |
状態 | モジュールの状態です。公開(緑のチェック)にすると、サイト側でモジュールが表示され、非公開(赤い×)にすると表示されなくなります。また▼を押すことで、モジュールを削除したり、コピーしたりすることができます。 |
タイトル | モジュールのタイトルです。サイト側に表示されるモジュールのタイトルになります。 |
表示位置 | モジュールを表示する場所(モジュールポジション)です。 |
種類 | モジュールの種類です。 |
ページ | モジュールをどのページに表示するかです。詳しくは後述します。 |
対象 | モジュールを誰に見せるかです。詳しくは後述します。 |
言語 | モジュールをどの言語で使用するかです。Joomla!の多言語機能を使用するときに機能します。 |
ID | モジュールのIDです。勝手に割り振られます。 |
では試しに、サイトの右側に表示されている「人気のタグ」というモジュールを非表示にしてみましょう。
表示されたモジュールの中から、「人気のタグ」にある緑チェックのアイコンをクリックします。
赤い×に変わったのを確認します。
サイト側に切り替え再読込すると、「最新の記事」が消えているはずです。このようにワンクリックでモジュールの公開を切替える事ができます。
管理画面に戻り、「人気のタグ」を公開に戻しておきましょう。
これで「人気のタグ」がまた表示されたはずです。
次はモジュールが表示される順番を並び替えてみましょう。例えば「人気のタグ」と「最新の記事」の順番を入れ替えたい場合です。
「人気のタグ」と「最新の記事」は、「position-7」というポジションに配置されています。まずフィルタを使ってposition-7に配置されているモジュールだけ抽出してみましょう。
モジュール一覧の左側にある「フィルタ」の中から、「 - 場所の選択 -」と表示されているドロップダウンを選択し、「position-7」を選択します。
position-7に配置されたモジュールのみが抽出されます。position-7には4つのモジュールが存在する事がわかります。しかしサイトには「人気のタグ」「最新の記事」「ログインフォーム」の3つのモジュールしか存在していません。実は残りの「ユーザメニュー」は、ログインフォームを使ってサイトにログインしないと表示されません。これについては後ほど説明します。
モジュール一覧の左上にある上下の矢印をクリックします。
元々は灰色だった左端の3つ点が、はっきりとした黒に色が変わります。「人気のタグ」に表示された3つの点にマウスカーソルを重ね、「最新の記事」の下までドラッグしていきます。
「人気のタグ」と「最新の記事」の順番が入れ替わりました。
サイト側へ切り替え再読込すると、モジュールが入れ替わっていることが確認できます。
次はツールバーの役割について説明します。管理画面の画面上部に表示されたツールバーは、複数のモジュールをまとめて操作したい時に使用します。ここではツールバーを使って、position-7に公開されているモジュールをまとめて非公開にしてみます。
チェックボックスの最上部にあるチェックボックスをONにすると、すべてのチェックボックスがONになります。次にツールバーの「非公開」を押します。
これですべてのモジュールが非公開になりました。
サイト側に切替えて再読込すると、position-7にあったモジュールがすべて消えます。
再度管理画面に戻り、position-7のモジュールをすべて公開してください。
さらに「position-7」のフィルタを解除しましょう。画面左の「position-7」をクリックし「場所の選択」をクリックすれば、すべてのモジュールが表示されます。
またモジュール一覧の項目名をクリックすると、並び替えることができます。
例えば「タイトル」の部分を選択してみましょう。
タイトルが昇順(アイウエオ順)に並び替えられます。なおもう一度「タイトル」を選択すると、降順(アイウエオの逆順)に並び替えられます。
モジュール一覧右上のドロップダウンリストを使っても、同様に並び替えが可能です。「20」と表示されている部分は、1ページに表示するモジュールの件数です。