2017-04-27 1 views
-1

Wordpress-Post zeigt das folgende Ergebnis für das Bild.So ändern Sie Bildattribute in WordPress-Posts

<img class="large alignnone size-full wp-image-8" src="http://localhost/blog/wp-content/uploads/2017/04/t-radio-city-music-hall.jpg" alt="" width="960" height="654" srcset="http://localhost/blog/wp-content/uploads/2017/04/t-radio-city-music-hall.jpg 960w, http://localhost/blog/wp-content/uploads/2017/04/t-radio-city-music-hall-300x204.jpg 300w, http://localhost/blog/wp-content/uploads/2017/04/t-radio-city-music-hall-768x523.jpg 768w" sizes="(max-width: 960px) 100vw, 960px"> 

Wie kann ich diese Ausgabe wie folgt ändern?

  • entfernen srcset
  • ersetzen src daten Original

Endergebnis Attribute haben sollte: Daten-Original, Klassen, Breite, Höhe.

Benötigen Sie WordPress-Abfrage.

Keine jQuery bitte.

Antwort

0

Wordpress hat eine eingebaute Haken zu ändern oder Bild HTML wp_get_attachment_image_attributes zu ändern. Hier

ist der Code:

function wh_alter_attachment_image($attr) 
{ 
    if (isset($attr['srcset'])) 
     unset($attr['srcset']); 
    if (isset($attr['src'])) 
    { 
     $attr['data-original'] = $attr['src']; 
     unset($attr['src']); 
    } 
    return $attr; 
} 

add_filter('wp_get_attachment_image_attributes', 'wh_alter_attachment_image'); 

-Code geht in functions.php Datei Ihrer aktiven Kind Thema (oder Thema). Oder auch in beliebigen Plugin-PHP-Dateien.
Code ist getestet und funktioniert.

Hoffe, das hilft!

+0

Ich versuche, Code auszuführen, aber es ändert überhaupt nichts. Ich benutze WP neueste Version 4.7.4 –

+0

Ich testete nur in der neuesten Version, dann müssen Sie debuggen, 'print_r ($ attr)' und sehen, was Sie bekommen. –

+0

Wenn ich auf das Bild klicke und es auf die Standalone-Seite geht, funktioniert dein Code hier, funktioniert aber nicht auf einer Seite, auf der ich viele Bilder angehängt habe. –