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)
Das finde ich nicht schlecht, werde ich mal ausprobieren. Hab die Icons jetzt über WPCode geladen.
Was mich etwas stört ist, das man alles komplett laden muss um ein paar Icons anzuzeigen. Wenn man das filtern könnte um nur die zu laden, die man benötigt. Das wäre die Sahne auf der Torte 😀
Dann schau dir mal https://fontello.com/ an. 🙂
Cool das kannte ich noch nicht 🙂 Danke.