Wie entferne ich Inline-Stil in markiertem Bildmarker?

Wenn ich featured Bilder erstelle, hat das Markup, das wordpress produziert, inline css. Das Bild-Tag für das Bild hat Breiten- und Höhenparameter.

Das ist sehr frustrierend: Ich würde gerne den Bildstil mit meinem eigenen CSS kontrollieren.

Wie kann ich den Inline-Stil entfernen?

Solutions Collecting From Web of "Wie entferne ich Inline-Stil in markiertem Bildmarker?"

Sie haben Recht, Inline-CSS wird immer Vorrang vor CSS im Stylesheet haben, es sei denn, Sie putzen Ihr CSS mit den wichtigeren und / oder kilometerlangen Selektoren – was eine schlechte Übung ist. Versuchen Sie diese andere Frage zu überprüfen, die die Lösung hat, Filter, um Bilddimensionsattribute zu entfernen .

Ich hoffe, das hilft!

Sie legen die vorgestellten Bildgrößen in Ihrer functionsdatei fest:

add_image_size( 'featured-image', 300, 100, TRUE ); 

Dann können Sie das vorgestellte Bild aus Ihrer style.css-Datei stylen.

Oder Sie können die Standardeinstellung mit CSS überfahren.

 .wp-post-image { your declarations } 

Ändern Sie die class für Ihr hervorgehobenes Bild entsprechend Ihrem Thema.

Sie können wp_get_attachment_image_src verwenden, das die Bild-URL mit der Miniaturbild-ID zurückgibt

  

Es gibt einen Filter namens post_thumbnail_html , mit dem Sie das HTML des vorgestellten Bildes ändern können, bevor es von get_the_post_thumbnail() . Sie können einfach nach dieser HTML-Zeichenfolge suchen und sie ersetzen, um unerwünschte Attribute zu entfernen. So was:

 add_filter( 'post_thumbnail_html', 'wpse117447_remove_atts' ); function wpse117447_remove_atts ($html) { $html = preg_replace ('/(width|height)="\d+"\s/', "", $html); return $html; }