Kategorien
Development

Einfachen Bild-Shortcode (Responsive) für WordPress erstellen

Ab und zu verwende ich Bilder aus der Mediathek in HTML-Seiten in einem WordPress-System. Bei Seiten mit speziellen Formatierungen usw. kann das durchaus mal sinnvoll sein. Nun kann man zwar mit den hauseigenen Mitteln von WordPress einen img -Tag generieren lassen, doch ist dieser wenig flexibel, da er die komplette Bild-URL beinhaltet, und enthält dieser (Stand: Feb-2017) noch kein srcset  und sites -Attribut, was für responsive Webseiten durchaus von Vorteil ist.

Die Lösung: Ein eigener Shortcode

Viel kürzer und schöner, zudem flexibler und funktionsreicher, ist ein WordPress-Shortcode/Shorttag. WordPress selber demonstriert das zB. anhand des Gallery -Shortcodes. Für einzelne Bilder bietet das System bisher aber noch keine Lösung, dafür aber für zahlreiche andere Anwendungen.

Einen img -Shortcode selber zu definieren ist allerdings nicht schwer: