Über Web, Tech, Games, Art,
Musik, Code & Design

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)

3 Kommentare zu “WordPress-Plug-in „Shortcodes for Bootstrap Icons“

  1. 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 😀

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert