【WS】wordpress用プラグイン「simple-lightbox」の表示を調整したい

このブログはwordpressで作成していて、
lightboxプラグインとして「simple-lightbox」を入れている。

プラグインとして導入することで、簡単に各種設定できるのはありがたい。
(調整画面は、wordpressの編集画面 -> 外観 -> lightbox)


しかし突っ込んだ調整には、ソースを触る必要がでてくる。


今回、lightboxで表示した際に、
画像の下にタイトル等が出てしまうので、それらを非表示にしようと思った。

/blog/wp-content/plugins/simple-lightbox/themes/default/layout.html

上記ファイルの24行目、「slb_details」クラスのdivをコメントアウト。
(*実際は「slb_group_status」だけは表示できるように調整した)


ただそれだけなのだけど、
注意してほしいのは、設定でUI「Dark」を選択していた場合も、上記ファイルを触る必要があること。
themesディレクトリには「default」の他に「black」フォルダも存在するが、そちらには該当するファイルはない。

simple_lightbox

よくよく見ると、ちゃんと「Defalt(Dark)」って書いてあるので、間違えないかと思うけど、念のため…。


【jQuery】Firefox(osx)でthickboxの背景画像を表示したい

thickboxといえばlightbox風の表現として定着したライブラリかと思いますが、

今回導入したところ、
Firefox(osx)のみ、thickboxの背景画像(モーダル以外のグレー透過のやつ)が表示されなかった。
※chrome(osx)、safari(osx)、IE7~9(win)は問題なさそう。


下記を参考に対応した。
Mac版FirefoxでThickBoxの背景画像が表示されないトラブル

手順は以下の通り。

  • 1:ここここで、How to Implement ThickBox:にある macFFBgHack.png をダウンロードする。
  • 2:macFFBgHack.png をサーバーの任意の場所にアップロードする。
  • 3:thickbox.css 「.TB_overlayMacFFBGHack」クラスセレクタを探す。背景画像のパスをアップロードしたファイルのパスに合わせる。