Dowiedz się, jak skonfigurować i dostosować istniejący szablon metodą "przeciągnij i upuść" oraz pracować z modułami, grupami i kolumnami jako elementami konstrukcyjnymi szablonu.
Korzystając z edytora układów w menedżerze projektów, możesz szybko zbudować układ treści bez konieczności pisania jakiegokolwiek kodu HTML.
Aby dodać moduł do układu, kliknij + Dodaj na górze inspektora układów.Wyszukaj lub wybierzmoduł, a następnie przeciągnij go w miejsce, w którym chcesz, aby moduł był renderowany w układzie. Przeciąganie modułów na wierzch innych modułów spowoduje utworzenie kolumn lub pogrupowanie modułów.
Aby zmienić szerokość kolumny, najedź na nią między modułami, a następnie kliknij i przeciągnij w poziomie.
Grupy modułów to jednostki modułów, które tworzą różne sekcje strony.
Aby zgrupować dwa moduły, kliknij pierwszy moduł, a następnie naciśnij i przytrzymaj klawisz Control/Command i wybierz drugi moduł. Powtórz ten krok, jeśli grupujesz więcej niż dwa moduły. Następnie kliknijikonę w inspektorze.
Uwaga: grupy modułów nie mogą przekraczać separatora sekcji ani zawierać częściowo wybranej grupy modułów.
Podział modułu powoduje przełamanie modułu na pół, tworząc dwa moduły. Aby podzielić moduł, kliknij moduł, a następnie kliknij ikonę podziel moduł w inspektorze. Możesz też kliknąć moduł prawym przyciskiem myszy w układzie i wybrać opcję Podziel moduł.
Dzięki poziomym odstępom możesz wyśrodkować moduły i grupy na stronie lub dodać puste miejsce po obu ich stronach. Aby dodać poziomy odstęp, kliknij + Dodaj na górze inspektora układu. Znajdź pozycjęPoziomy odstępnik, a następnie przeciągnij i upuść go do szablonu.
Aby zmienić rozmiar poziomej przekładki, zmień szerokość kolumny oddzielającej ją od innych modułów. Aby wyśrodkować moduł lub grupę, dodaj poziome elementy dystansowe po każdej stronie.
Elastyczne kolumny zostały zaprojektowane w celu ułatwienia twórcom treści zarządzania treścią na poziomie strony. Kiedy elastyczna kolumna zostanie dodana do szablonu strony HubSpot, użytkownicy otrzymają możliwość dodawania, usuwania i zmiany kolejności modułóww ramach indywidualnego edytora strony. Ta funkcja pozwala projektantom tworzyć mniej szablonów, jednocześnie dając marketerom elastyczność w dostosowywaniu każdej strony do swoich potrzeb.
Aby dodać elastyczną kolumnę, kliknij + Dodaj w górnej części inspektora układu. Zlokalizuj kolumnęelastyczną, a następnie przeciągnij ją do szablonu.
Kiedy już ułożysz ogólny układ swojego szablonu, możesz wymieniać moduły i dokonywać innych dostosowań szablonu.
Możesz edytować opcjemodułu , klikając go w edytorze układu. W inspektorze modułów po prawej stronie zobaczysz opcje modułu, które można edytować. Opcje te zazwyczaj obejmują stylizację, domyślną zawartość oraz opcje edytora i mogą się różnić w zależności od konkretnego typu modułu. Dowiedz się więcej o edycji CSS modułu oraz domyślnej zawartości i ustawieniach.
Po dodaniu modułu do szablonu, możesz go zamienić na inny. Kliknij prawym przyciskiem myszy na moduł w edytorze układu, a następnie kliknij Zamień moduł. W rozwijanym menu, które się pojawi, wybierz moduł , którym chcesz zastąpić oryginalny moduł.
Możesz przekształcić moduł w swoim szablonie w moduł globalny, który może być używany w wielu szablonach. Jest to przydatne, gdy wystylizowałeś moduł w określony sposób i/lub masz domyślną zawartość w module, którą chciałbyś wykorzystać w innych szablonach.
Aby usunąć moduł, kliknij moduł w edytorze układu, a następnie kliknij ikonę kosza na śmieci w inspektorze modułów. Możesz też kliknąć moduł prawym przyciskiem myszy i wybrać Usuń moduł.
Oprócz opcji modułu, istnieje kilka działań, które możesz podjąć specyficznie dla swojego szablonu.