【正式版】JetpackのタイルギャラリーをIE8で表示させる

wordpress・サイト関連

こんばんは!
今朝は鼻水とくしゃみで目が覚めてしまいました・・・花粉(*T^T)ズルズル

先日投稿したJetpackのタイルギャラリーを強引にIE8に対応させましたですが、プラグイン更新時にまたphpの編集をしないといけないのが面倒なのでいい方法が無いかと考えておりましたが、cssに追加しても上手く適用されないでおりました(この時に既にそう思い込んでしまっていました)。

Chromeのデベロッパーツールで調べてみると、タイルギャラリーの画像ファイルの親divは「tiled-gallery-item-large」と「tiled-gallery-item-small」の2種類しかないみたいなのです。
じゃあ、自分の使っているTwenty TwelveをカスタマイズしたテーマのIE用CSSファイルに
[css]
.tiled-gallery-item-large,
.tiled-gallery-item-small {
width:100% !important;
}
[/css]
を加えて上書き保存してみたら、今回は上手く適用できました!!
よく考えてみたら、前回試行錯誤している時にはWordpressのキャッシュ系プラグインを幾つか使っていたので、CSSを変更してもキャッシュが悪さをして適用されないことがありました。
なのでこの方法を正式版とさせて頂きます。タイルギャラリーのphpファイルは念のため、元に戻しておいた方がいいと思います。次回Jetpackが更新されれば自動で元に戻るとは思いますが。。。

(有)小嶋ライフとLINEで友だち追加すると、LINEトークで簡単にお問い合わせや、ちょっとした住まいの疑問などもお気軽にトークで聞くことができます。 写真を送信してそのまま現調の依頼もOKです♪