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.
Design Manager

Użyj niestandardowych ikon społecznościowych na stronach lub szablonach HubSpot

Data ostatniej aktualizacji: października 18, 2021

Dotyczy:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Wcześniejsze konto Marketing Hub Basic

Aby użyć niestandardowych ikon społecznościowych w module Follow Me lub Social Sharing na stronie lub szablonie HubSpot, utwórz niestandardową wersję modułu, aby dodać własne ikony społecznościowe.

1. Sklonuj domyślny moduł

  • W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
  • W lewym górnym rogu użyj paska wyszukiwania, aby zlokalizować domyślny moduł Follow MelubSocial Sharing.
  • Kliknijnazwęmodułu, aby otworzyć go w edytorze.
  • W alercie w edytorze modułów, kliknijClone module. 2.
custom-social-sharing-module
  • W oknie dialogowym wpisz nazwę sklonowanego modułu, a następnie kliknij przyciskKlonuj.

2. Zamień ikony

  • W inspektorze modułu, znajdź sekcjęPowiązane pliki. W sekcjiInne pliki, zwróć uwagę na nazwy plików ikon społecznościowych dla każdej sieci (np.facebook-color.png).
  • Upewnij się, że Twoje niestandardowe obrazy ikon społecznościowych są wformacie PNG i mają takie same nazwy plików jak istniejące pliki ikon społecznościowych dla każdej sieci w module(np.facebook-color.png).
  • Aby zastąpić istniejącą ikonę społecznościową dla sieci, kliknij symbolxpo prawej stronie pliku. Następnie kliknij przyciskDodaj obok opcjiInne pliki.

  • W prawym panelu użyj paska wyszukiwania, aby zlokalizować niestandardową ikonę społecznościową w menedżerzeplików, lub kliknij przyciskDodaj plikw lewym dolnym rogu i wybierz opcjęPrześlij pliki, aby przesłać niestandardowe ikony społecznościowe z urządzenia.
  • Kliknijnazwę pliku, aby dodać ikonę do modułu.

  • Po zastąpieniu plików ikon społecznych, kliknij Podglądw prawym górnym rogu edytora modułu, aby otworzyć podgląd modułu.
  • Gdy jesteś zadowolony z tego, jak moduł wygląda, kliknij przyciskOpublikuj zmiany w prawym górnym roguedytora modułów. Możesz teraz dodać ten nowy moduł niestandardowy do swojej zawartości HubSpot.


3. Dodaj moduł do swojego szablonu

Po opublikowaniu modułu możesz dodać go do szablonu metodą przeciągnij i upuść lub do szablonu kodowanego.

Przeciągnij i upuść szablony

Aby dodać swój nowy moduł Social Sharing lub Follow Me do szablonu metodą "przeciągnij i upuść", sprawdź nasz przewodnik po tym, jak dodawać moduły do szablonów.

Szablony kodowane

Aby dodać ten nowy moduł do zakodowanego szablonu:

  • Otwórz moduł w swoim menedżerze projektów.
  • W lewym górnym rogu kliknij menu rozwijane Akcje, a następnie wybierz opcjęKopiuj wycinek.

    design-manager-copy-module-snippet
  • Przejdź do zakodowanego szablonu, do którego chcesz dodać ten moduł.
  • W zakodowanym szablonie wklej fragment, w którym chcesz, aby moduł się pojawił.
  • W prawym górnym rogu kliknij przyciskPublikuj.