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 motywów

Data ostatniej aktualizacji: stycznia 13, 2025

Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:

Wszystkie produkty i plany

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.

Przejdź do swojej zawartości:
- Strony w witrynie internetowej: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
- Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > 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ę.
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 stron.

set-an-active-theme
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 w witrynie internetowej: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
- Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > 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.

preview-or-select-template

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.

Na koncie HubSpot kliknij settings ikonę ustawień w górnym pasku nawigacyjnym.
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.

change-blog-template

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

select-a-theme-blog-template

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.

edit-global-theme-fonts

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ć. Motywy zakupione w Template Marketplace nie mogą być klonowane; zamiast tego zaleca się utworzenie motywu potomnego .

Na swoim koncie HubSpot przejdź do Treści > Design Manager.
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.

Na swoim koncie HubSpot przejdź do Treści > Design Manager.
W wyszukiwarce kliknij folder @marketplace dla motywów Template Marketplace lub folder @hubSpot dla motywów domyślnych.
Kliknij prawym przyciskiem myszy folder motywu, a następnie wybierz opcję Utwórz motyw podrzędny.
W oknie dialogowym wprowadź nazwę motywu podrzędnego.
Aby zmienić miejsce zapisania motywu podrzędnego, kliknij przycisk Zmień w sekcji Lokalizacja pliku. Kliknij folder, a następnie kliknij Wybierz.
Aby dostosować nazwy plików CSS i JS motywu, kliknij Opcje zaawansowane, a następnie wprowadź nowe nazwy plików w polach CSS i JS .
Aby zakończyć proces, kliknij przycisk Utwórz motyw podrzędny. Stylizację motywu podrzędnego można edytować w edytorze zawartości.

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:

Na swoim koncie HubSpot przejdź do Treści > Design Manager.
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.

copy-your-envato-purchase-code

Przejdź do swojej zawartości:
- Strony w witrynie internetowej: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
- Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > 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.

change-theme-in-hubspot

W prawym górnym rogu kliknij Rata motywu z ThemeForest.

install-a-theme-from-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.

upload-theme

Usuwanie motywu

Domyślne motywy HubSpot, sklonowane motywy i przesłane motywy można usunąć z design managera:

Na swoim koncie HubSpot przejdź do Treści > Design Manager.
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:

Na koncie HubSpot kliknij ikonę Marketplace marketplace w górnym panelu nawigacyjnym, następnie wybierz Centrum zasobów.
Kliknij kartę Zakupione .
Najedź kursorem na motyw, a następnie kliknij menu rozwijane Akcje i wybierz opcję Odinstaluj.
W oknie dialogowym kliknij przycisk Odinstaluj.

Czy ten artykuł okazał się pomocny? Tak Nie

Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.