Użyj tematów
Data ostatniej aktualizacji: lutego 9, 2022
Motyw to zestaw szablonów, modułów, globalnej zawartości i ustawień stylu, które mogą być użyte do stworzenia strony internetowej. Motywy można pobrać z Asset Marketplace, natomiast konta CMS Hub będą miały również dostęp do domyślnych motywów HubSpot. Możesz edytować strony przy użyciu motywu za pomocą edytora treści typu "przeciągnij i upuść " oraz ustawić szablony blogów tak, aby używały motywu w ustawieniach
bloga.Zrozumienie motywów
Motyw to zestaw plików dla Twojej witryny, w tym:
- Zakodowane szablony: zestaw szablonów dla Twojej strony internetowej, w tym strony głównej, strony o stronie, strony docelowej i szablonów blogów. Szablony te są kodowane przez dewelopera, ale zawartość i układ mogą być dostosowane w edytorze treści typu "przeciągnij i upuść".
- Moduły: zestaw unikalnych modułów motywu, które można dodać do zawartości przy użyciu tego motywu.
- Zawartość globalna: zawartość powtarzająca się na wielu stronach, taka jak 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 korzystających z motywu, w tym czcionki, odstępy i kolory.
Użyj aktywnego motywu
Możesz ustawić aktywny motyw, aby wyświetlić strony tego motywu jako domyślne opcje dla nowo utworzonych stron. Ustawienie lub zmiana aktywnego motywu nie zmieni motywu używanego dla istniejącej zawartości, co wymaga zamiany bieżącego szablonu zawartości. Dodatkowe motywy można zakupić w Asset Marketplace
.-
Przejdź do swojej zawartości:
- Strony witryny: 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 menu rozwijaneUtwórzi wybierz opcjęStrona witrynylubStrona lądowania.
- W oknie dialogowym wpisz nazwę strony, a następnie kliknij przyciskUtwórz stronę.
- Na ekranie wyboru motywu wybierzmotyw. W prawym górnym rogu kliknijPodgląd, aby wyświetlić podgląd motywu, lubWybierz i kontynuuj , aby ustawić motyw jako aktywny.

