カスタムフィールドでアップロードした横長画像から、正方形のサムネイル画像を生成する方法がわからず Twitter で尋ねてみた所、次のような返信がありました。
[@kazumich](https://twitter.com/#!/kazumich) 様、[@uchibo](https://twitter.com/#!/uchibo) 様、返信ありがとうございます！
横長画像から正方形のサムネイルを表示する方法
———————————————————————-
a-blog cms は画像の縦横比を変更するようなリサイズはできないと言う事で、サムネイル部分は次のようなコードで表示することにしました。
画像を指定サイズに縮小して表示し、はみ出た部分は CSS の overflow:hidden で隠します。
また、もうひとつの方法として、[jquery.MyThumbnail.js](http://www.kfsoft.info/MyThumbnail/demo.php) と言う jQuery プラグインを使った方法もあるようです。
今回の環境
———————————————————————-
– a-blog cms 1.4.2
参考にさせてもらったページ
———————————————————————-
– [jquery.MyThumbnail.js](http://www.kfsoft.info/MyThumbnail/demo.php)
–
– [カスタムフィールドで画像をアップロードできるようにする](http://www.a-blogcms.jp/support/tutorial/custom-field/img-upload.html)
縦横比を保ったままの縮小画像は生成できるようです。