WordPress Resim Boyutlandırma – Image Resize

WordPress‘te resmi kırparak boyutlandırma işlemini yapabilmek için çok uğraştım, araştırdım, denedim ve sonunda buldum. Bu yazıyı yazarak aynı sorunu yaşayanların acılarını dindirmek istiyorum.

Timthumb, Vt_resize, AQ Resize gibi eklenti olmayan ama benim pek randıman alamadığım kütüphaneleri de kullanabilirsiniz ancak WordPress’in kendi özelliğini kullanmak yerine bunları tercih edeceğinizi düşünmüyorum.

Website optimizasyonu için resimler oldukça önemli yer kaplıyor. Google Pagespeed üzerinden sitenizin hız kontrolünü yaptığınız zaman resim sıkıştırma ve boyutlandırma için çok büyük yüzdelik kısım ayrılıyor. Üzerinde çalıştığım bir proje için ihtiyaç duyduğum resim boyutlandırma işleminin nasıl olduğunu size açıklamaya çalışacağım.

Kodun temelinde WordPress’in 3.5.0 sürümünde eklenen WP_Image_Editor sınıfı yer alıyor. Bu sınıf yardımıyla oluşturacağımız kod ile öne çıkarılan görselimizi alıp, tekrar boyutlandırma işleminin ardından – istersek farklı bir isimle bile olabilecek şekilde – yeniden kayıt ederek o resmi kullanacağız.

Ekleyeceğim kod içerisindeki yorum satırları sayesinde tüm satırların anlamını açıklamış olacağım.

https://gist.github.com/4b6492f908801c75c6fa9b0f42da7836

Bu kodu (Yukardaki kodda 1. kısım alanı) while döngüsü içerisinde bir yere yazdıktan sonra boyutlandırılmış öne çıkarılan görselinizi göstermek için

<img src="<?php echo $yeniResimAdres; ?>" width="YENİ GENİŞLİK" height="YENİ YÜKSEKLİK" />

kodunu kullanmanız gerekmektedir.

Hepimiz biliyoruz ki bu kodu sadece bir yerde kullanmayacağız, farklı farklı yerlerde kullanmamız gerekecek ve her döngünün içerisine bu kodu yazmamız döngünün şişmesini, sunucunun CPU’sunun zorlanmasına sebep olacak. O yüzden bunu her döngüde ayrı ayrı kullanmak yerine direk olarak functions.php üzerinden bir fonksiyon oluşturarak kısa bir şekilde yapmak daha mantıklı, hızlı ve kullanışlı bir çözüm olacaktır. Onun için gerekli kodlarımız (Yukardaki kodda 2. kısım alanı)

Resimin ekleneceği while döngüsü içerisine
(Yukardaki kodda 3. kısım alanı)
kodunu ekleyerek boyutlandırılmış resminizi gösterebilirsiniz.

Kodlar içerisinde açıklamalarda belirttiğim kısımları düzenleyebilirsiniz. Mesela ben yeni kayıt edilecek resimlerimde ön ek bulunmasını istemediğim için “onek_” kodunu silerek işlem yaptım. Bunun dışında bu kodu geliştirmek isterseniz WordPress Codex sayfasında yer alan WP_Image_Editor sınıfını ve wp_get_image_editor fonksiyonunu inceleyebilirsiniz.

Eksikleri, yanlışları veya sorunlarınızı yorum kısmından belirtirseniz yardımcı olmaya çalışırım.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.