HubSpot Baza wiedzy

Wstawianie i edytowanie ikon w modułach tekstu sformatowanego

Autor: HubSpot Support | Oct 19, 2021 9:21:44 AM

Możesz dodać dowolną ikonę z biblioteki Font Awesome do modułów tekstu sformatowanego we wpisach i na stronach bloga. Po dodaniu ikony można dostosować jej kolor, położenie i rozmiar.

Uwaga: ikon nie można dodawać bezpośrednio do marketingowych wiadomości e-mail. Aby użyć ikony w wiadomości e-mail, zapisz ikonę jako obraz, a następnie wstaw obraz do edytora wiadomości e-mail.


Dodaj ikonę do treści w module tekstu sformatowanego

  • Przejdź do treści:

    • Strony witryny:
    • Stronydocelowe:
    • Blog:
  • Kliknij nazwę swojej zawartości.
  • Kliknij moduł tekstu sform atowanego, w którym ma pojawić się ikona.
  • W prawym górnym rogu paska narzędzi tekstu sformatowanego kliknij menu rozwijane Wstaw i wybierz Ikona.

  • W wyskakującym okienku wyszukaj ikonę na pasku wyszukiwania.
  • Kliknij ikonę , aby wstawić ją do modułu tekstu sformatowanego.

Edycja ikony

Po wstawieniu ikony możesz edytować jej wygląd i położenie lub łączyć ją z innymi treściami.

  • Przejdź do swojej zawartości:

    • Strony witryny:
    • Stronydocelowe:
    • Blog:
  • Kliknij nazwę swojej zawartości.
  • W edytorze treści kliknij ikonę , aby otworzyć edytor ikon.
    • Aby edytować kolor ikony, kliknij menu rozwijane Kolor ikony backgroundColor i wybierz kolor . Aby wprowadzić wartość szesnastkową lub wartość koloru RGB , kliknij kartę Zaawansowane .
    • Użyj ikon indent wcięcia iconiconicon, aby przesunąć ikonę w prawo lub w lewo.
    • Użyj ikon wyrównaniablockAlignmentBottom, aby dostosować położenie ikony w bloku tekstu.
    • Aby dodać łącze do ikony, kliknij ikonęłączalink, a następnie wstaw łącze.
    • Aby zmienić rozmiar ikony, kliknij i przeciągnij narożniki ikony w edytorze lub wprowadź wartości w pikselach dla szerokości i wysokości na pasku narzędzi.

  • Aby usunąć ikonę z modułu tekstu sformatowanego, kliknij obraz, a następnie kliknijikonę kosza delete .
  • Aby zastąpić ikonę, kliknij obraz, a następnie kliknij ikonęzastąpienia replace i dodaj nową ikonę.

Edycja zaawansowanych opcji ikon

Możesz edytować zaawansowane opcje ikony, aby dodać tekst dostępności lub dostosować łącze ikony.

  • W edytorze zawartości kliknij ikonę .
  • Kliknijikonę edycjiedit .
  • W wyskakującym okienku kliknij opcję Zaawansowane.
  • Jeśli ikona zawiera łącze, możesz wybrać jeden lub więcej typów łączy. Informuje to wyszukiwarki, w jaki sposób ten link odnosi się do Twojej witryny. Dowiedz się więcej o różnych typach linków.
  • Wybierz cel dla swojego obrazu.
    • Jeśli ikona ma przekazywać informacje, wybierz opcję Czytane przez czytniki ekranu i dodaj tytuł opisujący jej przeznaczenie.
    • Jeśli ikona nie przekazuje informacji, wybierz opcję Ignorowane przez czytniki ekranu.
  • Kliknij przycisk Zastosuj.