Diese Frage ist ein Ableger dieser Diskussion zum Entfernen von Dimensionsattributen aus Bildern. Der in diesem Thread bereitgestellte Lösungscode funktioniert sehr gut, außer dass er den unglücklichen Nebeneffekt hat, dass alle [caption]
Shortcodes aus dem Bild entfernt werden.
Nachdem ich einige Stunden lang den Kerncode durchgearbeitet hatte, fand ich die Ursache dafür. Das wpeditimage TinyMCE-Plugin, das für das Hinzufügen der [caption]
Shortcode-Überprüfungen für Breitenattribute im Shortcode und im img
Tag verantwortlich ist. Wenn sie nicht gefunden werden, wird einfach die Beschriftung entfernt. Da dies im TinyMCE-Editor "on the fly" mit Javascript erfolgt, fällt mir kein WordPress-Filter ein, der dieses Problem beheben könnte. Ich würde mich sehr freuen, wenn ich mich als falsch erweisen könnte. :) :)
Als letzte Anmerkung bestand meine vorübergehende Lösung darin, die folgende jQuery zu verwenden, um alle clientseitigen Tags zu entfernen. Dies img_caption_shortcode
scheint in Verbindung mit einem Filter , der verhindert, dass dort ein Breitenstil verwendet wird, die Aufgabe zu erfüllen. Es ist nicht schön, aber es ist vorerst ein Pflaster. Hat jemand eine bessere Idee?
// 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');
Antworten:
Es ist vielleicht nicht die genaue Antwort, nach der Sie suchen, aber ich denke, ich habe gerade eine ziemlich gute Problemumgehung gefunden.
Ich habe den folgenden Code aus dem CSS mit elfundzwanzig Themen übernommen (der imho ordentlich reagiert):
Dies war ausreichend, um alle Bilder reaktionsfähig zu machen (zumindest die im Inhalt eingebetteten ...). Jetzt habe ich reaktionsschnelle Bilder, aber wenn Untertitel verwendet werden, habe ich immer noch das gleiche Problem, das auftritt, weil tinyMCE dem Stil ein Stilattribut hinzufügt Beschriftungscontainer mit der Breite des Bildes. Um das zu beheben, musste ich dies nur meinem CSS hinzufügen:
Getan! funktioniert gut für mich, obwohl es für vorgestellte Bilder möglicherweise nicht funktioniert.
Ich hoffe das hilft jemandem :-)
quelle