16. Dezember 2023

WordPress-Plug-in „Shortcodes for Bootstrap Icons“

Mit folgendem WordPress-Plug-in können Bootstrap-Icons via Shortcode im Block-Editor verwendet werden.

So wird z.B. aus

[[icon name="telephone-fill"]]Code-Sprache: JSON / JSON mit Kommentaren (json)

<i class="bi bi-telephone-fill">Code-Sprache: JavaScript (javascript)

Optional kann auch noch eine Farbe angegeben werden.

[[icon name="telephone-fill" color="#000"]]Code-Sprache: JSON / JSON mit Kommentaren (json)

Eine Liste aller Icons findet sich auf icons.getbootstrap.com.

Das Plug-in setzt voraus, dass Bootstrap-Icons bereits lokal oder per CDN eingebunden sind.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css">Code-Sprache: HTML, XML (xml)