Wordpress kullananların belki ilk sürümlerden bu yana en çok rastladıkları uyumsuzluk yazılara eklenen resimlerde meydana geliyor. Bu yazıdaki gibi yazının herhangibir yanına (sol-sağ) hizalanmış bir resim kullanılmak isteniyor. Ancak Wordpress yazı editöründe resim eklerken hizalama seçeneği seçilinlce sol veya sağda problem çıkabiliyor. Yani resim yazıdan yukarıda kalıyor, altta kalıyor ve istendiği gibi olmuyor. Daha önceki Wordpress sürümünde bu konu ile ilgili herhangibir sorunum yoktu. Yalnız son güncellemeden sonra bende de aynı sorun meydana geldi. Çözümü ise çok basit.

Önceki Wordpress sürümünde resim hizalamayı seçtikten sonra kod sekmesinden baktığımızda hizlama kodu şu şekildeydi:

<img src=”resim” align=”left”>

Ancak yeni sürümde hizalama kodu, seçeneği biraz daha farklı. Yani o da şu şekilde:

<img src=”resim” class=”alignleft”>

Yani yazı Wordpress’in stil dosyalarının birinde “aligleft” adında bir sınıf oluşturularak resim hizalama sağlanıyor. Bu stil dosyası ise wp-admin/css/global.css dosyası. Fakat başta da söylediğim gibi hizalama sorunlu olabiliyor. Şimdi yapacağımız düzeltme çok basit. Kullandığımız tema dosyasının style.css dosyasına şu kodu ekliyoruz:

.alignleft { float: left;}

Eğer resmi sağda görüntülemek istiyorsak left yerine right yazmamız ve yazı editöründe resim hizalamadan sağ seçeneğini işaretlememiz yeterli. Son olarak bu kodu yazdıkdak sonra resim ile yazı arasında boşluk olmayacaktır. Sanki iç içeymiş gibi görünecektir. Bunu da margin değeri ekleyerek çözeceğiz.

.alignleft { float: left; margin:0px 3px 3px 0px;}

Eğer boşluk yeterli gelmezse verdiğimiz margin değerlerinde oynama yaparak istediğimiz hale getirebiliriz.