WordPress wp-caption inline style sorunu ve çözümü

Altyazılı temsili görsel

Caption, Altyazı Sorunu

WordPress görsellerinizde caption/altyazı kullanıyorsanız problemin farkında olabilirsiniz. WordPress wp-caption class’ına otomatik olarak inline (html içi) bir width (genişlik) stili ekliyor. Bunu eklerken mevcut görselinizin genişliğinin %10 fazlası şeklinde bir genişlik değeri oluşturuyor. İşin kötüsü CSS dosyanızda bu değeri değiştirebilmek, responsive yapabilmek için CSS kodumuzda genişlik için !important bildirimi eklemek zorunda kalıyorduk. Fakat !important bildirimi eklemek CSS dosyamızı geçerlilik olarak etkilemese bile LINT gibi daha güzel ve detaylı CSS denetleme programlarında uyarı vermektedir.

WordPress wp-caption inline style width çözümü

Bir çok farklı ve karmaşık çözüm yolu gördük. Ancak en kolay, temiz ve kısa yol Justin Tadlock’un Hybrid Core adding inline style (width) to figure elements? forum yazısında verdiği cevapta.
WordPress temanızın functions dosyasına
add_filter( 'img_caption_shortcode_width', '__return_zero' );
kodunu eklemeniz yeterli.
Bildiğiniz daha iyi bir yöntem var ise yazar ve paylaşırsanız, seviniriz.



ALAKALI POSTLAR

Bir cevap veya yorum yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir