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.

Użyj tematów

Data ostatniej aktualizacji: października 19, 2021

Dotyczy:

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise

Motyw to zestaw szablonów, modułów, zawartości globalnej i ustawień stylu, które można wykorzystać do stworzenia strony internetowej. Motywy można pobrać z Asset Marketplace, podczas gdy konta CMS Hub będą miały również dostęp do domyślnych motywów HubSpot. Możesz edytować strony przy użyciu motywu za pomocą edytora treści typu "przeciągnij i upuść " oraz ustawić szablony blogów tak, aby używały motywu w ustawieniach

bloga.

Zrozumienie motywów

Motyw to zestaw plików dla Twojej witryny, w tym:

  • Szablony kodowane: zestaw szablonów dla Twojej witryny, w tym strona główna, strona o firmie, strona docelowa i szablony blogów. Szablony te są kodowane przez dewelopera, ale zawartość i układ mogą być dostosowane w edytorze treści metodą "przeciągnij i upuść".
  • Moduły: zestaw unikalnych modułów motywu, które można dodać do zawartości przy użyciu tego motywu.
  • Zawartość globalna: zawartość powtarzająca się na wielu stronach, taka jak nagłówek lub stopka witryny. Zawartość globalną można edytować bezpośrednio z edytora stron metodą przeciągnij i upuść.
  • Ustawienia motywu: ustawienia stylu dla szablonów korzystających z motywu, w tym czcionki, odstępy i kolory.

Użyj aktywnego motywu

Możesz ustawić aktywny motyw, aby wyświetlić strony tego motywu jako domyślne opcje dla nowo utworzonych stron. Ustawienie lub zmiana aktywnego motywu nie zmieni motywu używanego dla istniejącej zawartości, co wymaga zamiany bieżącego szablonu zawartości. Dodatkowe motywy można zakupić w Asset Marketplace.

  • 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.
  • W prawym górnym rogu kliknij menu rozwijaneUtwórzi wybierz opcjęStrona witrynylubStrona lądowania.
  • W oknie dialogowym wpisz nazwę strony, a następnie kliknij przyciskUtwórz stronę.
  • Na ekranie wyboru motywu wybierzmotyw. W prawym górnym rogu kliknijPodgląd, aby wyświetlić podgląd motywu, lubWybierz i kontynuuj , aby ustawić motyw jako aktywny.
select-a-new-active-theme
Po ustawieniu motywu zostaniesz przeniesiony do ekranu wyboru szablonu za każdym razem, gdy utworzysz nową stronę. Z tego ekranu można przełączyć się na inny aktywny motyw:
  • Kliknij menu rozwijane Motyw i wybierz opcję Zmień motyw.
  • Na ekranie wyboru motywu wybierz motyw. W prawym górnym rogu kliknij przycisk Preview (Podgląd), aby wyświetlić podgląd motywu, lub Select and continue (Wybierz i kontynu uj), aby ustawić motyw jako aktywny.

switch-active-themes

Tworzenie strony przy użyciu motywu

  • Przejdź do swojej zawartości:

    • Website Pages: W koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony w witrynie internetowej.
    • Landing Pages: W koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony docelowe.
  • W prawym górnym rogu kliknij menu rozwijaneUtwórzi wybierz opcjęStrona witrynylubStrona lądowania.
  • W oknie dialogowym wpisz nazwę strony, a następnie kliknij przyciskUtwórz stronę.
  • Na ekranie wyboru szablonu kliknij szablon. Szablony z Twojego aktywnego motywu pojawią się w sekcji Szablonymotywu. Aby wybrać szablon, który nie jest częścią Twojego aktywnego motywu, kliknij opcję Inne szablony, anastępnie kliknijszablon.
  • W prawym górnym rogu kliknij przyciskPodgląd, aby wyświetlić podgląd wybranego szablonu, lubWybierz szablon, aby przejść do edytora treści.

select-template-from-active-theme

  • W edytorze treści edytuj zawartość strony za pomocą edytora przeciągania i upuszczania.
  • W prawym górnym rogu kliknijUpdatelubPublish, aby wprowadzić zmiany.

Zastosuj szablon motywu do swojego bloga

W ustawieniach bloga możesz ustawić blog tak, aby używał tego samego motywu, co strony. Szablony postów i listingów stron bloga są wybierane osobno.

  • W koncie HubSpot kliknij ikonę ustawień ustawienia w głównym panelu nawigacyjnym.
  • W menu lewego paska bocznego przejdź do Witryna > Blog.
  • Jeśli masz kilka blogów, kliknij menu rozwijane Wybierzblog do modyfikacjii wybierzblog.
  • Kliknij kartę Szablony .
  • W sekcjachBlog postiBlog listingkliknij menu rozwijaneAkcjei wybierz Zmień szablon.

