แก้ไขขนาดของ CTA (ดั้งเดิม)
อัปเดตล่าสุด: กุมภาพันธ์ 19, 2025
สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:
|
|
Marketing Hub Basic เดิม |
ปรับขนาด CTA ของคุณ (ดั้งเดิม) โดยใช้ตัวเลือกการปรับขนาดในตัวและ CSS ที่กำหนดเอง เมื่ออัปโหลดภาพของคุณสำหรับ CTA ของภาพคุณอาจต้องคำนึงถึงการเพิ่มประสิทธิภาพจอประสาทตา
หากต้องการปรับแต่ง CTA ของคุณเพิ่มเติมให้เรียนรู้วิธีเพิ่มสไตล์ที่กำหนดเองลงใน CTA ของคุณ (ดั้งเดิม) ด้วย CSS หากต้องการเพิ่ม CTA ลงในอีเมลหรือเทมเพลตโปรดดูวิธีจัด CTA ให้อยู่ตรงกลาง (แบบเดิม)
โปรดทราบ: บัญชีที่สร้างขึ้นหลังวันที่ 17 มีนาคม 2025 ไม่สามารถเข้าถึงเครื่องมือ CTA (เดิม) ได้
แก้ไขขนาด CTA (เดิม) ของคุณ
คุณสามารถปรับขนาดของ CTA ด้วยตนเองหรือใช้ CSS ที่กำหนดเองเพื่อเติมความกว้างของคอนเทนเนอร์หรือโมดูลของ CTA โดยอัตโนมัติ หากคุณกำลัง ฝัง i mage CTA บนเว็บไซต์ที่ไม่ใช่ HubSpot ของคุณคุณอาจต้องใช้การประกาศ CSS เพิ่มเติม (เช่นความกว้าง: 100%;) ในสไตล์ชีตของคุณเพื่อให้ CTA ของภาพตอบสนองวิธีแก้ไขขนาดปุ่ม CTA:
- ในบัญชี HubSpot ของคุณ ไปที่ การตลาด > CTA
- ที่ด้านบนซ้ายให้คลิกเมนูแบบเลื่อนลงและเลือก CTA (ดั้งเดิม)
- วางเมาส์เหนือ CTA แล้วคลิกการดำเนินการ > แก้ไข
- ในแผงสไลด์เข้าให้คลิกตัวเลือกขั้นสูง
- วิธีปรับขนาด CTA ที่กำหนดเองด้วยตนเอง:
- ล้างช่องทำเครื่องหมายพอดีกับข้อความ การดำเนินการนี้จะลบการปรับขนาดอัตโนมัติที่ใช้
- ในส่วนช่องว่างของปุ่มให้ป้อนค่าขนาดของคุณสำหรับฟิลด์ความกว้างของปุ่มและความสูงของปุ่ม
- คลิกถัดไป >
- คลิกบันทึกจากนั้นคลิกเสร็จสิ้น
- หากต้องการให้ CTA ที่กำหนดเองของคุณเต็มความกว้างทั้งหมดของคอนเทนเนอร์หรือโมดูล:
- ล้างช่องทำเครื่องหมายขนาดโดยอัตโนมัติ
- ในฟิลด์ CSS ที่กำหนดเองให้ป้อน CSS ที่กำหนดเองของคุณ
- ตั้งค่าความกว้างเป็น WIDTH: 100%;
- คลิกถัดไป >
- คลิกบันทึกจากนั้นคลิกเสร็จสิ้น
การเพิ่มประสิทธิภาพจอประสาทตาคืออะไร?
การเพิ่มประสิทธิภาพ Retina ทำให้ภาพ CTA ของคุณคมชัดมากขึ้นเมื่อดูบนหน้าเว็บไซต์และในอีเมลของคุณหากผู้รับของคุณดู CTA ใน Apple Mail และจดหมาย iOS เวอร์ชันปัจจุบันบริการ Outlook หรือเว็บเมลไม่รองรับเช่น Gmail
การเพิ่มประสิทธิภาพเรตินาจะได้รับการสนับสนุนเมื่อคุณอัปโหลดภาพที่มีขนาดอย่างน้อยสองเท่าที่จำเป็นสำหรับ CTA เช่นเดียวกับวิธีการทำงานของการสนับสนุนเรตินาสำหรับภาพทั้งหมดทั่วอินเทอร์เน็ต โปรดทราบว่า:
- หากคุณกำลังสร้าง CTA ที่จะมีขนาด 400px คูณ 100px ภาพที่อัปโหลดจะต้องมีขนาด 800px คูณ 200px เพื่อรองรับการแสดงผลความหนาแน่น @ 2x พิกเซล
- CTA รองรับการเพิ่มเวอร์ชัน 4x ตัวอย่างเช่นหากคุณกำลังสร้าง CTA ที่จะมีขนาด 400px คูณ 100px คุณสามารถอัปโหลดภาพขนาด 1600px คูณ 400px ได้
- CTA จะแสดงผลบนเว็บไซต์ของคุณโดยอัตโนมัติด้วยแอตทริบิวต์ srcset ที่ให้บริการรุ่น 1x, 2x, 3x และ 4x หากมี
- หากอัปโหลดภาพในขนาดที่ CTA จะแสดงผลจะไม่มีการรองรับจอประสาทตา ตัวอย่างเช่นหากอัปโหลดภาพขนาด 400px คูณ 100px สำหรับ CTA ขนาด 400px คูณ 100px