Please note that we have changed the menu structure.To simplify navigation, your elopage account is now structured slightly differently. But the functions remain the same. We will adjust the help section and renew the screenshots. If you have any questions, our support will be happy to help.
Achtung, neue Menüstruktur! Um die Navigation zu vereinfachen, ist dein elopage-Account jetzt etwas anders strukturiert. Die Funktionen bleiben aber die gleichen. Wir werden den Hilfebereich anpassen und die Screenshots erneuern. Bei Fragen hilft unser Support gerne weiter.
This is a machine-translated article. We’re constantly working on improving translation quality for an optimized help center experience. We apologize for any inconvenience.

Icons von fontawesome im Editor einbinden

Monika
Monika
  • Aktualisiert

tipp.png Icons sind eine gute Möglichkeit, deine Texte optisch aufzuwerten oder leichter lesbar zu machen. Gerade bei Online-Kursen ist dies interessant – besonders, wenn du immer wiederkehrende Elemente nutzt z.B. für Hinweise, Aufgaben, Fragen etc.

Hier ein Beispiel:

Icons_Fontawesome.png

Dafür kannst du die freien Icons von https://fontawesome.com/icons?d=gallery nutzen.

Nutzt du immer wieder bestimmte Icons, solltest du dir ein internes Dokument mit der Codeliste anlegen, auf das du schnell Zugriff hast.

Anleitung

  • Suche dir ein freies Icon von der Webseite aus, welches du nutzen möchtest.

    Fontawesome_-_Icons.png
  • Kopiere den Code für das Icon in die Zwischenablage.
  • Öffne den HTML-Bereich im Editor über das Symbol </>

    HTML-Bereich_aufrufen.png
  • Füge den Code im HTML-Bereich des Editors ein

    z.B. <i class="far fa-hand-point-right"></i>

  • Ändere den Code von "far" auf "fa". -> <i class="fa fa-hand-point-right"></i> 
    HTML-Code_mit_Icons.png
  • Wechsele über das Symbol </> wieder zurück in den Ansichtsmodus des Editors, damit du
    a) die Änderungen siehst und
    b) diese auch gespeichert werden.

Und schon ist das Icon eingebunden.

Teste bitte, ob das von dir gewählte Icon auch funktioniert. Manche Icons stehen dir nur in der bezahlten Version Pro von Fontawesome zur Verfügung.

War dieser Beitrag hilfreich?