WordPressのLightBoxが、おかしくなったので直してみたの巻

公開日： 2013/05/04 : WEB, エクスペリエンス

どうも一時期、プラグインのアップデートでプラグイン同士の齟齬が発生したようです

ちょっとログを見ていて不思議なことがあったんです
画像のみのViewが発生していました
今まで、そんなことは、なかったのですが・・・
まあ、なんかの間違いかなと思い、のんきに過ごしていましたが、ウェブマスターツールで警告されては、無視することは出来ません
検索結果に影響しますので
早速、対策です

現象

画像をクリックすると、普通はLightBoxで別ウィエンドウで表示されるのですが、どうも一部が通常のページに画像として表示されました
調べてみると、12年12月から13年2月までの記事が発生するようです

この画像をクリックすると

異常な場合は通常のページ上に画像として表示されます

正しくはこちら
画像をクリックすると別ウィンドウが開き、画像がポップアップ表示されたようになります

原因

どうも、画像をクリックすした時のリンク先が独自なものになっているようです
正しくは・・・.jpgか・・・.pngとなっているところ、異常なものはattachment_idや.jpg/pngがないものとなっていました

こちらはattachment_idのもの

こちらは画像ファイルが指定されていないもの

対応としては、異常なリンクを見つけ出し、その同じ行で書かれているimgのリンク先に異常なリンク先を書き換えてしまえば済みそうです

対策

対応の法則性が判っていることから、人力でなく、スクリプトを書いて、いっぺんにやっつけてしまいましょう

原理としては
１）正常なリンク先を見つけ出し
２）その正常なリンク先の画像のURLを一部変更して
３）異常なリンク先と交換（置換）
してしまえば、良さそうです

で、スクリプトは、こちら

open(IN,"sample1.txt");
open(OUT,">out.txt");
while(<IN>){
    if(/.+(http.*)-\d\d\dx\d\d\d.(jpg|png)+/){
        $tmp='<a href="'.$1.'.'.$2.'">';
        s/<a href=\"http:\/\/www.tokyostyling.com\/pc\/.+><img/$tmp<img/;
    }
        print "$_";
        print OUT "$_";
     
}
close(OUT);
close(IN);