WordPressテーマ「tanzaku」の画像サイズを調整するJS

Leave a reply
Bookmark this on Hatena Bookmark
LINEで送る

WordPress › tanzaku « Free WordPress Themesのテーマを使ってブログを一つ作ってみたんですが、トップページなどの短冊内に表示される画像がWordPressにアップロードしたものではなく、Flickrのものだったので正常に画像サイズを取得できず、デフォルトの290×290で表示されてしまい、歪んだような形になってしまっていました。

そこで、JSで簡単にではありますが、画像サイズを調整するようなJSスクリプトを書いてみました。

広告
        $('.grid-image img').each(function(){
            var $img = $(this);
            $img.hide().attr({ width: "", height: "" });
            var w = $img.width();
            var h = $img.height();
            if (w >= h) {
                w = 290;
                h = 217;
            } else {
                w = 217;
                h = 290;
            }
            $img.attr({ width: w, height: h }).show();
        });

これをheader.php内にある下記のコードの直下くらいに貼り付ければ正常に動作するかと思います。

(function($){
    $(function(){

関連記事