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:

• Kodowane szablony: zestaw szablonów dla witryny internetowej, 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 szablonu, które można dodawać do treści przy użyciu tego szablonu.
• Zawartość globalna: zawartość powtarzająca się na wielu stronach, taka jak nagłówek lub stopka witryny. Zawartość globalną można edytować bezpośrednio z poziomu edytora wykorzystującego przeciąganie i upuszczanie.
• 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 motywy można zakupić w sklepie HubSpot Template Marketplace.

Jeśli nie aktywowałeś jeszcze motywu dla swojego konta, musisz to zrobić przed rozpoczęciem tworzenia witryny.

• Przejdź do swojej zawartości:

  • Strony w witrynie internetowej:
  • Strony docelowe:
• Jeśli nie utworzyłeś jeszcze żadnej strony w witrynie internetowej:
• Kliknij przycisk Rozpocznij od nowa.
• 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.
  
  
• Następnie możesz wybrać szablon z motywu, aby kontynuować tworzenie strony za pomocą edytora wykorzystującego przeciąganie i upuszczanie HubSpot.

Po ustawieniu motywu jako aktywnego, szablony te będą wyświetlane za każdym razem, gdy tworzysz nową stronę. Możesz zmienić aktywny motyw swojego konta w dowolnym momencie, klikając menu rozwijane Motyw na ekranie wyboru szablonu, jak pokazano w poniższych krokach.

Aby zmienić aktywny motyw konta:

• Przejdź do swojej zawartości:

  • Strony w witrynie internetowej:
  • Strony docelowe:
• W prawym górnym rogu kliknij przycisk Utwórz. Jeśli masz wiele połączonych domen, kliknij menu rozwijane Witryna i wybierz domenę w oknie dialogowym. Następnie wprowadź nazwę strony i kliknij przycisk Utwórz stronę.
• 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.
  
  
  
  • Następnie możesz wybrać szablon z motywu, aby kontynuować tworzenie strony za pomocą edytora wykorzystującego przeciąganie i upuszczanie HubSpot.

Tworzenie strony przy użyciu motywu

• Przejdź do swojej zawartości:

  • Strony w witrynie internetowej:
  • Strony docelowe:
• W prawym górnym rogu kliknij przycisk Utwórz.
• Jeśli masz wiele połączonych domen, kliknij menu rozwijane Witryna i wybierz domenę w oknie dialogowym. Następnie wprowadź nazwę strony i kliknij 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 treści edytuj zawartość strony wykorzystując przeciąganie i upuszczanie.

• Aby wprowadzić zmiany na żywo, kliknij przycisk Opublikuj lub Aktualizuj w prawym górnym rogu, a następnie kliknij przycisk Opublikuj 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 wpisu na blogu i strony z listingiem na blogu wybiera się osobno.

• W menu lewego paska bocznego przejdź do opcji Zawartość > Blog.
• Jeśli masz wiele blogów, kliknij menu rozwijane Wybierz blog do modyfikacji i wybierz blog.
• Kliknij kartę Szablony .
• W sekcjach Szablon wpisu na blogu i Strona z listingiem bloga kliknij menu rozwijane Działania i wybierz opcję Zmień szablon.

• 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 listingiem kliknij przycisk Zapisz w lewym dolnym rogu.

Uwaga: w przypadku stron z listingiem blogów, które można edytować w edytorze treści, kroki te 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 Design Manager można edytować, klonować lub kopiować motywy na inne konto HubSpot. Można również usuwać domyślne motywy HubSpot, sklonowane motywy i niestandardowe motywy, a także tworzyć motywy potomne.

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 motywów w Design Manager, należy je najpierw sklonować.

• 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 Design Managerze 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.

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

Kopiowanie motywu na inne konto

Folder motywu można skopiować z jednego konta na drugie. Musisz być użytkownikiem z uprawnieniami Narzędzia do projektowania 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 folder 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 wskazanym 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 w Envato's ThemeForest Marketplace.
• Dokonaj zakupuszablonu w sklepie.
• Otrzymasz wiadomość e-mail z kodem zakupu dla zakupionego szablonu. Skopiuj kod zakupu.

• Przejdź do swojej zawartości:

  • Strony w witrynie internetowej:
  • Strony docelowe:
• W prawym górnym rogu kliknij przycisk Utwórz.
• Jeśli masz wiele połączonych domen, kliknij menu rozwijane Witryna i wybierz domenę w oknie dialogowym. Następnie wprowadź nazwę strony i kliknij Utwórz stronę.
• Na ekranie wyboru szablonu kliknij menu rozwijane Motyw i wybierz opcję Zmień motyw.

• W prawym górnym rogu kliknij opcję Rata z ThemeForest.

• W oknie dialogowym wklej kod zakupu z wiadomości e-mail, a następnie kliknij przycisk Rata.
• 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 motywy HubSpot, sklonowane motywy i przesłane motywy można usunąć z design managera:

• W wyszukiwarce kliknij folder z zasobami motywu.
• Kliknij menu rozwijane Plik i wybierz opcję 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.