コンテンツ管理システムJoomla!における写真画像の表示を支援するためのエクステンションがいくつか存在する。本記事では、その中でも特に優れたものを紹介する。
Multithumb は、画像操作用のスイスアーミーナイフのようなものだ。高度な機能を求めないならば、このエクステンションだけで十分だろう。自動的にサムネイルを生成し、人目を引く画像ギャラリを構築してくれる。オプションはかなり細かくカスタマイズ可能で、最も容易に使用できるプラグインの1つであるといえる。
まず、使用しているJoomla!バージョン向けのパッケージをダウンロードしてインストールし、同マンボット/プラグインを公開する。コンテンツアイテムに画像を挿入し、記事を公開することにより、すぐにMultithumbを使用し始めることができる。サムネイルを表示したい場所に画像を配置するだけでよく、画像をリサイズする必要はない。生成されるサムネイルは、デフォルトで幅150ピクセル、高さ100ピクセルだが、Multithumbのパラメータセクションで、その設定を変更することもできる。
Multithumbには、サムネイルの画像表示オプションが7つ用意されている。クリック操作ができない簡単なサムネイルか、クリックすると全画面に拡大表示されるサムネイルを生成することができる。後者では拡大画像を、簡単なポップアップウィンドウか、またはより見栄えのよいSlimbox、Greybox、Lightbox 、Thickboxに表示することもできる。同じページ上のサムネイルをあらかじめ定義されたサイズにリサイズする、サムネイル拡大オプションもある。
|
| Multithumb |
生成されたサムネイルは、枠の色、厚さ、スタイルを自由に設定可能で、カスタム画像を利用すれば、好みに合わせてさらに見栄えをよくすることができる。バックエンドでは、ギャラリ表示時の1行あたりの画像数や、フル画像の最大サイズを設定したり、キャプションや、著作権を所有する画像に透かしを入れたりすることもできる。
デフォルトでは、すべての種類のコンテンツにMultithumbが適用されるが、それを変更することもできる。たとえば、ある記事のみにMultithumbを適用したい場合には、テキストに{multithumb}ファンクションを挿入して、表示したい画像を挿入する。画像は、バックエンドでの設定どおりに表示される。逆に、サイト全体に対してMultithumbを適用するが、ある記事だけ適用対象外としたい場合には、テキストに{nomultithumb}を挿入する。
Joomla!パスの/images/storiesディレクトリのサブフォルダにある画像をアップロードし、そのうちの1つだけをコンテンツアイテムに挿入することにより、簡単にギャラリを構築することができる。その後、その画像を選択し、そのaltタグフィールドをmt_gallery:My Image galleryに変更する。公開された記事では、すべての画像が、バックエンドでの設定にしたがってギャラリに表示される。
サムネイルをカスタマイズしたい場合は、サムネイルとして表示したい画像を別に作成し、それを元の画像のフォルダに格納する。画像のサイズは元の画像と同じにし、ファイル名は、元のファイル名に.thumbを付けたものとする。つまり、あるフォルダ内に2つの画像があり、一方のファイル名がimage.jpgとすると、もう一方はimage.thumb.jpgという状態になる。この状態で元の画像を含む記事を公開すると、デフォルトのサムネイルの代わりにカスタマイズされたサムネイルが表示される。
Multithumbの最大の利点はおそらく、各記事の設定を手動でオーバーライドできる点だろう。たとえば、Slimboxの代わりにThickboxモードを使い、より小さなサムネイルを7段に表示するような、見た目の異なるギャラリを構築したい場合は、テキスト中に以下のコードを挿入する。
{multithumb
popup_type=thickbox
thumb_width=70
thumb_height=40
num_cols=7
}
画像をリサイズできないようにし、JPEG圧縮率を低くしたい場合は、次のように記述する。
{multithumb
resize=0
quality=40
}
Multithumbの開発者からは、このような設定を生成するためのオンラインツールまでもが提供されているため、各オプションの機能を調べるためにマニュアルを読む必要もない。