Alıntıdır

Eklentisiz (Kod ile) WordPress Otomatik Resim Boyutlandırma

Merhaba arkadaşlar
Makalemiz herhangi bir WordPress eklentisi kullanmadan, sitemizdeki resimleri otomatik boyutlandırma hakkında olacak.
Aranızda “eklenti varken kod ile neden uğraşayım” diye düşünen elbette olacaktır. Lakin site hızını etkileyen en önemli faktörlerden birisi de haddinden fazla eklenti kullanımıdır. Kullandığımız çoğu eklenti, aslında bir kaç kod parçası ile egale edilebilir. Farklı amaçlara yönelik oluşturulan bu kod parçacıkları ile çoğu eklentinin yüklenmesine gerek kalmadan sitenin ihtiyacı giderilebilmektedir.
Kullandığınız temanın style.css veya css dosyasını açıp en alt satıra alttaki kodlardan birini ekleyerek resimleri temanıza uygun şekildeotomatik olarak boyutlandırabilirsiniz.
Dilerseniz şimdi; adı gecen kodları verelim
Kod:
p img {padding: 0; max-width: 100%}

Bu kod sitenize yüklediğiniz resimleri otomatik boyutlandırmaya yönelik oluşturulmuştur.

Alttaki kod ise resimleri sınırlandırmaya yöneliktir.
Kod:
img { max-width:735px;
width: expression(this.width > 735 ? 735: true); }
Birinci satır (img { max-width:735px Firefox için
ikinci satır (width: expression(this.width > 735 ? 735: true); }) IE içindir.

735 rakamını temanıza uygun şekilde değiştirebilirsiniz.
Yinede “kod ile uğraşamam” diyorsanız. WordPress “nCode Image Resizer” eklentisini Buradanindirebilirsiniz.
Eklentinin bazı özellikleri şöyle:

  • Orijinal resim dosyaları üzerinde küçültme işlemi uygulamaz.
  • Disk üzerinde önbellek tutmaz.
  • Aynı doküman içerisinde resmin genişletilmesine imkan verir.
  • Aynı pencere içerisinde resmin genişletilmesine imkan verir.
  • Yeni bir pencere içerisinde resim genişletilebilir.
  • Diyalog penceresi içerisinde resim genişletilebilir

nCode Image Resizer eklentisinin kullanımı sonrası sitenizdeki görseller, alttaki resim gibi boyutlandırılacaktır.