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?
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
), 'full'); echo $image[0];?/>)
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; }