จัดกึ่งกลางรูปภาพ CTA (ดั้งเดิม) หรือโลโก้ในอีเมลหรือเพจ

หากคุณใช้เทมเพลตเค้าโครงที่สร้างขึ้นในเครื่องมือตัวจัดการการออกแบบจัดกึ่งกลางรูปภาพ CTA (ดั้งเดิม) หรือโมดูลโลโก้ในหน้าเว็บบล็อกหรืออีเมลโดยการเพิ่มสไตล์แบบอินไลน์ลงในเทมเพลตของคุณ

หากคุณใช้เทมเพลตที่มีพื้นที่ลากและวางคุณสามารถจัดกึ่งกลางการจัดตำแหน่งโมดูลภายในตัวแก้ไขเนื้อหาได้นอกจากนี้คุณยังสามารถจัดกึ่งกลางโมดูลในตัวแก้ไขหน้าโดยใช้ตัวเว้นวรรคแนวนอน 

โปรดทราบ: บัญชีที่สร้างขึ้นหลังวันที่ 17 มีนาคม 2025 ไม่สามารถเข้าถึงเครื่องมือ CTA (เดิม) ได้

จัดภาพให้อยู่ตรงกลาง CTA (แบบเดิม) หรือโลโก้ที่มีสไตล์แบบอินไลน์ 

การจัดภาพให้อยู่ตรงกลางด้วยสไตล์อินไลน์จำเป็นต้องมีความเข้าใจพื้นฐานเกี่ยวกับ HTML หากหน้าหรือเทมเพลตของคุณมีสไตล์ชีตที่แนบมาหรือสไตล์เพิ่มเติมที่เพิ่มเข้ามาอาจมี CSS ที่มีผลต่อรูปภาพ CTA (เดิม) หรือโลโก้ของคุณ HubSpot แนะนำให้ทำงานร่วมกับนักออกแบบเพื่อระบุแหล่งที่มาของสไตล์การแต่งตัวและทำการเปลี่ยนแปลงที่จำเป็นเพื่อเป็นศูนย์กลางเนื้อหาของคุณ 

ในการจัดกึ่งกลางรูปภาพ CTA (ดั้งเดิม) หรือโลโก้ในอีเมลหรือเทมเพลตเพจ:

• ไปที่เนื้อหาของคุณ:

  • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
  • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
  • บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
  • อีเมล: ในบัญชี HubSpot ของคุณ ไปที่การตลาด > อีเมล

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

• ในส่วนเทมเพลตให้คลิกแก้ไขเทมเพลตนี้เพื่อเปิดเทมเพลตในตัวจัดการดีไซน์ 

• ในตัวจัดการการออกแบบให้คลิกโลโก้คำกระตุ้นการตัดสินใจหรือโมดูลรูปภาพ 
• ในคอลัมน์ด้านขวาให้ป้อน text-align: center ในช่องการจัดแต่งทรงผมแบบอินไลน์

 

• ที่มุมขวาบนให้คลิกเผยแพร่การเปลี่ยนแปลงเพื่อนำการเปลี่ยนแปลงของคุณไปใช้กับเทมเพลตนี้

จัดกึ่งกลางรูปภาพ CTA (ดั้งเดิม) หรือโลโก้จากตัวเลือกการจัดแต่งทรงผมของโมดูล

หากคุณใช้เทมเพลตที่มีพื้นที่ลากและวางในบางโมดูลหรือบางส่วนคุณสามารถเลือกตั้งค่าการจัดตำแหน่งได้โดยตรงอย่างไรก็ตามโปรดทราบว่าตัวเลือกการจัดแต่งทรงผมนี้อาจไม่พร้อมใช้งานในเทมเพลตหรือโมดูลทั้งหมด 

• ไปยังศูนย์หน้าหรือโพสต์โมดูล:

  • ไปที่เนื้อหาของคุณ:

    • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
    • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
    • บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
    วางเมาส์เหนือหน้าเว็บหรือโพสต์บล็อกของคุณจากนั้นคลิกแก้ไข
  • ในตัวแก้ไขหน้าให้คลิกที่โมดูลที่คุณต้องการจัดกึ่งกลาง 
  • ในแผงด้านซ้ายให้คลิกแท็บสไตล์จากนั้นคลิกเพื่อขยายส่วนการจัดตำแหน่งและระยะห่าง  
  • ภายใต้การจัดตำแหน่งให้เลือกการจัดตำแหน่ง กึ่งกลาง  
    
    

• วิธีจัดโมดูลอีเมลของคุณให้อยู่ตรงกลาง: 
  • ในบัญชี HubSpot ของคุณให้ไปที่การตลาด > อีเมล
  • วางเมาส์เหนืออีเมลของคุณแล้วคลิก แก้ไข
  • คลิกที่โมดูลที่คุณต้องการจัดกึ่งกลาง 
  • ในแผงด้านซ้ายให้คลิกเมนูดรอปดาวน์การจัดตำแหน่งและเลือก กึ่งกลาง 
    
    

จัดกึ่งกลางรูปภาพ CTA (ดั้งเดิม) หรือโลโก้โดยใช้ตัวเว้นวรรคแนวนอน

หากโมดูลที่คุณใช้ไม่มีตัวเลือกการจัดตำแหน่งจากตัวแก้ไขเนื้อหาคุณสามารถเพิ่มตัวเว้นวรรคแนวนอนลงในหน้าเว็บของคุณไปยังโมดูลกลางแทนได้ 

ในการจัดกึ่งกลางโมดูลของคุณโดยใช้ตัวเว้นวรรคแนวนอน: 

• ไปที่เนื้อหาของคุณ:

  • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
  • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
  • บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
• ในคอลัมน์ด้านซ้ายของเครื่องมือแก้ไขเนื้อหาให้คลิก + เพิ่ม 
• ในแถบค้นหาให้ค้นหาตัวเว้นวรรคแนวนอน 
• คลิกและลากตัวเว้นวรรคแนวนอนไปยังแต่ละด้านของโมดูลที่คุณต้องการจัดกึ่งกลาง จากนั้นปรับความกว้างของตัวเว้นวรรคให้อยู่ตรงกลางองค์ประกอบของคุณ