Wordpress Performance Wordpress SEO Wordpress Security Wordpress Themes Wordpress Hosting Mein Setup Das Buch

CSS-Klasse von Bildern entfernen

CSS-Klasse von Bildern entfernen

Standard CSS-Klasse von Bildern

WordPress hat bei der Ausgabe von Bildern so seine ganz speziellen Eigenheiten. Weight- und Height-Attribute werden automatisch in den HTML-Code hinzugefügt, der Title-Tag fehlt dagegen komplett und die CSS-Klasse macht auch nicht immer so viel Sinn wie sie sollte, vor allem weil Bilder sich auch anders stylen lassen. Also widmen wir uns heute genau diesem Punkt. Wie kann die CSS-Klasse, die WordPress bei Bildern automatisch hinzufügt, entfernt werden? Wie immer geht das mit einem recht einfach aufgebautem Snippet und wie immer ist das alles in kurzer Zeit erledigt. Wie? Na einfach das unten stehende WordPress Snippet bei euch einbauen, welches die CSS-Klasse eurer Bilder löscht und so für einen sauberen Quellcode sorgt.

Folgendes in die Functions.php eures Themes einfügen:

function remove_class($output)
	{
	$output = preg_replace('/class=".*?"/', '', $output);
	return $output;
	}
add_filter('post_thumbnail_html', 'remove_class');
add_filter('the_content', 'remove_class');

Ungenutzte CSS-Klasse entfernen

Das Snippet oben nimmt keine großen Änderungen vor, es entfernt ganz schlicht und ergreifend die CSS-Klasse von Bildern, die WordPress im Standard vergibt. Wer seine Bilder über CSS anpasst, kann nun den ganz simplen img-Tag verwenden, statt die WordPress-Klassen. Warum das Snippet genutzt werden sollte, wenn Bilder im Blog keine so große Rolle spielen? Weil es, auch wenn das entfernen theoretisch Performance kostet, am Ende Performance einbringt. Der Quelltext der Website wird nämlich wieder schlanker, kann schneller verarbeitet werden und so weiter. Vor allem aber: Was nicht benötigt wird, sollte auch nicht enthalten sein. Auch der für Nutzer unsichtbare Teil einer Website darf daher ruhig eine gewisse Eleganz aufweisen und dazu gehört, dass der Quelltext sauber von ungenutztem Ballast wie der Standard CSS-Klasse ist.



Wordpress Performance eBook