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

Edytuj rozmiar CTA

Data ostatniej aktualizacji: października 18, 2021

Dotyczy:

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

Dostosuj rozmiar swojego CTA za pomocą wbudowanych opcji rozmiaru i własnego CSS.

  • W koncie HubSpot przejdź do Marketing > Przechwytywanie leadów > CTA.
  • Najedź kursorem na CTA i kliknij menu rozwijaneAkcje , a następnie wybierz Edytuj.
  • W wysuwanym panelu kliknij opcję Opcje zaawansowane.

  • Wyczyść pole wyboruRozmiar automatycznie, a następnie wprowadź wartości rozmiaru w polach Wyściełanie poziome i Wyściełanie pionowe.
  • Kliknij przycisk Dalej >.
  • Kliknij przycisk Zapisz, a następnie kliknij przycisk Zakończ.

Aby CTA wypełniał całą szerokość swojego kontenera lub modułu, po zaprojektowaniu niestandardowego przycisku CTA:

  • Wyczyść pole wyboruRozmiar automatycznie.
  • WpoluCustom CSSwprowadź swój niestandardowy CSS.
  • Ustaw szerokość na width: 100%;
  • Kliknij Dalej>.
  • Kliknij przycisk Zapisz, a następnie kliknij przycisk Zakończ.

Jeśli osadzaszobrazek CTAobraz CTA w witrynie innej niż HubSpotmoże być konieczne zastosowanie dodatkowych deklaracji CSS (takich jak width: 100%;) w swoim arkuszu stylów, aby obrazek CTA był responsywny.

Co to jest optymalizacja Retina?

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

Optymalizacja Retina jest obsługiwana, jeśli załadujesz obraz, który jest co najmniej dwa razy większy niż rozmiar niezbędny dla CTA, podobnie jak wsparcie Retina działa dla wszystkich obrazów w całym Internecie. Jeśli tworzysz CTA, które będzie miało rozmiar 400px na 100px, załadowany obraz będzie musiał mieć rozmiar 800px na 200px, aby obsłużyć wyświetlacz o gęstości pikseli @2x. CTA obsługuje dodawanie do wersji 4x, w tym przypadku wgrywając obraz 1600px na 400px. CTA będzie automatycznie renderowane na Twojej stronie z atrybutem srcset obsługującym wersje 1x, 2x, 3x i 4x, jeśli są dostępne.

Jeśli obraz jest wgrany w rozmiarze, w którym CTA będzie renderowane (np. obraz 400px na 100px jest wgrywany dla CTA 400px na 100px), nie będzie to miało wsparcia dla retiny.