Użyj motywów

Motyw to zestaw szablonów, modułów, zawartości globalnej i ustawień stylu, których można użyć do utworzenia strony internetowej. Możesz edytować strony i posty przy użyciu motywu w edytorze treści i ustawić szablony blogów, aby używały motywu w ustawieniach bloga.

Wszystkie konta mają dostęp do co najmniej jednego domyślnego szablonu HubSpot. Motywy można również pobrać z Template Marketplace.

Zrozumienie tematów

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

• Zakodowane szablony: zestaw szablonów dla witryny, w tym strona główna, strona informacyjna, strona docelowa i szablony blogów. Szablony te są kodowane na zamówienie przez programistę, ale zawartość i układ można dostosować w edytorze treści.
• Moduły: zestaw unikalnych modułów motywu, które można dodawać do treści przy użyciu tego motywu.
• Zawartość globalna: zawartość powtarzająca się na wielu stronach, np. w nagłówku lub stopce witryny. Zawartość globalną można edytować bezpośrednio z poziomu edytora stron typu "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żna ustawić aktywny motyw, aby wyświetlał strony tego motywu jako domyślne opcje dla nowo utworzonych stron.

Ustawienie lub zmiana aktywnego motywu nie spowoduje zmiany motywu używanego dla istniejącej zawartości, co wymaga zamiany bieżącego szablonu zawartości. Dodatkowe szablony można zakupić w sklepie HubSpot Template Marketplace.

• Przejdź do swojej zawartości:

  • Strony witryny:
  • Strony docelowe: .
• W prawym górnym rogu kliknij przycisk Utwórz.
• W oknie dialogowym wprowadź nazwę strony, a następnie kliknij przycisk Utwórz stronę.
• Na ekranie wyboru motywu najedź kursorem na motyw, a następnie kliknij Podgląd motywu, aby otworzyć podgląd motywu lub Ustaw jako aktywny motyw, aby użyć tego motywu jako domyślnego dla swoich stron.

Po ustawieniu motywu za każdym razem, gdy tworzysz nową stronę, zostaniesz przeniesiony do ekranu wyboru szablonu. Na tym ekranie można przełączyć się na inny aktywny szablon:

• Kliknij menu rozwijane Motyw i wybierz opcję Zmień motyw.

• Na ekranie wyboru motywu najedź kursorem na motyw, a następnie kliknij Podgląd motywu, aby otworzyć podgląd motywu lub Ustaw jako aktywny motyw, aby użyć tego motywu jako domyślnego dla swoich stron.

Tworzenie strony przy użyciu motywu

• Przejdź do swojej zawartości:

  • Strony witryny:
  • Strony docelowe: .
• W prawym górnym rogu kliknij przycisk Utwórz.
• W oknie dialogowym wprowadź nazwę strony, a następnie kliknij przycisk Utwórz stronę.
• Na ekranie wyboru szablonu szablony z aktywnego motywu pojawią się w sekcji Szablony motywu . Aby wyświetlić szablony, które nie są częścią aktywnego motywu, kliknij opcję Inne szablony.
• Najedź kursorem na szablon, a następnie kliknij Podgląd szablonu , aby wyświetlić podgląd szablonu lub Wybierz szablon , aby przejść do edytora zawartości.

• W edytorze zawartości edytuj zawartość strony za pomocą edytora przeciągnij i upuść.

• Aby wprowadzić zmiany na żywo, kliknij Publikuj lub Aktualizuj w prawym górnym rogu, a następnie kliknij Publikuj teraz lub Aktualizuj teraz w oknie dialogowym.

Zastosuj szablon motywu do swojego bloga

W ustawieniach bloga można skonfigurować blog tak, aby korzystał z tego samego motywu co strony. Szablony wpisów na blogu i stron z listami blogów są wybierane osobno.

• W menu po lewej stronie paska bocznego przejdź do sekcji Zawartość > Blog.
• Jeśli masz wiele blogów, kliknij menu rozwijane Wybierz blog do modyfikacji i wybierz blog.
• Kliknij kartę Szablony .
• W sekcjach Blog Post Template i Blog Listing Page kliknij menu rozwijane Actions i wybierz opcję Change template.

• Na ekranie wyboru motywu wybierz motyw, a następnie wybierz szablon przy użyciu tego motywu. W prawym dolnym rogu kliknij przycisk Gotowe.

