以前から手を付けたかった、Photo Galleryの画像のサイズ変更。
長辺が800pxのサイズでアップしているのですが
ここ最近の傾向を見ると、もう少し大きいサイズで表示させたいところ・・・
facebookとかだと、もっと大きいサイズで普通にアップしてますしね。
見比べると辛いですｗ
制約は2つ
- 画像のサイズが大きくなることによるサーバー容量の圧迫
- 画像のサイズより、ブラウザーやモニターのサイズが小さかった場合、
写真全体が表示されず切れたり、スクロールしないと見れなかったりする（特に縦画像）
1については、ハッスルサーバーから、さくらインターネットに乗り換えたことにより
容量が増えたことで以前に決済み。
残る問題は2でしたが、調べたところ、別のlightboxプラグインを別の奴に変えれば解決することが判明。
簡単そうなのですぐに取り掛かりました。
今まで使用していたLightbox2というプラグインを無効化して
新たにWP-jQuery Lightboxというプラグインをインストール
設定画面より「スクリーンサイズに合わせて画像を縮小」
にチェックを入れて準備完了
早速、Photo Galleryの画像を長辺1200pxにして、
20枚ぐらいUPしてテストしましたが、きちんとブラウザーの大きさに合わせて
画像の大きさが変わります。
ちなみにiPhoneでテストすると
- 縦画像を、縦画面で見た場合
- 縦画像を横画面で見た場合
- 横画像を縦画面で見た場合
- 横画像を横画面で見た場合
きちんとリサイズされています。
iMacなどの、大きな画面で見ると
いままでより、かなり大きなサイズで、写真を閲覧できるようになりました。
facebookのようにアップするだけで劣化することも無いですしね
準備は整ったので、100枚以上の画像を
再び引っ張りだして、サイズ調整してアップし直さないといけません
ああ、面倒くさい（笑）
コメント