Jeśli korzystasz z szablonów układu utworzonych w narzędziu menedżera projektów, możesz wyśrodkować obraz, CTA (starsze) lub moduł logo na swojej stronie, blogu lub w wiadomości e-mail, dodając styl wbudowany do szablonu.
Jeśli korzystasz z szablonu, który zawiera obszar przeciągania i upuszczania, możesz wyśrodkować wyrównanie modułu w edytorze treści. Możesz także wyśrodkować moduły w edytorze stron za pomocą poziomych elementów dystansowych.
Wyśrodkuj obraz, wezwanie do działania (CTA) lub logo za pomocą stylizacji inline
Uwaga:
- Ta metoda wymaga podstawowej znajomości języka HTML.
- Jeśli strona lub szablon ma dołączony arkusz stylów lub dodaną dodatkową stylizację, może istnieć CSS wpływający na obraz, CTA (starsze) lub logo. HubSpot zaleca współpracę z projektantem w celu zidentyfikowania źródła stylizacji i wprowadzenia niezbędnych zmian w celu wyśrodkowania zasobów.
Aby wyśrodkować obraz, wezwanie do działania (starsze) lub logo w wiadomości e-mail lub szablonie strony:
-
Przejdź do treści:
- Strony witryny:
- Stronydocelowe:
- Blog:
- Email:
- Najedź kursorem na zawartość, a następnie kliknij Edytuj.
- W edytorze uzyskaj dostęp do ustawień treści:
- W przypadku postów i stron kliknij menu Ustawienia i wybierz opcję Zaawansowane.
- W przypadku wiadomości e-mail kliknij kartę Ustawienia , a następnie kliknij, aby rozwinąć sekcję Opcje zaawansowane .
- W sekcji Szablon kliknij Edytuj ten szablon , aby otworzyć szablon w menedżerze projektów.
- W menedżerze projektów kliknij logo, wezwanie do działania lub moduł obrazu.
- W prawej kolumnie wpisz text-align: center; w polu Inline styling .
- W prawym górnym rogu kliknij przycisk Opublikuj zmiany, aby zastosować zmiany do tego szablonu.
Wyśrodkuj obraz, CTA (starsze) lub logo z opcji stylizacji modułu
Jeśli używasz szablonu z obszarem przeciągania i upuszczania, w niektórych modułach lub sekcjach możesz ustawić wyrównanie bezpośrednio. Należy jednak pamiętać, że ta opcja stylizacji może nie być dostępna we wszystkich szablonach lub modułach.
- Aby wyśrodkować moduły stron lub postów:
-
Przejdź do treści:
- Strony witryny:
- Strony docelowe:
- Blog:
Najedź kursorem na swoją stronę lub wpis na blogu, a następnie kliknijEdytuj.
- W edytorze strony kliknij moduł , który chcesz wyśrodkować.
- W lewym panelu kliknij kartę Style , a następnie kliknij, aby rozwinąć sekcję Wyrównanie i odstępy .
- W sekcji Wyrównanie wybierz opcję Wyśrodkuj .
- Aby wyśrodkować moduły wiadomości e-mail:
- Na koncie HubSpot przejdź do Marketing > Email.
- Najedź kursorem na wiadomość e-mail, a następnie kliknij Edytuj.
- Kliknij moduł , który chcesz wyśrodkować.
- W lewym panelu kliknij menu rozwijane Wyrównanie i wybierz Wyśrodkuj.
Wyśrodkuj obraz, CTA (starsze wersje) lub logo za pomocą poziomych elementów dystansowych
Jeśli używany moduł nie ma opcji wyrównania, w edytorze treści można dodać poziome elementy dystansowe do strony, aby zamiast tego wyśrodkować moduły.
Aby wyśrodkować moduł za pomocą poziomego elementu dystansowego:
-
Przejdź do treści:
- Strony witryny:
- Stronydocelowe:
- Blog:
- W lewej kolumnie edytora treści kliknij + Dodaj.
- Na pasku wyszukiwania wyszukaj poziomą ramkę dystansową.
- Kliknij i przeciągnij poziome elementy dystansowe na każdą stronę modułu, który chcesz wyśrodkować. Następnie dostosuj szerokość elementu dystansowego, aby go wyśrodkować.