Po ustawieniu motywu zostaniesz przeniesiony do ekranu wyboru szablonu za każdym razem, gdy utworzysz nową stronę. Z tego ekranu można przełączyć się na inny aktywny motyw:
- Kliknij menu rozwijane Motyw i wybierz opcję Zmień motyw.
- Na ekranie wyboru motywu wybierz motyw. W prawym górnym rogu kliknij przycisk Preview (Podgląd), aby wyświetlić podgląd motywu, lub Select and continue (Wybierz i kontynu uj), aby ustawić motyw jako aktywny.
Tworzenie strony przy użyciu motywu
-
Przejdź do swojej zawartości:
- Website Pages: 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 menu rozwijaneUtwórzi wybierz opcjęStrona witrynylubStrona lądowania.
- W oknie dialogowym wpisz nazwę strony, a następnie kliknij przyciskUtwórz stronę.
- Na ekranie wyboru szablonu kliknij szablon. Szablony z Twojego aktywnego motywu pojawią się w sekcji Szablonymotywu. Aby wybrać szablon, który nie jest częścią Twojego aktywnego motywu, kliknij opcję Inne szablony, anastępnie kliknijszablon.
- W prawym górnym rogu kliknij przyciskPodgląd, aby wyświetlić podgląd wybranego szablonu, lubWybierz szablon, aby przejść do edytora treści.
- W edytorze treści edytuj zawartość strony za pomocą edytora przeciągania i upuszczania.
- W prawym górnym rogu kliknijUpdatelubPublish, aby wprowadzić zmiany.
Zastosuj szablon motywu do swojego bloga
W ustawieniach bloga możesz ustawić blog tak, aby używał tego samego motywu, co strony. Szablony postów i listingów stron bloga są wybierane osobno.
- W koncie HubSpot kliknij ikonę ustawień ustawienia w głównym panelu nawigacyjnym.
- W menu lewego paska bocznego przejdź do Witryna > Blog.
- Jeśli masz kilka blogów, kliknij menu rozwijane Wybierzblog do modyfikacjii wybierzblog.
- Kliknij kartę Szablony .
- W sekcjachBlog postiBlog listingkliknij menu rozwijaneAkcjei wybierz Zmień szablon.
- Na ekranie wyboru motywu wybierz swój motyw, a następnie wybierzszablonużywający tego motywu. W prawym dolnym rogu kliknij przyciskGotowe.
- Po ustawieniu szablonów strony wpisu na blogu i listy blogów kliknij przycisk Zapiszw lewym dolnym rogu.
Edytuj ustawienia motywu
Możesz dostosować stylizację swojego motywu - włączając w to czcionkę, kolory i odstępy - w ustawieniach motywu. Style edytowane w tym miejscu mają zastosowanie do wszystkich stron i modułów motywu zawartych w tym motywie. Dowiedz się więcej o zarządzaniu ustawienia
mi motywu.Zarządzanie motywami
W menedżerze projektów można edytować, klonować lub kopiować 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.
Klonowanie motywu
Aby edytować zakodowane pliki domyślnych motywów w menedżerze projektów, należy je najpierw sklonować. Niestandardowe motywy i motywy zakupione w Asset Marketplace również mogą być sklonowane, ale mogą być edytowane bezpośrednio.
- W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
- W wyszukiwarce kliknij folder @hubspot. Folder ten zawiera wszystkie motywy i moduły domyślne, 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 głównego folderu i będzie widoczny w wyszukiwarce wraz z innymi folderami.
Tworzenie motywu 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 podrzędne na podstawie niestandardowych motywów oraz tworzyć motywy podrzędne za pomocą CLI, korzystając z naszej dokumentacji dla programistów. Dowiedz się więcej o pracy z motywami potomnymi.
- {NavDesignManager}}
- W wyszukiwarce kliknij folder@marketplace dla motywów Asset Marketplace lub folder@hubspotdla motywów domyślnych.
- Kliknij prawym przyciskiem myszyfolder motywu, a następnie wybierz opcjęUtwórz motyw dziecka.
- W oknie dialogowym wprowadźnazwęmotywu podrzędnego.
- Aby zmienić miejsce, w którym motyw dziecka zostanie zapisany, kliknij Zmieńw sekcjiLokalizacja pliku. Kliknijfolder, a następnie kliknij przycisk Wybierz.
- Aby dostosować nazwy plików CSS i JS motywu, kliknijopcję Opcje zaawansowane, a następnie wprowadź nowenazwy plików w polachCSSiJS.
- Aby zakończyć proces, kliknij przyciskUtwó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 motywów w katalogach @hubspot lub @marketplace nie mogą być kopiowane pomiędzy kontami.Aby skopiować motyw na konto:
- W koncie HubSpot przejdź do Marketing > Pliki i szablony > Narzędzia do projektowania.
- W wyszukiwarce najedź na folder motywu, który chcesz skopiować, a następnie kliknij prawym przyciskiem myszy folder i wybierz opcjęKopiuj na inne konto.
- W oknie dialogowym wybierz konto, a następnie kliknij przyciskKopiuj zasób. Folder pojawi się na określonym koncie, gdy tylko zakończy się proces kopiowania.
Prześlij motyw
Użytkownicy kont CMS 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 witrynie Envato's ThemeForest Marketplace.
- Zakup motywu z rynku.
- Otrzymasz wiadomość e-mail z kodem zakupu dla zakupionego motywu. Skopiuj kod zakupu.
-
Przejdź do swojej zawartości:
- Website Pages: 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 menu rozwijaneUtwórz i wybierz opcję Strona witryny lub Strona lądowania.
- W oknie dialogowym wpisznazwę strony i kliknij przyciskUtwórz stronę.
- Na ekranie wyboru szablonu kliknij menu rozwijaneMotywyi wybierz opcjęZmień motyw.
- W menu lewego paska bocznego wybierz opcjęPrześlij z Envato.
- W oknie dialogowym wklejkod zakupuz wiadomości e-mail, a następnie kliknij przyciskZainstaluj motyw.
- W nowej karcie zaloguj się doThemeForest Marketplace Envato, 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.
Usuwanie motywu
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 wyszukiwarce kliknij folder z aktywami motywu.
- Kliknij menu rozwijanePliki wybierzUsuń [nazwa folderu].
- W oknie dialogowym zaznacz pole wyboruJestem pewien, że chcę usunąć ten folder, a następnie kliknijUsuń 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ź kursorem na motyw, a następnie kliknij menu rozwijane Akcjei wybierzOdinstaluj.
- W oknie dialogowym kliknij przyciskOdinstaluj.
Thank you for your feedback, it means a lot to us.
Powiązana treść
-
Skonfiguruj jednokrotne logowanie (SSO), aby uzyskać dostęp do zawartości prywatnej
Pojedyncze logowanie (SSO) to sposób bezpiecznego logowania się do różnych aplikacji za pomocą jednej nazwy...
Baza wiedzy -
Eksportuj zawartość i dane
Dowiedz się, jak eksportować zawartość i dane z konta HubSpot, takie jak strony, kontakty i pliki. Uwaga:...
Baza wiedzy -
Tworzenie i dostosowywanie stron
W HubSpot można tworzyć strony internetowe i strony docelowe dla swojej witryny. Możesz dostosować zawartość...
Baza wiedzy