PukiWiki Plus!

PukiWiki Plus! でrefの画像をLightbox2で表示する

2016/07/13

pukiwiki-plus-logo-e1398527037541

PukiwikiでLightbox使用は他にも解説してるサイトがあるのですが、
少し情報が古かったりするので、需要ないだろうけど最新版として書き直しておきます。
タイトルの通りrefコマンドで表示している画像にLightbox2を適用します。

・今回の環境
- Pukiwiki Plus! Version 1.4.7plus-u2-i18n rev1726
- Lightbox 2.7.1

1.Lightboxのダウンロード
以下ページでLightbox本体をダウンロード&解凍してください。
http://lokeshdhakar.com/projects/lightbox2/

2.LightboxをPukiWikiへ適用する
1でダウンロード&解凍して出来た「lightbox」フォルダを
そのままPukiwikiの「skin」フォルダ内にぶち込みます。

そして、「skin」フォルダ内の「pukiwiki.skin.php」の
<head></head>の中に

 

上記を追記してください。
これでPukiwikiでLightboxを使用する準備ができました。

3.refの画像をLightboxで表示するように修正する
まず、Pukiwikiの「plugin」フォルダにある「ref.inc.php」を開きます。

 

そして、上記のような記述があるところの

 

この部分を

 

このように修正すればOK!

20140612-1元の文にdata-lightboxの1文を追加してるだけです。
data-lightboxの指定文字列はなんでも大丈夫。

これだけでページ内のref画像はすべてLightbox表示にできると思います。
また、同ページ内にいくつか画像がある場合はページ送り機能が有効になります。

・参考スクリーンショット

ページ内の画像をクリックすると

Lightboxで表示されました

20140612-2

・参考サイト
pukiwiki plusでlight box2:覚え書き – あおぷくりんは青いだけ
pukiwiki/plugin – PukiWiki – lightboxというプラグインを適当に入れてみる。 
pukiwiki tips (Lightbox) – 雑記 Record
Wind-Sunlight – Webプログラミング 風の巻 » PukiWikiのLightBoxプラグインを作って見た
plugin/lightbox – PukiWikiDev

以上こんな感じ~

スポンサーリンク

-PukiWiki Plus!
-, , , ,