• Po ustawieniu szablonów wpisu na blogu i strony z listą blogów kliknij przycisk Zapisz w lewym dolnym rogu.

Uwaga: w przypadku stron z listą blogów, które można edytować w edytorze treści, te kroki prowadzą do edytora treści zamiast do ekranu wyboru motywu.

Edycja ustawień motywu

Stylizację szablonu - w tym czcionki, kolory i odstępy - można dostosować w ustawieniach szablonu. Style edytowane tutaj mają zastosowanie do wszystkich stron i modułów szablonu zawartych w tym szablonie. Dowiedz się więcej o zarządzaniu ustawieniami szablonu.

Zarządzanie motywami

W menedżerze projektów można edytować, klonować lub kopiować szablon na inne konto HubSpot. Możesz także usuwać domyślne szablony HubSpot, sklonowane szablony i szablony niestandardowe, a także tworzyć szablony podrzędne.

Ustawienia motywu podrzędnego można edytować bez wpływu na motyw nadrzędny, ale nie spowoduje to utworzenia dodatkowych kopii zasobów motywu. Aby skopiować zasoby motywu nadrzędnego, zaleca się sklonowanie motywu.

Klonowanie motywu

Aby edytować zakodowane pliki domyślnych szablonów w menedżerze szablonów, należy je najpierw sklonować. Motywy zakupione w Template Marketplace nie mogą być klonowane; zamiast tego zaleca się utworzenie motywu potomnego .

• W wyszukiwarce kliknij folder @hubspot. Folder ten zawiera wszystkie motywy i domyślne moduły, w tym moduły e-mail typu "przeciągnij i upuść".
  
• Kliknij prawym przyciskiem myszy folder motywu, a następnie wybierz opcję Klonuj motyw.

• W oknie dialogowym wprowadź nazwę motywu, a następnie kliknij przycisk Utwórz.

Motyw zostanie skopiowany do folderu głównego i wyświetlony w wyszukiwarce wraz z innymi folderami.

Utwórz motyw podrzędny

W menedżerze projektów można utworzyć motyw podrzędny - kopię zakupionego motywu - na podstawie zakupionego motywu Template Marketplace lub domyślnego motywu HubSpot. Ustawienia motywu podrzędnego można edytować bez wpływu na motyw nadrzędny.

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

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 wyszukiwarce najedź kursorem na folder motywu, który chcesz skopiować, a następnie kliknij go prawym przyciskiem myszy i wybierz opcję Kopiuj na inne konto.
  
  
• W oknie dialogowym wybierz konto, a następnie kliknij Kopiuj zasób. Folder pojawi się na określonym koncie zaraz po zakończeniu procesu kopiowania.

Prześlij motyw

Użytkownicy kontContent 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 na Envato ThemeForest Marketplace.
• Zakup motywu na rynku.
• Otrzymasz wiadomość e-mail z kodem zakupu dla zakupionego szablonu. Skopiuj kod zakupu.

• Przejdź do swojej zawartości:

  • Strony witryny:
  • Strony docelowe: .
• W prawym górnym rogu kliknij przycisk Utwórz.
• W oknie dialogowym wprowadź nazwę strony i kliknij przycisk Utwórz stronę.
• Na ekranie wyboru szablonu kliknij menu rozwijane Motyw i wybierz opcję Zmień motyw.

• W prawym górnym rogu kliknij Zainstaluj motyw z ThemeForest.

• W oknie dialogowym wklej kod zakupu z wiadomości e-mail, a następnie kliknij przycisk Zainstaluj motyw.
• W nowej zakładce zaloguj się do Envato's ThemeForest Marketplace, aby zakończyć proces instalacji.

Po pomyślnym zalogowaniu w HubSpot pojawi się baner. Dostępność szablonu może potrwać kilka minut.

Usuwanie motywu

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

• W wyszukiwarce kliknij folder z zasobami motywu.
• Kliknij menu rozwijane Plik i wybierz Usuń [nazwa folderu].
• W oknie dialogowym zaznacz pole wyboru Jestem pewien, że chcę usunąć ten folder , a następnie kliknij przycisk Usuń ten folder.

Zakupione szablony muszą zostać odinstalowane z Template Marketplace:

• Kliknij kartę Zakupione .
• Najedź kursorem na motyw, a następnie kliknij menu rozwijane Akcje i wybierz opcję Odinstaluj.
• W oknie dialogowym kliknij przycisk Odinstaluj.