- ฐานความรู้
- การตลาด
- CTA
- แก้ไขขนาดของ CTA (ดั้งเดิม)
แก้ไขขนาดของ CTA (ดั้งเดิม)
อัปเดตล่าสุด: 3 สิงหาคม 2026
สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:
-
การตลาด Hub Professional, Enterprise
-
เนื้อหา Hub Professional, Enterprise
โปรดทราบ: บัญชีที่สร้างขึ้นหลังวันที่ 17 มีนาคม 2025 ไม่สามารถเข้าถึงเครื่องมือ CTA (เดิม) ได้
ปรับขนาด CTA ของคุณ (ดั้งเดิม) โดยใช้ตัวเลือกการปรับขนาดในตัวและ CSS ที่กำหนดเอง เมื่ออัปโหลดภาพของคุณสำหรับ CTA ของภาพคุณอาจต้องคำนึงถึงการเพิ่มประสิทธิภาพจอประสาทตา
หากต้องการปรับแต่ง CTA ของคุณเพิ่มเติมให้เรียนรู้วิธีเพิ่มสไตล์ที่กำหนดเองลงใน CTA ของคุณ (ดั้งเดิม) ด้วย CSS หากต้องการเพิ่ม CTA ลงในอีเมลหรือเทมเพลตโปรดดูวิธีจัด CTA ให้อยู่ตรงกลาง (แบบเดิม)
ต้องมีสิทธิ์ ต้องได้รับสิทธิ์ Super Admin หรือบล็อกอีเมลหน้า Landing Page หรือหน้าเว็บไซต์เพื่อสร้างและแก้ไข CTA (เดิม)
แก้ไขขนาด CTA (เดิม) ของคุณ
คุณสามารถปรับขนาดของ CTA ด้วยตนเองหรือใช้ CSS ที่กำหนดเองเพื่อเติมความกว้างของคอนเทนเนอร์หรือโมดูลของ CTA โดยอัตโนมัติ หากคุณกำลัง ฝัง i mage CTA บนเว็บไซต์ที่ไม่ใช่ HubSpot ของคุณคุณอาจต้องใช้การประกาศ CSS เพิ่มเติม (เช่นความกว้าง: 100%;) ในสไตล์ชีตของคุณเพื่อให้ CTA ของภาพตอบสนองวิธีแก้ไขขนาดปุ่ม CTA:
- ในบัญชี HubSpot ของคุณ ให้คลิก เพิ่มเติม จากนั้นไปที่ การตลาด > CTA หาก เพิ่มเติม ไม่ปรากฏในบัญชีของคุณ ให้ไปที่ การตลาด > 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