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

Wstawiaj i edytuj ikony w modułach bogatego tekstu

Data ostatniej aktualizacji: października 19, 2021

Dotyczy:

Wszystkie produkty i plany

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

Uwaga: ikony nie mogą być dodawane bezpośrednio do wiadomości marketingowych. 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 bogatego tekstu

  • Przejdź do swojej zawartości:

    • Strony witryny: W koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony w witrynie internetowej.
    • Landing Pages: W koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony docelowe.
    • Blog: W koncie HubSpot przejdź do Marketing > Witryna internetowa > Blog.
  • Najedź kursorem na nazwę posta lub strony bloga i kliknij Edytuj.
  • Kliknij moduł tekstu bogatego, w którym ma się pojawić ikona.
  • Wprawym górnym rogu paska narzędzi bogatego tekstu kliknij menu rozwijane Wstawi wybierzIkona.

insert-a-new-icon


  • W wyskakującym okienku wyszukaj ikonę w pasku wyszukiwania.
  • Kliknij ikonę , aby wstawić ją do swojego modułu tekstowego.

Edycja ikony

Po wstawieniu ikony możesz edytować jej wygląd i położenie lub połączyć ją z inną zawartością.

  • Przejdź do swojej zawartości:

    • Strona internetowa Strony: W koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony w witrynie internetowej.
    • Landing Pages: W koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony docelowe.
    • Blog: W koncie HubSpot przejdź do Marketing > Witryna internetowa > Blog.
  • Najedź kursorem na nazwę wpisu lub strony na blogu i kliknij przycisk Edytuj.
  • W edytorze treści kliknij swojąikonę, aby otworzyć edytor ikon.
    1. Aby edytować kolor ikony, kliknij menu rozwijane Kolor ikony backgroundColor i wybierzkolor. Aby wprowadzićwartość heksadecymalnąlub wartość koloru RGB, przejdź do zakładki Zaawansowane.
    2. Aby przesunąć ikonę w prawo lub w lewo, użyj polecenia indent indent iconiconicons.
    3. Użyj ikon wyrównania do dołu (blockAlignmentBottom ), aby ustawić położenie ikony w bloku tekstu.
    4. Aby dodać łącze do ikony, kliknij ikonęlinklink.
    5. Aby zmienić rozmiar ikony, kliknij i przeciągnij narożniki ikony w edytorze lub wpisz wartości pikseli dla szerokości i wysokości na pasku narzędzi.
insert-an-icon-1
  • Aby usunąć ikonę z modułu tekstowego, kliknij obrazek, a następnieikonę usuwania.
  • Aby zastąpić ikonę, kliknij obrazek, a następnie kliknij ikonęzastąp
    i dodaj nową
    ikonę.

Edycja zaawansowanych opcji ikony

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

  • W edytorze treści kliknij ikonę .
  • Kliknij ikonęedycji .
  • W prawym górnym rogu okna podręcznego kliknij przyciskZaawansowane.
  • Jeśli Twoja ikona jest połączona, możesz wybrać jedno lub więcej typy łączy. To mówi wyszukiwarkom, jak ten link odnosi się do twojej witryny. Dowiedz się więcej o różnych typach linków.
  • Wybierz celdla swojego obrazka.
    • Jeśli ikona ma służyć do przekazywania informacji, wybierz opcję Czytaj przez czytniki ekranu i dodaj tytuł opisujący jej przeznaczenie.
    • Jeśli twoja ikona nie przekazuje informacji, wybierzIgnorowana przez czytniki ekranu.
select-an-icon-purpose-1