Embed-Iframe in WordPress anpassen

In meinem ersten Artikel zum Theme WordPress Embeds habe ich am Ende ja schon erwähnt, dass es die Möglichkeit gibt, das Aussehen des eingebetteten Iframe über den Hook „embed_head“ zu ändern.

Dazu habe ich hier ein Beispiel zusammengestelt:

Das PHP-Skript gehört in die functions.php eures Themes. In dem Skript ersetzte ich die Schrift „Open Sans“ durch die „Droid“, die wir auch sonst auf unserer Seite verwenden und binde ein eigenes Stylesheet ein.

Das Beispiel-CSS findet Ihr auch in dem Beispiel. Dort können auch die Farben der Icons angepasst werden, die als SVGs eingebunden sind.

Bei dem jeweiligen Background-Image müsste Ihr nur folgenden Stelle suchen
>> fill%3D%27%23

Das ist die URL-encodierte Schreibweise für
>> fill=“#

Die folgenden sechs Ziffern sind dann die Farbe des Icons als HEX-Wert.

Und so sieht dann der angepasste Embed aus:

Einklang Feinkost