ข้ามไปที่เนื้อหา
โปรดทราบ:: บทความนี้จัดทำขึ้นเพื่อความสะดวกของคุณ ได้รับการแปลโดยอัตโนมัติโดยใช้ซอฟต์แวร์การแปลและอาจไม่ได้รับการพิสูจน์อักษร บทความฉบับภาษาอังกฤษนี้ควรถือเป็นฉบับทางการที่คุณสามารถค้นหาข้อมูลล่าสุดได้มากที่สุด คุณสามารถเข้าถึงได้ที่นี่

แก้ไขขนาดของ CTA (ดั้งเดิม)

อัปเดตล่าสุด: กุมภาพันธ์ 19, 2025

สามารถใช้ได้กับการสมัครใช้บริการใดๆ ต่อไปนี้ ยกเว้นที่ระบุไว้:

การตลาด Hub   Professional , Enterprise
เนื้อหา Hub   Professional , Enterprise
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
บทความนี้มีประโยชน์หรือไม่
แบบฟอร์มนี้ใช้สำหรับคำติชมเอกสารเท่านั้น เรียนรู้วิธีขอความช่วยเหลือจาก HubSpot