Hinzufügen eines Icons zu einem Button

Du kannst Icons oder Bilder zu Buttons hinzufügen, z. B. ein Telefon-Icon (📞) für Click-to-Call-Buttons, ein E-Mail-Icon (📧), Pfeile (⬅️ ➡️) für Weiterlesen-Buttons oder alles, was dir einfällt. In diesem Ratgeber erfährst du, wie du Icons zu Buttons hinzufügen kannst.

Es gibt viele Websites, auf denen du Bilder oder Icons findest, die du auf deiner Website verwenden kannst. Hier ein paar Beispiele:

• Die meisten Windows-, Mac– und Mobilgeräte verfügen über integrierte Emojis, die zu Buttons hinzugefügt werden können.
• Du kannst auch Emojis von Websites wie Get Emoji kopieren.
• Google Fonts enthält eine Icon-Option.
• Font Awesome ist eine beliebte Website mit kostenlosen und kostenpflichtigen Icons.

Bei Verwendung eines Bildes werden die Dateitypen SVG und PNG (transparent) empfohlen. Du kannst das Icon in deine Mediathek hochladen, bevor du den Button hinzufügst, oder das Icon hochladen, während du den Button hinzufügst (siehe Beschreibung unten).

Du kannst ein Icon oder Bild zu einem Button in WordPress.com hinzufügen, indem du den Buttons-Block und ein Icon deiner Wahl verwendest. Befolge diese Schritte, um einem Button ein Icon hinzuzufügen:

1. Füge einen Button hinzu und füge den Text und den Link für deinen Button hinzu.
   • Du kannst auch einen Click-to-Call– oder Click-to-Email-Link erstellen.
2. Klicke auf den Button und positioniere deinen Cursor vor oder hinter dem Text.
3. Je nachdem, ob du ein Emoji oder ein Bild verwendest:
   • Emoji: Verwende das Tastaturkürzel für Windows oder Mac und wähle das Emoji aus. Oder kopiere das Emoji von einer Website wie Get Emoji und füge es ein.
   • Bild: Klicke in der Toolbar, die angezeigt wird, auf den Pfeil nach unten (Mehr) und wähle die Option Inline-Bild aus.
     • Wähle dein Bild aus deiner Mediathek aus oder lade ein neues Bild hoch.
     • Doppelklicke auf das Bild, um die Bildgröße zu ändern und ALT-Text hinzuzufügen.
4. Klicke auf Speichern oder Veröffentlichen, um die Änderungen zu speichern.

Im folgenden Beispiel wird zum Hinzufügen eines Emojis das Mac-Tastaturkürzel verwendet. Du kannst auch das Windows-Tastaturkürzel verwenden oder ein Emoji von einer anderen Website kopieren und einfügen.