WordPress’te resimleri otomatik küçültmek

WordPress’te özellikle sık tema değiştiriyorsanız resim boyutları gerçekten başa bela olabiliyor.
Bu hafta sonu eşimin yemek tarifleri sitesindeki resimleri otomatik boyutlandırmak için epeyce eklenti indirip kurdum ama hiçbirinden sonuç alamadım.

Sonuç olarak bu işi CSS ile yapmaya karar verdim. Nasıl yaptığımı sizinle de paylaşayım.

1. Öncelikle wordpress’te yazdığınız yazıların hangi isimli div elementinin içinde yazıldığını öğrenin. Genelde Single.php dosyasından ya da yayınlamış bir yazınızda kaynağı görüntüle diyerek kolayca bulabilirsiniz. Bu sitede yazılar post isimli div’in içinde yayınlanıyor. O yüzden örnekleri buna göre vereceğim. Siz kendinize göre değiştirirsiniz.
2. Sitenizin style.css dosyasını açın ve .post img diye aratın. Bulduğunuz alanın içine şu kodları ekleyin.
   

   max-width:550px;
   width:expression(this.width > 550 ? 550: true);
   height:auto;

3. 550 en büyük resim genişliğini ifade ediyor. 550 yerine dilediğiniz rakamı yazabilirsiniz. O boyuttan büyük resimler otomatik olarak o boyuta göre ayarlanarak yayınlanır.
4. Eğer style.css dosyanızın içinde .post img diye birşey bulamadıysanız aşağıdaki gibi kendiniz oluşturun.
   

   .post img {
   max-width:550px;
   width:expression(this.width > 550 ? 550: true);
   height:auto;
   }

5. Değişiklikleri kaydedin, rahat bir nefes alın.

Bu kodları internet explorer 7, internet explorer 8 ve firefox 3.5.6 da denedim. Hepsinde de sorunsuz çalışıyor. IE6′da denemedim.
Bu işlemleri yaptıktan sonra wordpress auto image resizer, wordpress image resizer, wordpress resim boyutlandırma ve benzeri isimlerle eklenti aramanıza gerek kalmayacak.
Son bir not; Bu kod tabiki sadece wordpress sitelerde değil bütün sitelerde çalışır.