Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.

Wstawianie i edytowanie ikon w modułach tekstu sformatowanego

Data ostatniej aktualizacji: 31 grudnia 2025

Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:

Ikony pomagają zwrócić uwagę na ważne informacje i działania w treściach tekstowych. Wstaw dowolną ikonę z biblioteki Font Awesome do modułów tekstu sformatowanego we wpisach na blogu i na stronach. 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.


Wymagane uprawnienia Uprawnienie do edycji jest wymagane do edycji modułu tekstu sformatowanego na stronach internetowych, stronach docelowych lub we wpisach na blogu.

Wstawianie ikony

  1. Przejdź do treści:
  2. Kliknij nazwę swojej zawartości.
  3. Kliknij moduł tekstu sform atowanego, w którym ma pojawić się ikona.
  4. W prawym górnym rogu paska narzędzi tekstu sformatowanego kliknij menu rozwijane Wstaw i wybierz opcję Ikona.

In the content editor, the rich text module toolbar is visible. A box is placed around the 'Insert' dropdown menu to display options. An arrow points to the insert options, including call-to-action, embed, video, table, icon and more.

  1. W wyskakującym okienku wyszukaj ikonę na pasku wyszukiwania.
  2. Kliknij ikonę , aby wstawić ją do modułu tekstu sformatowanego.
  3. Po zakończeniu kliknij Publikuj lub Aktualizuj w prawym górnym rogu.

Edycja ikony

Edytuj style ikony, jej wyrównanie lub link do innej zawartości. Możesz także zastąpić ikonę lub ją usunąć.

  1. Przejdź do treści:
    1. Strony witryny: Na swoim koncie HubSpot przejdź do Treści > Strony witryny..
    2. Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
    3. Blog: Na swoim koncie HubSpot przejdź do Treści > Blog.
  2. Kliknij nazwę swojej zawartości.
  3. 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 wcięcia indent , aby przesunąć ikonę w prawo lub w lewo.
    • Użyj ikon wyrównania blockAlignmentBottom, aby dostosować położenie ikony w bloku tekstu.
    • Aby dodać łącze do ikony, kliknij ikonę link 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.
  4. Aby usunąć ikonę z modułu tekstu sformatowanego, kliknij ikonę. Następnie kliknij ikonę usuwania delete.
  5. Aby zastąpić ikonę, kliknij ikonę. Następnie kliknij ikonę replace replace i wybierz nową ikonę.
  6. Po zakończeniu kliknij przycisk Opublikuj lub Aktualizuj w prawym górnym rogu.

In the content editor, the rich text module contains an icon. The icon is selected with the icon editor displayed indicating the icon can be customized. Below the image, there's a pop up box showing the edit, replace or delete icons.

Edycja zaawansowanych opcji ikony

Edytuj zaawansowane opcje ikony, aby dodać tekst dostępności lub dostosować łącze ikony.

  1. Przejdź do swojej zawartości:
  2. Kliknij nazwę swojej zawartości.
  3. W edytorze treści kliknij ikonę.
  4. Kliknijikonę edycji edit .
  5. W wyskakującym okienku kliknij przycisk Zaawansowane.
  6. 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.
  7. 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.

In the content editor, the rich text module contains an icon. The advanced options pop up box is displayed to select the link type and purpose.

  1. Kliknij Zastosuj.
  2. Po zakończeniu kliknij Publikuj lub Aktualizuj w prawym górnym rogu.
Czy ten artykuł okazał się pomocny?
Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.