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: lutego 9, 2022

Dotyczy:

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

Motyw to zestaw szablonów, modułów, globalnej zawartości i ustawień stylu, które mogą być użyte do stworzenia strony internetowej. Motywy można pobrać z Asset Marketplace, natomiast 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:

  • Zakodowane szablony: zestaw szablonów dla Twojej strony internetowej, w tym strony głównej, strony o stronie, strony docelowej i szablonów blogów. Szablony te są kodowane przez dewelopera, ale zawartość i układ mogą być dostosowane w edytorze treści typu "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 niestandardowe motywy, a także tworzyć motywy potomne.

Klonowanie motywu

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

  • W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
  • W wyszukiwarce kliknij folder @hubspot. Folder ten zawiera wszystkie motywy i moduły domyślne, w tym moduły e-mail typu "przeciągnij i upuść".
    design-manager-hubspot-folder
  • Kliknij prawym przyciskiem myszy folder motywu, a następnie wybierz opcję Klonuj 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 wyszukiwarce wraz z innymi folderami.

Tworzenie motywu dziecka

W menedżerze projektów można utworzyć motyw dziecka - kopię zakupionego motywu - na podstawie zakupionego motywu Asset Marketplace

lub domyślnego motywu HubSpot.

Programiści mogą również tworzyć motywy podrzędne na podstawie niestandardowych motywów oraz tworzyć motywy podrzędne za pomocą CLI, korzystając z naszej dokumentacji dla programistów. Dowiedz się więcej o pracy z motywami potomnymi.

  • {NavDesignManager}}
  • W wyszukiwarce kliknij folder@marketplace dla motywów Asset Marketplace lub folder@hubspotdla motywów domyślnych.
  • Kliknij prawym przyciskiem myszyfolder motywu, a następnie wybierz opcjęUtwórz motyw dziecka.
  • W oknie dialogowym wprowadźnazwęmotywu podrzędnego.
  • Aby zmienić miejsce, w którym motyw dziecka zostanie zapisany, kliknij Zmieńw sekcjiLokalizacja pliku. Kliknijfolder, a następnie kliknij przycisk Wybierz.
  • Aby dostosować nazwy plików CSS i JS motywu, kliknijopcję Opcje zaawansowane, a następnie wprowadź nowenazwy plików w polachCSSiJS.
  • Aby zakończyć proces, kliknij przyciskUtwórz motyw dziecka. Możesz edytować stylizację dla motywu dziecka w edytorze treści.

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 pomię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ć, a następnie kliknij prawym przyciskiem myszy folder i wybierz opcjęKopiuj na inne konto.

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

Prześlij motyw

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

motywu:
  • Przejdź do sekcjiHubSpot CMS Hub w witrynie Envato's ThemeForest Marketplace.
  • Zakup motywu z rynku.
  • Otrzymasz wiadomość e-mail z kodem zakupu dla zakupionego motywu. Skopiuj kod zakupu.

copy-your-envato-purchase-code

  • 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órz i wybierz opcję Strona witryny lub Strona lądowania.
  • W oknie dialogowym wpisznazwę strony i kliknij przyciskUtwórz stronę.
  • Na ekranie wyboru szablonu kliknij menu rozwijaneMotywyi wybierz opcjęZmień motyw.

change-theme

  • W menu lewego paska bocznego wybierz opcjęPrześlij z Envato.
  • W oknie dialogowym wklejkod zakupuz wiadomości e-mail, a następnie kliknij przyciskZainstaluj motyw.

enter-purchase-code-from-Envato

  • W nowej karcie zaloguj się doThemeForest Marketplace Envato, aby zakończyć proces instalacji.

Po pomyślnym zalogowaniu się w HubSpot pojawi się baner. Może minąć kilka minut, zanim Twój motyw będzie dostępny.

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 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.
Was this article helpful? *
This form is used for documentation feedback only. Learn how to get help with HubSpot.