Zum Hauptinhalt
Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.

Symbole in Rich-Text-Modulen einfügen und bearbeiten

Zuletzt aktualisiert am: Mai 23, 2024

Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):

Alle

Sie können jedes beliebige Symbol aus der Font Awesome Bibliothek zu Rich-Text Modulen auf Blog Posts und Seiten hinzufügen. Wenn ein Symbol hinzugefügt wurde, können Sie die Farbe, die Positionierung und die Größe anpassen. 

Bitte beachten: Symbole können nicht direkt zu Marketing-E-Mails hinzugefügt werden. Um ein Symbol in einer E-Mail zu verwenden, speichern Sie das Symbol als Bild und fügen Sie es unter in den E-Mail-Editorein. 


Hinzufügen eines Symbols zu Ihrem Inhalt in einem Rich-Text Modul

  • Gehen Sie zu Ihren Inhalten:

    • Website-Seiten: Gehen Sie in Ihrem HubSpot-Account zu Content > Website-Seiten.
    • Landingpages: Gehen Sie in Ihrem HubSpot-Account zu Content > Landingpages.
    • Blog: Gehen Sie in Ihrem HubSpot-Account zu Content > Blog..
  • Klicken Sie auf den Namen Ihres Inhalts. 
  • Klicken Sie auf das Rich-Text-Modul, in dem das Symbol angezeigt werden soll.
  • Klicken Sie im oberen rechten Bereich der Rich-Text-Symbolleiste auf das Dropdown-Menü „Einfügen“ und wählen Sie „Symbol“ aus.

ein-ein-Symbol-in-einen-Post-oder-Seite-einfügen

  • Suchen Sie im Pop-up-Fenster in der Suchleiste nach dem Symbol
  • Klicken Sie auf das Symbol, um es in das Rich-Text-Modul einzufügen. 

Symbol bearbeiten

Nachdem Sie Ihr Symbol eingefügt haben, können Sie das Erscheinungsbild und die Position oder die Verknüpfung zu anderen Inhalten bearbeiten. 

  • Gehen Sie zu Ihren Inhalten:

    • Website-Seiten: Gehen Sie in Ihrem HubSpot-Account zu Content > Website-Seiten.
    • Landingpages: Gehen Sie in Ihrem HubSpot-Account zu Content > Landingpages.
    • Blog: Gehen Sie in Ihrem HubSpot-Account zu Content > Blog..
  • Klicken Sie auf den Namen Ihres Inhalts. 
  • Klicken Sie im Content-Editor auf Ihr Symbol, um den Symbol-Editor zu öffnen.
    • Um die Farbe des Symbols zu bearbeiten, klicken Sie auf das Dropdown-Menü backgroundColor Symbolfarbe und wählen Sie eine Farbe aus. Um einen Hex-Wert oder RGB-Farbwert einzugeben, klicken Sie auf die Registerkarte Erweitert 
    • Verwenden Sie die Symbole indent indent iconiconicon um das Symbol nach rechts oder links zu verschieben.
    • Verwenden Sie die Symbole blockAlignmentBottom Ausrichtung, um die Position des Symbols innerhalb eines Textblocks anzupassen. 
    • Um einen Link zu Ihrem Symbol hinzuzufügen, klicken Sie auf das Symbollinklink und dann insert a link.
    • Um die Größe Ihres Symbols zu ändern, klicken und ziehen Sie die Ecken des Symbols im Editor oder geben Sie Pixelwerte für die Breite und Höhe in der Symbolleiste ein.
use-the-icon-toolbar
  • Um ein Symbol aus einem Rich-Text-Modul zu entfernen, klicken Sie auf das Bild und dann auf das Papierkorbsymbol delete .
  • Um das Symbol zu ersetzen, klicken Sie auf das Bild und dann auf replace replace icon und fügen Sie ein neues Symbol hinzu.

Erweiterte Symboloptionen bearbeiten

Sie können erweiterte Optionen für Ihr Symbol bearbeiten, um Text für Barrierefreiheit hinzuzufügen oder den Symbollink anzupassen. 

  • Klicken Sie im Content-Editor auf das Symbol.
  • Klicken Sie auf das Symbol edit bearbeiten.
  • Klicken Sie in dem Pop-up-Fenster auf Erweitert.
  • Wenn Ihr Symbol einen Link enthält, können Sie einen oder mehrere Link-Typenauswählen. Dies informiert Suchmaschinen, wie sich dieser Link auf Ihre Website bezieht. Erfahren Sie mehr über verschiedene Link-Typen.
  • Wählen Sie einen Zweck für Ihr Bild aus.
    • Wenn Ihr Symbol Informationen vermitteln soll, wählen Sie Read by screen readers und fügen Sie einen Titel hinzu, der den Zweck des Symbols beschreibt.
    • Wenn Ihr Symbol keine Informationen vermittelt, wählen Sie Ignoriert von Bildschirmlesern
  • Klicken Sie auf Anwenden
select-an-icon-purpose-1
War dieser Artikel hilfreich?
Dieses Formular wird nur verwendet, um Feedback zur Dokumentation zu sammeln. Erfahren Sie, wie Sie Hilfe bei Fragen zu HubSpot erhalten können.