WordPress resimleri yeniden boyutlandırma, otomatik sığdırma, küçültme
Geçenlerde günlüğü geziyorum, bazı sayfalarda resimlerin yazı alanları dışına taştığını ve günlüğe hoş olmayan bir görüntü verdiğini düşündüm, nasıl yapsamda bunu düzenlesem ve resimleri metin yazdığım alana taşmadan sığdırsam diye düşünüyordum. Daha sonra baktım olacak gibi değil hemen her Türk gencinin yapacağı ve bir kısmınında yapmayacağı gibi eklenti avına düştüm ama eklentiye gerek olmadığını kolay bir css düzenlemesi ile bunun ayarlanabileceğini anlamam uzun sürmedi. Büyük ihtimalle sizinde wordperss tema klasörünüz içinde style.css içinde bir dosya vardır. Bu dosyayı bir metin editörü ile açalım, daha sonra aşağıdaki css kodunu style.css dosyası içine yerleştirelim.
p img {padding: 0; max-width: 100%}
Bundan sonra resimleriniz metin yazdığınız yere sınırlı kalacak, taşmayacak (altta 1024*768 bir masserati’nin nasıl sığdırıldığını göreceksiniz), eğer resim çok büyük bir resim ise resmin üzerine tıklayan kullanıcılarınız, tam resme ulaşabilecekler. Bunun yanında eğer illa resmin altında resim yeniden boyutlandırılmıştır gibi bir ibare istiyorsanız, tabiki javascrpit destekli bir eklentiye ihtiyacınız var ancak ben o kadar eklenti meraklısı değilim, bence sizde olmayın 
böyle gül gibi geçinip gidiyoruz.
Temmuz 5th, 2008 at 8:24 pm
Tam olarak style.css’de belirli bir yere koymamız gerekiyor mu ? Ben en altta yapıştır mesela sende ki gibi olmadı.
Temmuz 5th, 2008 at 9:45 pm
Şeklinde girdiğinde CSS dosyası içerisinde nereye yerleştirdiğinin pek bir önemi kalmayacaktır ancak diğer ayarlarını etkileyebilir. Yine de denemekte fayda var.
Bunun yanında p selectorünü kaldırarak dene.
Bunun yanında yüzde kısmıyla oynayabilirsin, mesela %90 gibi bir değer verebilirsin. Ya da px olarak değer verebilirsin mesela 400 px
Yine aynı şekilde şu kodu da px değerlerinde oynama yaparak deneyebilirsin.
Ek olarak cascading nedir adlı yazıya gözatmanı tavsiye ederim, bazı CSS selectörlerinin dosya içerisindeki sırası başta ya da sonda oluşu kodu etkileyecektir, style.css içinde p ya da img ile ilgili bir selectör var mı kontrol edip, kodları var olan selectörlerden önce yerleştirebilirsin.
Temmuz 5th, 2008 at 10:17 pm
bunlar iyi oldu teşekkürler
Temmuz 6th, 2008 at 3:46 am
Aslında şu maserati resmini günlükte görünce hoşuma gitti, bir maserati mi alsam diye düşünmeye başladım, tabi google adsense gelirleri ile yaptığım hesaplamada eğer 1200 sitem olursa 30 yıl içinde alabiliyorum
Eylül 7th, 2008 at 3:18 pm
Style.css içine ekledim oldu ama üzerine tıklanmıyor.Sizdeki gibi üzerine tıklanınca büyümüyor yani.
Eylül 7th, 2008 at 3:46 pm
Onun için temada ilave ayar yapmanıza gerek yok, resimleri html tagları arasında göstermeniz yeterli
Eylül 7th, 2008 at 6:05 pm
Mesela ben imageshack.us’dan yararlansam bile resmi direk görüntülüyorum ve kopyala yapıştır yapıyorum o zamanda o html tagları arasına alamıyorum bunu direk yapabileceğim bir şey yokmu?
+İlginize teşekkür ederim.
Eylül 8th, 2008 at 9:44 am
Kişisel tecrübelerle sabittir, imageshack vb. resim yüklenen siteleri özellikle kendi siteniz için kullanmayın onun yerine kendi sunucunuzu kullanın, bir resimli anlatım yapıyorsun aradan 3 ay geçmiş hop resimler imageshackden uçmuş, çok güvenmiyorum bu resim vs. yükleme sitelerine. Soruna gelirsek…
Yanılmıyorsam imageshack yüklediğin resime ait adres verdiğinde, en altta direct link şeklinde bir bağlantı daha veriyor, sanırım bunu kullanabilirsin.
Eylül 20th, 2008 at 7:46 pm
birkaç sorum olacak
1.ana sayfada resimlerim çıkmıyor.
2.ana sayfada resimleri çıkardıntan sonra bunları nasıl otomatik boyutlandırabilirim.
Ocak 14th, 2009 at 8:56 pm
kardeşim olay super bendende size ufak bi ilave olsun madem su adresteki eklentiyi kurunca resimler farklı sayfada acılmıyor sitenizin ustunde resim buyuyor ve tekrar tıklayınca eski haline geri kuculuyor mukammel oldu tamamen sansa yakaladım
http://www.longren.org/wordpress/thumbnail-viewer/
demo için siteme bakabilirsiniz
http://www.*.co.cc/
Haziran 25th, 2009 at 12:47 am
bu fotoğrafın aynısın kendi sitemede yükledim
p img {padding: 0; max-width: 100%}
bunuda ekledim.
genişliğini tamistedipğim gibi yapıyor ama yüksekliğini hiç ellemiyor fotoğraf aşaıya doğu büyüyor bu seferde foto basık kalıyor
Ekim 22nd, 2009 at 2:04 am
dediğinizi yaptım firefoxta çalışıyor fakat internet explorerde çalışmıyor
aynı sorun sizdede var
yukarıdaki araba resminiz explorerde büyük görünüyor…:) yardımcı olabilirseniz çok sevinirim saygılar
Ekim 22nd, 2009 at 10:18 am
Zaten ben bu internet explorerda bıktım inanın. Ne yapsak internet explorerda tutmuyor. Opera, chrome, firefox vs.. deniyorum, yaptığım değişiklikleri internet explorerda denemekten çekiniyorum inanın. Neyse buluruz bir çözüm merak etmeyin.
Kasım 2nd, 2009 at 4:41 pm
ya sormyaın su tarayıcı uyumsuzlugunu ,ilallah geldi, site ie ye göre tasarlanmıs ama millet chrome firefoz safari ne ararsan var, düzeltelim diyoruz olmuyor, düzelmiyor öle sıkıntılı bir ortama girdik.nabıcaz bilmiyorum
Ekim 8th, 2010 at 3:48 pm
gerçekten çok iyi oldu bunlar çok teşekkürler