Farklı boyutlarda resim yükleme nedir ve ne işinize yarayacak ?
Eminim çoğu kişi biliyordur Wordpress yönetim panelinde bir yazıya resim yüklerken yüklemiş olduğumuz resim farklı farklı boyutlarda bir kaç tane olarak yüklenir. Başlarda bu durum benim canımı sıkan bir olaydı. Hani neden durduk yere 1 resmi 3 – 4 defa yüklüyor diye söylenirdim kendi kendime.
Diyelim ki bir tane tema hazırlıyorsunuz yada temanıza benzer yazılar gib ekstra bir özellik yükleyeceksiniz. Yazıların altında gösterilen benzer yazılara ait resimler için 50×50 piksellik bir resim oldukça iyi bir boyuttur. Hatta 100×100 bile yapabilirsiniz. Bu karar size ve tasarımınıza kalmış birşey. Yazıya yüklediğiniz resim boyutu örneğin 4 mb ve siz öne çıkarılmış görseli benzer yazılara çağırdınız. Yazıların altında da toplamda 6 tane resimli benzer yazı çıkarsa eğer 4×6 = 24mb alan eder. Ama böyle değilde yüklediğiniz resimler farklı boyutlarda bir kaç tane olarak yüklenirse eğer o zaman isteğinize göre küçük boyda bir resim çağırıp yazının altında görünmesini sağlayabilirsiniz.
Codex.wordpress sitesinden olduğu gibi aldığım resim boyutlandırma kodları.
the_post_thumbnail('thumbnail'); // kucuk (default 150px x 150px max)
the_post_thumbnail('medium'); // orta resolution (default 300px x 300px max)
the_post_thumbnail('large'); // buyuk resolution (default 640px x 640px max)
the_post_thumbnail('full'); // orjinal boy (unmodified)
the_post_thumbnail( array(100,100) ); // diger
Yukarıdaki kod yardımıyla 640 pikselden daha büyük olan resimler öncelikle 640 piksel (büyük), 300×300 piksel (orta) ve 150×150 piksel (küçük) olarak kaydedilecek. Birde bunun tam boy olanını da eklersek toplamda 4 tane resim yüklenmiş olacak. 100×100 pikselden daha küçük resimleri de olduğu gibi kaydedecek. Bu boyutları hazırladığınız temalara ve tema özelliklerine göre değiştirebilirsiniz. Mesela anasayfada 500piksel genişliğinde bir çerçeeye 640 piksel resim çağırmak sitenizi sadece yavaşlatacaktır.
Şimdi sıra geldi bu resimlerin her birini ayrı ayrı çağırmaya. Thumbnail (küçük), medium (orta), large (büyük) ve full (tam boy) resimleri çağırmak için aşağıdaki kodları kullanabilirsiniz. ’alignleft’ sizin Css sınıfınızdır.
'alignleft')); ?>
'alignleft')); ?>
'alignleft')); ?>
'alignleft')); ?>
Tam olarak resim boyutlandırma ve resmi boyutlarına göre çağırma bu şekilde oluyor php the_post_thumbnail('medium', ve large veya full php ile senin çağıracağın resmin boyutlarıdır. alignleft kısmı css classı ani sınıfıdır. O kısmı kendine göre düzenleyebilirsin. Resim boyutlandırma bundan ibaret. Codex Wordpress sitesine baksan bile bu kodları bulursun. Zaten oradan aldım.