2021-03-02

Joomla3, 画像をポップアップ(lightbox)で表示する方法

Joomlaはコンテンツ・マネージメント・システムの一つで、Wordpress、Drupalと並んで世界で最も使用されているホームページ管理ソフトだ。特徴のひとつは、プラグインが豊富なことだ。
画像をクリックすることで、ページを更新することなく拡大表示してくれる、便利なLightboxというツールがある。Joomlaには複雑な操作をすることなく簡単に、Lightboxのような機能を追加することができる。

CMS : Joomla 3.9.24
プラグイン名 :  JCE MediaBox

<< 設定方法 >>

[ エクステンション ] [ プラグイン ] から System - JCE MediaBox 2 を選択

[ オプション ] から Popup Theme を Light に設定する。


画像のリンクを設定するとき、エディタでタグの内容を以下のようにする。

<a class="jcepopup" .....> と、画像リンクのタグのクラスを jcepopup に設定する。

 

Editor JCE (要インストール)というエディタを使用すると、下記のようにリンククラスに jecpopup を簡単に追加できる。

 

Joomla は TinyMCE というエディタが標準になっている。 本エディタでも編集可能だが、下記の Editor JCE プラグインをインストール・設定すると、詳細な画像設定がGUIで可能となる。

 



以上