Shiwordとwp-lightpopの関係

画像や動画をlightbox風にして表示してくれるプラグイン『WordPress Plugins/JSeries » WP-lightpop (画像、動画ハイライト表示)』を使っていますが、Shiwordテーマとはちょっとだけ相性がよろしくないようです。

sh_lpop_1_thumb Shiwordとwp-lightpopの関係

本来ならば、lightpopの表示が最前面に位置しなければいけないのですが、Shiwordの外枠フレームとの間に表示されてしまっています。
理由は簡単な話で、エレメントを表示する順番を指定するz-indexの値をShiwordではなぜか300台の数値を使用しているためです。
それに対してlightpopの方は100台の数値ですので、当然Shiwordのとりわけ外フレーム(主にheader部とフッター部)とアニメーテッドメニューの下に表示されてしまうのです。

なぜにShiwordではこのような値を使っているのか判りませんが、何らかの理由があるためにこの値を採用しているのだと思われます。
なので、むやみに変えてしまうのもどうかと思うのですが、とりわけ、おいらのところでは他への影響がなさそうなので、Shiwordの方の数値に手を加えてしまうことにしました。

なぜShiwordの方か?というと、lightpopの方はjavascriptでz-indexの値を定義しているようでしたので、プラグイン本体に手を加えざるを得なくなってしまいます。
そうやってしまうと、プラグインのアップデートの際に影響を喰らってしまいます。
なので、他に影響が出ないのであれば、Shiwordの方をいじってしまった方が簡単である…というわけなのです。

ソースをあさった結果、lightpopの方は一番下の値でも『90』でしたので、Shiwordの方でこの値より下の値に変更すればうまくいくはずです。
Shiwordの方はchildテーマにしてしまえばオリジナルに手を加えなくても良くなりますから一番手っ取り早くしかも安全です。

siword_ch/style.css

[css]/*
Theme Name: Shiword child
Theme URI: http://www.gdgd.ebiplan.com
Description: Simple dark theme with lots of features, like a “quick links” menu, an “easy navigation” bar, header and footer sidebars or print preview. Shiword is fully customizable (there’s also a skin builder!), with one or two columns and up to 5 widgets areas. Supports WP 3.0 new menu tool and post thumbnails.
Version: 1.11c0
Author: gdgd
Author URI: http://www.gdgd.ebiplan.com
Template: shiword

License: GNU General Public License, version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* standard tags
———————————————————-*/
@import url(‘../shiword/style.css’);

#fixedfoot_cont {
z-index: 80;
}
#head_cont {
z-index: 81;
}
.ani_meta:hover {
z-index: 80;
}
.ani_meta_js:hover {
z-index: 80;
}
[/css]