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: kwietnia 12, 2024

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:

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: 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 menu rozwijane Utwórz i wybierz opcję Strona internetowa lub Strona docelowa.
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.

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 witryny: 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 menu rozwijane Utwórz i wybierz opcję Strona internetowa lub Strona docelowa.
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.

preview-or-select-template

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.

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

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 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.

edit-global-theme-fonts

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.

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 .

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 menedżerze projektów można utworzyć motyw potomny - kopię zakupionego motywu - na podstawie zakupionego motywu Template Marketplace lub domyślnego motywu HubSpot.

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.

Na swoim koncie HubSpot przejdź do Treści > Design Manager.
W wyszukiwarce kliknij folder @marketplace dla szablonów Template Marketplace lub @hubspot dla szablonó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 zapisu 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

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:

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 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.

copy-your-envato-purchase-code

Przejdź do swojej zawartości:
- Strony witryny: 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 menu rozwijane Utwórz i wybierz opcję Strona internetowa lub Strona docelowa.
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.

change-theme-in-hubspot

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

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

upload-theme

Usuwanie motywu

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

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

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.