Wyśrodkuj obraz, CTA (legacy) lub logo w wiadomości e-mail lub na stronie

Jeśli korzystasz z szablonów układu utworzonych w narzędziu do projektowania design manager, wyśrodkuj obraz, CTA (legacy) lub moduł logo na swojej stronie, blogu lub w wiadomości e-mail, dodając styl lokalny do szablonu.

Jeśli korzystasz z szablonu wykorzystującego przeciąganie i upuszczanie, możesz wyśrodkować wyrównanie modułów w edytorze treści. Możesz także wyśrodkować moduły w edytorze stron za pomocą poziomych elementów dystansowych.

Uwaga: konta utworzone po 17 marca 2025 r. nie mają dostępu do narzędzia CTA (starszego).

Wyśrodkuj obraz, CTA (starsze) lub logo za pomocą lokalnego stylu

Wyśrodkowanie obrazu za pomocą lokalnego stylu wymaga podstawowej znajomości języka HTML. Jeśli Twoja 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, CTA (legacy) lub logo w wiadomości e-mail lub szablonie strony:

• Przejdź do swojej zawartości:

  • Strony w witrynie internetowej: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
  • Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
  • Blog: Na swoim koncie HubSpot przejdź do Treści > Blog.
  • Email: Na koncie HubSpot przejdź do Marketing > E-mail.

• Najedź kursorem na zawartość, a następnie kliknij Edytuj.
• W edytorze uzyskaj dostęp do ustawień zawartoś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 Design Manager.

• W Design Manager kliknij logo, wezwanie do działania lub moduł obrazu.
• W prawej kolumnie wpisz text-align: center; w polu Styl lokalny .

 

• 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ć stronę lub moduły postów:

  • Przejdź do treści:

    • Strony w witrynie internetowej: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
    • Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
    • Blog: Na swoim koncie HubSpot przejdź do Treści > Blog.
    Najedź kursorem na swoją stronę lub wpis na blogu, a następnie kliknij Edytuj.
  • W edytorze stron 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 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) lub logo za pomocą poziomych przekładek

Jeśli moduł, z którego korzystasz, nie ma opcji wyrównania, w edytorze treści możesz dodać poziome odstępy do strony, aby zamiast tego wyśrodkować moduły.

Aby wyśrodkować moduł za pomocą poziomego elementu dystansowego:

• Przejdź do swojej zawartości:

  • Strony w witrynie internetowej: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
  • Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
  • Blog: Na swoim koncie HubSpot przejdź do Treści > 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ć.