Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.
CTAs

Edycja rozmiaru przycisku CTA

Data ostatniej aktualizacji: stycznia 20, 2023

Dotyczy:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Wcześniejsze konto Marketing Hub Basic

Dostosuj rozmiar swojego przycisku CTA za pomocą wbudowanych opcji rozmiaru i niestandardowego CSS. Podczas przesyłania obrazu dla obrazkowego CTA możesz chcieć wziąć pod uwagę optymalizację siatkówki

.

Aby jeszcze bardziej dostosować swój przycisk CTA, dowiedz się jak dodać niestandardowe style do swojego CTA za pomocą CSS. Jeśli dodajesz swój przycisk CTA do wiadomości e-mail lub szablonu, dowiedz się, jak wyśrodkować swój C

TA.

Edytuj rozmiar swojego CTA

Możesz ręcznie dostosować rozmiar swojego przycisku CTA lub użyć niestandardowego CSS, aby automatycznie wypełnić szerokość kontenera lub modułu przycisku CTA. Jeśli osadzaszobrazek CTA w witrynie innej niż HubSpot, może być konieczne zastosowanie dodatkowych deklaracji CSS (takich jak width: 100%;) w arkuszu stylów, aby obrazek CTA był responsywny.

Aby
edytować rozmiar swojego przycisku CTA:
  • Na swoim koncie HubSpot przejdź do Marketing > Lead Capture > Przycisk CTA.
  • Najedź na przycisk CTA i kliknij Akcje > Edytuj.
  • W wysuwanym panelu kliknij opcje zaawansowane.
  • Aby ręcznie zmienić rozmiar niestandardowego przycisku CTA:
    • Wyczyść pole wyboru Dopasuj do tekstu. Spowoduje to usunięcie zastosowanej automatycznej zmiany rozmiaru.
    • W sekcji Button padding wprowadź swoje wartości rozmiaru dla pól button width i button height.
    • Kliknij przycisk Dalej >.
    • Kliknij przycisk Zapisz. Następnie kliknij przycisk Zakończ.
  • Aby twój niestandardowy przycisk CTA wypełnił całą szerokość swojego kontenera lub modułu:
    • Wyczyść pole wyboru Size automatically .
    • WpoluCustom CSS wprowadźswójniestandardowy CSS.
    • Ustaw szerokość na width : 100%;
    • Kliknij Dalej >.
    • Kliknij Zapisz. Następnie kliknij przycisk Zakończ.

Co to jest optymalizacja siatkówki?

Optymalizacja Retina sprawia, że obraz Twojego przycisku CTA jest bardziej wyraźny podczas oglądania na stronach witryny i w wiadomościach e-mail, jeśli Twoi odbiorcy oglądają CTA w nowoczesnych wersjach poczty Apple Mail i iOS; nie jest to obsługiwane przez Outlook lub usługi poczty internetowej, takie jak Gmail.

Optymalizacja Retina jest obsługiwana, gdy przesyłasz obraz, który jest co najmniej dwa razy większy niż rozmiar niezbędny do przycisku CTA, podobnie jak obsługa siatkówki działa dla wszystkich obrazów w całym Internecie. Należy również zwrócić uwagę na następujące kwestie:

  • Jeśli tworzysz CTA, który będzie miał rozmiar 400px na 100px, przesłany obraz musiałby mieć rozmiar 800px na 200px, aby wspierać wyświetlacz o gęstości pikseli @2x.
  • CTA obsługują dodawanie do wersji 4x. Na przykład, jeśli tworzysz CTA, które będzie miało 400px na 100px, możesz przesłać obraz 1600px na 400px.
  • CTA zostanie automatycznie wyrenderowane na Twojej stronie z atrybutem srcset obsługującym wersję 1x, 2x, 3x i 4x, jeśli jest dostępna.
  • Jeśli obraz jest załadowany w rozmiarze, w którym CTA będzie renderowany, nie będzie miał wsparcia dla siatkówki. Na przykład, jeśli obrazek o wymiarach 400px na 100px jest wgrany dla CTA o wymiarach 400px na 100px
Czy ten artykuł okazał się pomocny?
Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.