WordPress temaların birçoğunda, yazı içlerinde kullandığınız resimler sağa, sola ve ortaya hizalanmayabilir. Bunun nedeni, ilgili CSS kodlarının tanımlanmaması ya da unutulmasıdır. Açıkçası ben bile kodladığım temalarda bu kodları unutabiliyorum. Ancak bu kodların temanızda olmaması, bunu sizin yapamayacağınız anlamına gelmiyor. O nedenle anlatıyorum 😉
WordPress ile resimlerdeki hizalama problemleri
CSS dosyanız içerisinde resim hizalama kodları tanımlanmazsa, yazılar resmin yanında çıkmayacak ve direkt resmin bittiği alt satıra düşecektir. Aynı altta gördüğünüz gibi.
Bunu düzeltmek ise çok basit. Böylece editör üzerinden resim yükleyip hizalı olarak yazı içerisine dahil ettiğinizde, benzer bir problemle karşılaşmamış olacaksınız.
Çözüm için temanıza ait style.css dosyasını açmalısınız ve alttaki satırları, en son satıra eklemelisiniz.
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
Sonrasında ise dosyayı kaydedin ve kapatın. Şimdi yazının adresine gidin, ve tarayıcı ekranındayken klavyedeki F5 tuşuna basın. Böylece tarayıcı önbelleği yenilenecek ve düzenlediğiniz style.css dosyası tekrar yüklenecektir. Sonuç ise aşağıdaki gibi düzgün bir hizalama olacaktır 😉
