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.
Landing Pages

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

Zuletzt aktualisiert am: März 30, 2021

Produkte/Lizenzen

Alle

Sie können in Blog-Beiträgen und auf Seiten alle Symbole aus der Font Awesome-Bibliothek hinzufügen, um diese in Rich-Text-Modulen zu verwenden. 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 das Bild in den E-Mail-Editor ein.


Symbol zu Ihren Inhalten in einem Rich-Text-Modul hinzufügen

  • Navigieren Sie in Ihrem HubSpot-Account zu Ihrem Blog, Ihren Landing-Pages oder Website-Seiten.

  • Bewegen Sie den Mauszeiger über den Namen Ihres Blog-Beitrags oder Ihrer Seite und klicken Sie auf „Bearbeiten“
  • 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.

insert-a-new-icon


  • 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. 

  • Navigieren Sie in Ihrem HubSpot-Account zu Ihrem Blog, Ihren Landing-Pages oder Website-Seiten.

  • Bewegen Sie den Mauszeiger über den Namen des Blog-Beitrags oder der Seite und klicken Sie auf „Bearbeiten“
  • Klicken Sie im Content-Editor auf Ihr Symbol, um den Symbol-Editor zu öffnen.
    1. Um die Farbe des Symbols zu bearbeiten, klicken Sie auf das Dropdown-Menü backgroundColor „Symbolfarbe“ und wählen Sie eine Farbe aus. Um einen Hexadezimalwert oder einen RGB-Farbwert einzugeben, navigieren Sie zu der Registerkarte „Erweitert“
    2. Verwenden Sie die  iconiconicon Symbole für Einzug, um das Symbol nach rechts oder nach links zu verschieben.
    3. Verwenden Sie die blockAlignmentBottom Symbole für Ausrichtung, um die Position des Symbols in einem Textblock anzupassen. 
    4. Um einen Link zu Ihrem Symbol hinzuzufügen, klicken Sie auf daslink Link-Symbol.
    5. Um die Größe Ihres Symbols anzupassen, klicken und ziehen Sie im Editor eine Ecke des Symbols oder geben Sie in der Symbolleiste die Pixel-Werte für die Breite und Höhe ein.
insert-an-icon-1
  • Um ein Symbol aus einem Rich-Text-Modul zu entfernen, klicken Sie auf das Bild und klicken Sie dann auf das deletePapierkorb-Symbol.
  • Um das Bild zu ersetzen, klicken Sie auf das Bild und klicken Sie dann auf das replace Symbol für Ersetzen
    und fügen Sie ein neues Bild 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 edit Symbol für Bearbeiten.
  • Klicken Sie oben rechts im Pop-up-Fenster auf „Erweitert“.
  • Wenn Ihr Symbol verknüpft ist, können Sie einen oder mehrere Link-Typen auswä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 schriftliche Informationen enthalten soll, wählen Sie „Von Bildschirmleseprogrammen gelesen“ aus und fügen Sie einen Titel hinzu, der den Zweck des Symbols beschreibt.
    • Wenn Ihr Symbol keine schriftlichen Informationen enthält, wählen Sie die Option „Von Bildschirmleseprogrammen ignoriert“ aus.
select-an-icon-purpose-1