Görüntü ve Altyazı Boyutu Özelliklerini Kaldırma

Bu soru, görüntülerden boyut özniteliklerinin kaldırılmasıyla ilgili bu tartışmadan bir sapma . Bu iş parçacığında sağlanan çözüm kodu, herhangi bir kısa kodun [caption]görüntüden çıkarılması talihsiz yan etkiye sahip olması dışında çok iyi çalışır .

Çekirdek kodu birkaç saat geçtikten sonra bunun nedenini buldum. Kısa [caption]kod ve imgetiketteki genişlik niteliklerinin kısa kod kontrollerini eklemekten sorumlu olan wpeditimage TinyMCE eklentisi . Onları bulamazsa, altyazıyı kaldırmanız yeterlidir. Bu, TinyMCE editöründe javascript ile 'anında' yapıldığından, bu sorunu ele alacak herhangi bir WordPress filtresi türü düşünemiyorum. Ancak yanlış olduğum için çok mutlu olurum. :)

Son bir not olarak, geçici çözümüm, rahatsız edici tüm etiketler istemci tarafı soymak için aşağıdaki jQuery kullanmak oldu. Bu, img_caption_shortcodebir genişlik stilinin orada kullanılmasını önlemek için bir filtre ile birlikte işi yapıyor gibi görünüyor. Güzel değil, ama şimdilik bir yara bandı. Daha iyi bir fikri olan var mı?

// Strip width and height attributes from img, video, and object in the main article so we can have fluid images
var $fluid_items = $('.main-article-wrapper').find('img,video,object');
$fluid_items.removeAttr('width');
$fluid_items.removeAttr('height');

peşinde olduğunuz kesin cevap olmayabilir ama ben sadece oldukça iyi bir çözüm buldum düşünüyorum.

Iv'e, yirmi onbir temalı CSS'den (düzgün bir şekilde yanıt veren imho) aşağıdaki kodu aldı:

/* Images */
.entry-content img,
.comment-content img,
.widget img {
    max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}
img.size-full {
    max-width: 97.5%;
    width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}

Bu tüm görüntüleri duyarlı hale getirmek için enuff oldu (en azından içeriğe gömülü olanlar ...) Şimdi duyarlı görüntülerim var, ancak resim yazısı kullanıldığında hala aynı sorunu yaşıyorum, çünkü tinyMCE bir stil niteliği ekliyor Resmin genişliğine sahip resim yazısı kabı. Yapmam gereken tek şey bunu CSS'ime eklemek.

            .wp-caption { max-width: 100%; }

Bitti! özellikli görüntüler için çalışmayabilir, ancak benim için iyi çalışıyor.

Umarım bu birine yardımcı olur :-)