Data ostatniej aktualizacji: października 18, 2021
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.