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.

Wykorzystanie tematów

Data ostatniej aktualizacji: stycznia 20, 2023

Dotyczy:

Wszystkie produkty i plany

Motyw to zestaw szablonów, modułów, zawartości globalnej i ustawień stylu, które można wykorzystać do stworzenia strony internetowej. Motywy można pobrać z Asset Marketplace, a konta CMS Hub będą miały również dostęp do domyślnych motywów HubSpot. Możesz edytować strony za pomocą motywu za pomocą edytora treści typu "przeciągnij i upuść " i ustawić szablony blogów, aby użyć motywu w ustawieniach bloga.

Zrozumieć tematy

Motyw to zestaw plików dla Twojej strony internetowej, zawierający:

Szablonykodowane: zestaw szablonów dla Twojej strony internetowej, w tym strony głównej, strony o tematyce, strony docelowej i szablonów blogów. Te szablony są niestandardowo zakodowane przez dewelopera, ale zawartość i układ można dostosować w edytorze treści typu "przeciągnij i upuść".
Moduły: zestaw unikalnych modułów motywu, które możesz dodać do treści wykorzystujących ten motyw.
Zawartość globalna: zawartość powtarzana na wielu stronach, np. 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 używających 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 kupić w Asset Marketplace.

Przejdź do swojej zawartości:
- Strony internetowe: 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 rozwijane menu Create i wybierz Website page lub Landing page.
W oknie dialogowym wprowadź nazwę strony, a następnie kliknij przycisk Utwórz stronę.
Na ekranie wyboru motywu najedź na motyw, a następnie kliknij opcję 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 zostaniesz przeniesiony do ekranu wyboru szablonu za każdym razem, gdy będziesz tworzyć nową stronę. Z tego ekranu możesz przełączyć się na inny aktywny motyw:

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

Na ekranie wyboru motywu najedź na motyw, a następnie kliknij opcję 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 internetowe: 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 rozwijane menu Create i wybierz Website page lub Landing page.
W oknie dialogowym wprowadź nazwę strony, a następnie kliknij przycisk Utwórz stronę.
Na ekranie wyboru szablonów, szablony z Twojego aktywnego motywu pojawią się w sekcji Szablony motywów . Aby wyświetlić szablony, które nie są częścią Twojego aktywnego motywu, kliknij opcję Inne szablony.
Najedź na szablon, a następnie kliknij Podgląd szablonu, aby wyświetlić podgląd szablonu lub Wybierz szabl on, aby przejść do edytora treści.

preview-or-select-template

W edytorze treści edytuj zawartość strony za pomocą edytora przeciągania i upuszczania.
W prawym górnym rogu kliknij przycisk Update lub Publish , aby wprowadzić zmiany.

Zastosuj szablon motywu do swojego bloga

W ustawieniach bloga można ustawić blog, aby używał tego samego motywu co strony. Szablony stron postów i listingów blogów są wybierane osobno.

W koncie HubSpot kliknij ikonę ustawień ustawienia w głównym panelu nawigacyjnym.
W menu lewego paska bocznego przejdź do Strona internetowa > 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 iBlog Listing Page kliknij menu rozwijane Actions i wybierz Change template.

change-blog-template

Na ekranie wyboru motywu wybierz swój motyw, a następnie wybierz szablon wykorzystujący ten motyw. W prawym dolnym rogu kliknij przycisk Gotowe.

select-a-theme-blog-template

Po ustawieniu szablonów strony wpisu na blogu i wpisu na blogu, kliknij przycisk Zapisz w lewym dolnym rogu.

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

Edytuj ustawienia motywu

Możesz dostosować styl swojego motywu - w tym czcionkę, kolory i odstępy - w ustawieniach motywu. Style edytowane tutaj mają zastosowanie do wszystkich stron i modułów tematycznych zawartych w tym motywie. Dowiedz się więcej o zarządzaniu ustawieniami motywu.

edit-global-theme-fonts

Zarządzaj tematami

W menedżerze projektów można edytować, sklonować lub skopiować 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.

Sklonuj motyw

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

W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
W finderze kliknij folder @hubspot. Ten folder zawiera wszystkie motywy i domyślne moduły, w tym moduły poczty elektronicznej typu "przeciągnij i upuść".
Kliknij prawym przyciskiem myszy folder z motywem, a następnie wybierz Clone theme.

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

Motyw zostanie skopiowany do folderu głównego i będzie wymieniony w finderze z innymi twoimi folderami.

Utwórz motyw 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 potomne na podstawie motywów własnych i tworzyć motywy potomne za pomocą CLI, korzystając z naszej dokumentacji dla programistów. Dowiedz się więcej o pracy z motywami potomnymi.

W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
W finderze kliknij folder @marketplace dla motywów Asset Marketplace lub folder @hubspot dla motywów domyślnych.
Kliknij prawym przyciskiem myszy folder motywu, a następnie wybierz opcję Create child theme.
W oknie dialogowym wprowadź nazwę dla motywu dziecka.
Aby zmienić miejsce, w którym motyw dziecka zostanie zapisany, kliknij Zmień w sekcji Lokalizacja pliku. Kliknij folder, a następnie kliknij przycisk Wybierz.
Aby dostosować nazwy plików CSS i JS motywu, kliknij opcję Opcje zaawansowane, a następnie wprowadź nowe nazwy plików w polach CSS i JS .
Aby zakończyć proces, kliknij Utwó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 tematyczne w katalogach @hubspot lub @marketplace nie mogą być kopiowane między kontami.

Aby skopiować motyw na konto:

W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
W finderze najedź na folder motywu, który chcesz skopiować, następnie kliknij prawym przyciskiem myszy na folder 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 na kontach CMS Hub mogą zakupić motywy HubSpot z Envato's ThemeForest Marketplace, a następnie wgrać je do HubSpot z ekranu wyboru motyw u:

Przejdź do sekcjiHubSpot CMS Hub w Envato's ThemeForest Marketplace.
Zakupić motyw 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:
- Strony internetowe: 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 rozwijane menu Create i wybierz Website page lub Landing page.
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 Install a theme from 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 się, w HubSpot pojawi się baner. Może minąć kilka minut, zanim Twój motyw będzie dostępny.

upload-theme

Usuń motyw

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 finderze kliknij folder z aktywami 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 motywy muszą zostać odinstalowane z Asset Marketplace:

W koncie HubSpot kliknij ikonę Marketplace marketplace w głównym panelu nawigacyjnym.
Kliknij kartę Zakupione .
Najedź na motyw, a następnie kliknij menu rozwijane Actions i wybierz Uninstall.
W oknie dialogowym kliknij przycisk Odinstaluj.

Was this article helpful? Yes No

This form is used for documentation feedback only. Learn how to get help with HubSpot.