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 szablonu w edytorze treści i ustawić szablony blogów tak, aby używały szablonu 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 szablonów
Szablon to zestaw plików dla Twojej witryny, w tym:
- Zakodowane szabl ony: 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 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 w edytorze 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ś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.
- Nawigacja do zawartości:
- Strony witryny: .
- Strony docelowe:
- Kliknij przycisk Utwórz lub Rozpocznij.
- Na stronie wyboru motywu kliknij przycisk Ustaw jako aktywny motyw na karcie wybranego motywu. Aby wyświetlić podgląd motywu, kliknij przycisk Podgląd motywu.
- Na stronie wyboru szablonu kliknij przycisk Wybierz szablon na karcie wybranego szablonu. Następnie kontynuuj tworzenie strony za pomocą edytora przeciągnij i upuść HubSpot
Zmiana aktywnego szablonu
-
Przejdź do swojej zawartości:
- Strony witryny:
- Strony docelowe:
- W prawym górnym rogu kliknij przycisk Utwórz lub Rozpocznij.
- Aby zmienić motyw na stronach witryny, kliknij menu rozwijane Motyw i wybierz opcję Zmień motyw. Następnie kliknij Ustaw jako aktywny motyw na wybranej karcie motywu.
- Aby zmienić motyw na stronach docelowych, kliknij nazwę motywu w menu po lewej stronie. Następnie kliknij Ustaw jako aktywny motyw na wybranej karcie motywu.
- 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 przeciągnij i upuść HubSpot.
Utwórz stronę przy użyciu szablonu
-
Przejdź do zawartości:
- Strony witryny:
- Strony docelowe:
- W prawym górnym rogu kliknij przycisk Utwórz lub Rozpocznij.
- Jeśli wcześniej nie wybrałeś motywu, zostaniesz przekierowany do ekranu wyboru motywu. Na karcie wybranego motywu kliknij przycisk Ustaw jako aktywny motyw. Aby wyświetlić podgląd motywu, kliknij opcję Podgląd motywu.
- Na ekranie wyboru szablonu szablony z aktywnego motywu pojawią się w sekcji Szablony motywów. Aby wyświetlić szablony, które nie są częścią aktywnego motywu, kliknij opcję Inne szablony.
- Aby wybrać szablon z motywu, kliknij opcję Wybierz szablon lub Użyj.
- W edytorze zawartości edytuj zawartość strony za pomocą edytora przeciągnij i upuść.
-
Aby wprowadzić zmiany na żywo, kliknij przycisk Opublikuj lub Aktualizuj w prawym górnym rogu.
Zastosowanie szablonu motywu do bloga
W ustawieniach bloga można ustawić blog tak, by korzystał z tego samego szablonu co strony. Szablony wpisów na blogu i stron z listą blogów są wybierane osobno.
- W menu na lewym pasku bocznym 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.
- Na ekranie wyboru motywu kliknij żądaną kartę motywu, a następnie kliknij kartę szablonu. W prawym dolnym rogu kliknij przycisk Gotowe.
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ń szablonu
W ustawieniach szablonu można dostosować styl szablonu, w tym czcionkę, kolory i odstępy. Style edytowane tutaj mają zastosowanie do wszystkich stron i modułów motywu zawartych w tym motywie. Dowiedz się więcej o zarządzaniu ustawieniami szablonów.
Zarządzanie szablonami
W menedżerze projektów można edytować, klonować lub kopiować szablon na inne konto HubSpot. Można również usuwać sklonowane szablony, szablony niestandardowe, a także tworzyć szablony 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 menedżerze projektów, należy je najpierw sklonować.
- W wyszukiwarce kliknij folder @hubspot. Folder ten zawiera wszystkie motywy i domyślne moduły, w tym moduły poczty e-mail typu "przeciągnij i upuść".
- Kliknij folder motywu.
- Kliknij menu rozwijane Plik i wybierz opcję Klonuj motyw.
- W oknie dialogowym wprowadź nazwę motywu.
- Aby zmienić lokalizację pliku sklonowanego motywu, kliknij przycisk Zmień w polu Lokalizacja pliku. Następnie wybierz lokalizację. Domyślnie wybrany zostanie folder główny.
- Po zakończeniu kliknij przycisk Utwórz.
Tworzenie motywu podrzędnego
W menedżerze projektów można utworzyć szablon podrzędny na podstawie zakupionego szablonu Template Market place lub domyślnego szablonu HubSpot. Ustawienia motywu podrzędnego można edytować bez wpływu na motyw nadrzędny.
Programiści mogą również tworzyć motywy podrzędne na podstawie niestandardowych motywów i tworzyć motywy podrzędne za pomocą interfejsu CLI, korzystając z dokumentacji dla programistów. Dowiedz się więcej o pracy z motywami podrzędnymi.
- 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 zapisania motywu podrzędnego, kliknij przycisk Zmień w sekcji Lokalizacja pliku. Kliknij folder, a następnie kliknij przycisk 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 inne. 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ć szablon 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 kliknij menu rozwijane Konto docelowe i wybierz konto. Następnie kliknij Kopiuj zasób. Folder pojawi się na koncie docelowym zaraz po zakończeniu procesu kopiowania.
Prześlij motyw
Użytkownicy kontContent Hub mogą kupować szablony HubSpot z Envato's ThemeForest Marketplace, a następnie przesyłać je do HubSpot z ekranu wyboru szablonu:
- Przejdź do sekcjiHubSpot CMS Hub w Envato ThemeForest Marketplace.
- Dokonajzakupu motywu w sklepie.
- Otrzymasz wiadomość e-mail z kodem zakupu zakupionego szablonu. Skopiuj kod zakupu.
- W prawym górnym rogu kliknij przycisk Utwórz.
- Na stronie Wybierz szablon kliknij menu rozwijane Motyw , a następnie kliknij Zmień motyw.
- Na stronie Wybierz motyw kliknij opcję Zainstaluj motyw z ThemeForest u dołu strony.
- W oknie dialogowym wklej kod zakupu z wiadomości e-mail, a następnie kliknij Zainstaluj motyw.
- W nowej zakładce zaloguj się do Envato's ThemeForest Marketplace, aby zakończyć proces instalacji.
- Po zalogowaniu w HubSpot pojawi się baner. Dostępność motywu może potrwać kilka minut.
Usuń motyw
Sklonowane i przesłane szablony można usunąć z poziomu menedżera szablonów:
- W wyszukiwarce kliknij folder z zasobami szablonu.
- Kliknij menu rozwijane Plik i wybierz opcję Usuń [nazwa folderu].
- W oknie dialogowym zaznacz pole wyboru , aby potwierdzić sprawdzenie zależności, a następnie kliknij przycisk Usuń ten folder.
Zakupione motywy muszą zostać odinstalowane z Template Marketplace:
- Na karcie Motywy kliknij menu rozwijane Działania i wybierz opcję Odinstaluj dla odpowiedniego motywu.
- Przed odinstalowaniem może być konieczna zmiana szablonu wpisu na blogu lub strony. Dowiedz się więcej o zmianie szablonu strony lub wpisu.
- W oknie dialogowym kliknij przycisk Odinstaluj.