タイプ | |
有料/無料 | 無料 |
ライセンス | GPLv2以降 |
執筆時のバージョン | 0.9.7 |
ユーザ登録の要否 | 不要 |
- ここに掲載している記事は執筆時点のものです。内容が古くなっている事もありますのでご注意下さい。
- ここで紹介しているエクステンションの利用を推奨するものではありません。ご利用は自己責任でお願いします。
- ご自分が利用しているエクステンションの最新情報は常に確認しましょう。様々なエクステンションで日々脆弱性が見つかっており、あなたのサイトがクラックの被害に遭わないとも限りません。脆弱性情報はこちら。
Joomla!の記事に画像を挿入する事は簡単なのですが、ポップアップ画像(クリックで拡大する画像)を挿入するとなるとこれが結構面倒です。まずサムネイル画像とクリック後の画像を用意し、その両方をサーバにアップロードし、後はリンクを貼る…なんて事はもうやめにしましょう。
この『mavik Thumbnails』は、ドラッグ&ドロップで画像のサイズを変更するだけで、サムネイル画像とポップアップの設定を自動的に行ってくれるプラグインです。
インストールと日本語化
上記リンクからmvThumbnails.zipをダウンロードし、他のエクステンションと同様に「エクステンション」→「インストール/アンインストール」からインストールして下さい。さらにインストール後、プラグイン管理画面でこのプラグインを有効にして下さい。
パラメータを日本語化する場合は、上記「言語ファイル」のリンクから言語パックをダウンロードし、上記と同じ方法でインストールして下さい。ただ日本語化しなくても十分使えます。
使い方
使い方はいたって簡単です。まずクリック後に表示される大サイズの画像を用意しましょう。この画像のサイズは自分のパソコン上で調整して下さい。サムネイルとなる小サイズの画像は必要ありません。
次にJoomla!の記事内へその画像を挿入します。当然ながら以下のようにサイズが大きいまま挿入されます。
画像をクリックして選択し、四隅に表示されたハンドルをドラッグしてサイズ変更します。
IEの場合、画像の縦横比(アスペクト比)を維持したままサイズ変更できません。
画像が小さくなったら記事を保存します。たったこれだけです。
フロントエンドで記事を確認するとこんな感じに。
画像をクリックすると画面が暗転し大きいサイズの画像が表示されます。なんともステキ。
パラメータ
バックエンドの「エクステンション」→「プラグイン管理」→「mavik Thumbnails」から設定を変更できます。ここでは主なパラメータを紹介します。
「ポップアップの種類」からはクリック時のエフェクトを選択できます。「Slimbox」「HighSlide」「Joomla Modal」からお好みのエフェクトを1つ選んで下さい。なお「HighSlide」は、商用サイトで利用する場合はHighSlide JSの開発者へ料金を支払う必要がありますので注意して下さい。また「ブログの記事へリンク」を「はい」にすると、「続きを読む」より前に画像を挿入した場合、画像クリックで本文全体を表示するようになります(続きを読むをクリックした時と同じ動作)。
「サムネイル対象」では、どの画像に対してポップアップ画像を設定するか限定できます。特定のクラスを割り振った画像のみポップアップする事も可能です。
「全文表示」と「ブログとフロントページ」では、ブログ形式で記事を表示した際の画像サイズと、続きを読むをクリックして表示される記事全文での画像サイズを設定できます。例えば以下のように指定すると、ブログ形式では200x150のサイズで表示され、続きを読むをクリックすると400x300のサイズで表示され、さらにその画像をクリックすると最大画像でポップアップするわけです。またこの場合は、ドラッグして画像のサイズを変更する必要はありません。自動的にこのサイズになります。
その他画像に虫眼鏡を表示したり、サムネイル画像の保存先などを指定できます。
Joomla!での画像の挿入が面倒だと思っていた方には、心強いプラグインではないでしょうか。お試しあれ。