WordPress Gülücüklerini Diğer Resimlerden Ayırın
Resimlere CSS yardımıyla gayet güzel biçimlendirmeler yapabiliyoruz. Fakat bazen resimlere efekt vermememiz gerekebilir. Örneğin WordPress günlüğümüzde yazı yazarken duygu simgeleri (’smiley’ler) kullanıyoruz fakat onlarda bir resim olduğu için doğal olarak verdiğimiz efektler onları da etkiliyor ve ortaya bazen rahatsızlık verici sayfa tasarımları çıkıyor. Çözümü ise her zaman olduğu gibi gayet basit.
WordPress, yazılarda kullandığımız duygu simgelerini özel bir sınıf atarak kullanıyor. Son ziyaretçi bunun pek -hatta hiç- farkında olmasa da bu özellik siteyi kodlayan bizler için hayat kurtarıcı olabiliyor. Kullanmamız gereken tek şey temamızın “style.css” dosyasına “.wp-smiley” sınıfını eklemek. Bu kadar basit!
Basitçe açıklamak gerekirse bu sınıf için kullanacağımız efektler yalnızca (arkaplan rengi, kenarlık özellikleri gibi) yazılarımızdaki gülücüklere etki edecek. Mesela biz yazılarda kullandığımız resimlere eğer kenarlık kullanıyorsak “.wp-smiley” sınıfına “border: none;” kodunu ekleyerek gülücüklerden kenarlıkları kaldırabiliriz!
Ne kadar da kolaymış değil mi? 