select-blog-template

  • Na ekranie wyboru motywu wybierz swój motyw, a następnie wybierzszablonużywający tego motywu. W prawym dolnym rogu kliknij przyciskGotowe.

select-a-theme-blog-template

  • Po ustawieniu szablonów strony wpisu na blogu i listy blogów kliknij przycisk Zapiszw lewym dolnym rogu.

Edytuj ustawienia motywu

Możesz dostosować stylizację swojego motywu - włączając w to czcionkę, kolory i odstępy - w ustawieniach motywu. Style edytowane w tym miejscu mają zastosowanie do wszystkich stron i modułów motywu zawartych w tym motywie. Dowiedz się więcej o zarządzaniu ustawienia

mi motywu.

edit-global-theme-fonts

Zarządzanie motywami

W menedżerze projektów można edytować, klonować lub kopiować motyw do innego konta HubSpot. Można również usuwać domyślne motywy HubSpot, sklonowane motywy i motywy niestandardowe.

Klonowanie motywu

Aby edytować zakodowane pliki domyślnych motywów w menedżerze projektów, należy je najpierw sklonować. Własne motywy i motywy zakupione w Asset Marketplace również mogą być sklonowane, ale mogą być również edytowane bezpośrednio.

  • W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
  • W wyszukiwarce kliknij na folder @hubspot. Folder ten zawiera wszystkie motywy i domyślne moduły, w tym moduły e-mail metodą "przeciągnij i upuść".
    design-manager-hubspot-folder
  • Kliknij prawym przyciskiem myszy folder motywu, a następnie wybierz opcję Sklonuj motyw.
design-manager-theme-folder-clone
  • W oknie dialogowym wprowadź nazwę motywu, a następnie kliknij przycisk Utwórz.

Motyw zostanie skopiowany do głównego folderu i będzie widoczny w Finderze wraz z innymi folderami.

Kopiowanie motywu na inne konto

Możesz skopiować folder motywu z jednego konta na drugie. Musisz być użytkownikiem z uprawnieniamiDesign tools

na obu kontach.

Uwaga:

foldery motywów w katalogach @hubspot lub @marketplace nie mogą być kopiowane między kontami.

Aby skopiować motyw na konto:

  • W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
  • W wyszukiwarce najedź na folder motywu, który chcesz skopiować, kliknij prawym przyciskiem myszy na folder i wybierzKopiuj na inne konto.

    copy-theme-folder-to-different-account
  • W oknie dialogowym wybierz konto, a następnie kliknijKopiuj zasób. Folder pojawi się na określonym koncie, gdy tylko proces kopiowania zostanie zakończony.

Prześlij motyw

Użytkownicy kont CMS Hub mogą pobierać motywy HubSpot z Envato's ThemeForest Marketplace, a następnie przesyłać je do HubSpot

:
  • Przejdź do sekcjiHubSpot CMS Hub w witrynie Envato's ThemeForest Marketplace.
  • Zakup i pobierz motyw z rynku.
  • Kliknij dwukrotnie pobrany motyw, aby rozwinąć skompresowany plik. Spowoduje to utworzenie folderu zawierającego Twój nowy motyw i jego dokumentację.
  • W koncie HubSpot kliknij ikonę ustawień ustawienia w głównym panelu nawigacyjnym.
  • W menu lewego paska bocznego, przejdź doWebsite>Themes.
  • W prawym górnym rogu kliknijPrześlij motyw.
  • W plikach swojego komputera otwórz nowy folder i wybierz swój motyw.

select-theme-file

Po zakończeniu przesyłania motywu na górze strony pojawi się baner. Może minąć kilka minut, zanim Twój motyw będzie dostępny w HubSpot.

upload-theme

Usuwanie motywu

Domyślne motywy HubSpot, sklonowane motywy i przesłane motywy można usunąć z menedżera projektów:

  • W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
  • W wyszukiwarce kliknij na folder z aktywami motywu.
  • Kliknij menu rozwijanePliki wybierzUsuń [nazwa folderu].
  • W oknie dialogowym zaznacz pole wyboruJestem pewien, że chcę usunąć ten folder, a następnie kliknijUsuń ten folder.

Zakupione motywy muszą zostać odinstalowane z Asset Marketplace:

  • W koncie HubSpot kliknij ikonę Marketplace marketplace w głównym panelu nawigacyjnym.
  • Kliknij kartę Zakupione.
  • Najedź kursorem na motyw, a następnie kliknij menu rozwijane Akcjei wybierzOdinstaluj.
  • W oknie dialogowym kliknij przyciskOdinstaluj.