Resimlerinizin Boyutunu Sınırlayın…

Hepimiz blog yazılarımıza illaki bir resim ekliyoruz. Pek benim yeni temam gibi dar olan bir temada büyük resim kullanırsak ne olur. Yazı alanı birden şişer ve resim ya yazdığımız alandan dışarı taşar -ki en sevmediğim şey- yada yazı alanında resmin yarısı görünür. Bunu engellemek için onlarca plugin vb. kurmaya hiç gerek yok. Gayet basit bir yol ile bunu sağlamak mümkün. Buradaki amacımız resimleri otomatik olarak boyutlandırmak. Aşağıdaki ipucu size yardımcı olacaktır .

 

Bu ipucunu aktif hale getirebilmek için ufak bir css ve kod bilgisine ihtiyacınız var. Şöyleki; single.php dosyanızı açın. Orada

<?php the_content(); ?>

alanının bulunduğu bağlı divdeki class atamasını bulun. Çünkü bu class değerinin üzerinden değişikliğe gideceğiz. Örnek olarak kullanacağım content alanının ağlı olduğu div aşağıda

<div>

post” class etiketini aklınızda tutun :) Çünkü şimdi gidip style.css dosyamızı açacağız. Temanızın içinde bulunan style.css içine “post” alanının başladığı satırın hemen altına;

.post img {<br /><br />
    max-width: 500px; /* Resmin genişliğini düzenledik */<br /><br />
    height: auto;<br /><br />
}<br /><br />

Bu kodla ne kadar büyük resim eklersek ekliyelim yazı içinde maksimum genişlik 500px olarak belirlenmiş olacak arkadaşlar. Sanırım bu kadar büyüklük yeter :) Böylece resmi otomatik boyutlandırmış olacağız.

Selametle.