แก้ไขเนื้อหาในโมดูลข้อความแบบสมบูรณ์

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

ก่อนที่คุณจะเริ่มต้น

ก่อนที่คุณจะแก้ไขเนื้อหาในโมดูลข้อความแบบสมบูรณ์ให้ตรวจสอบข้อกำหนดและข้อควรพิจารณา

ทำความเข้าใจข้อจำกัดและข้อพิจารณา

• ฟีเจอร์การแก้ไข Rich Text บางอย่างไม่มีในเครื่องมือแก้ไขบทความฐานความรู้

จัดรูปแบบข้อความในโมดูลข้อความแบบสมบูรณ์

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

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

โปรดทราบ: ตัวเลือกการจัดรูปแบบบางอย่างอาจอยู่ในเมนูแบบเลื่อนลงเพิ่มเติมทั้งนี้ขึ้นอยู่กับขนาดหน้าจอของอุปกรณ์ของคุณ

4. ในโมดูลข้อความแบบสมบูรณ์ให้เน้น ข้อความ
5. หากต้องการตั้งค่าขนาดเปรียบเทียบและความสำคัญของข้อความในเนื้อหาให้คลิกเมนูแบบเลื่อนลงสไตล์และเลือกตัวเลือก (เช่นย่อหน้าหรือหัวข้อ 1)
6. หากต้องการตั้งค่าแบบอักษรของข้อความให้คลิกเมนูดรอปดาวน์แบบอักษรแล้วเลือกแบบอักษร ดูข้อมูลเพิ่มเติมเกี่ยวกับการทำงานกับแบบอักษรใน HubSpot

7. หากต้องการตั้งค่าขนาดข้อความให้คลิกเมนูแบบเลื่อนลงขนาด ตัวอักษรและเลือกขนาดตัวอักษรเป็นพิกเซล 

8. หากต้องการทำให้ข้อความเป็นตัวหนาตัวเอียงหรือขีดเส้นใต้ให้คลิกไอคอนรูปแบบ boldIcon (เช่น italicIcon bold, italicIcon italic underlineIcon underlineIcon underline)
9. หากต้องการเปลี่ยนสีข้อความให้คลิtextColorIcon ไอคอนสีข้อความ textColorIcon จากนั้นเลือก สี หากต้องการใช้รหัสสี HEX หรือ RGB หรือเลือกสีที่กำหนดเองให้คลิกแท็บขั้นสูง

10. หากต้องการตั้งค่าสีพื้นหลังสำหรับข้อความให้คลิhighlightกไอคอนไฮไลต์สีพื้นหลังจากนั้นเลือก สี หากต้องการใช้รหัสสี HEX หรือ RGB หรือเลือกสีที่กำหนดเองให้คลิกแท็บขั้นสูง
11. หากต้องการเปลี่ยนการจัดตำแหน่งข้อความให้คลิกเม alignLeft นูแบบเลื่อนลง alignLeft Align แล้วเลือกไอalignCenter การจัดตำแหน่ง alignCenter

12. หากต้องการเพิ่มข้อความลงในรายการสัญลักษณ์แสดงหัวข้อย่อยให้คลิกเมนูแบบเลื่อนลง เพิ่มเติม จากนั้นคลิกที่bulletList คอนรายการสัญลักษณ์แสดงหัวข้อย่อย bulletList หากต้องการเปลี่ยนรูปแบบของรายการให้คลิกเมนูดร็อปดาวน์รายการสัญลักษณ์แสดงหัวข้อย่อยและเลือกbulletDiamond แบบ bulletDiamond

13. หากต้องการเพิ่มข้อความลงในรายการที่มีหมายเลขให้คลิกเมนูแบบเลื่อนลง เพิ่มเติม จากนั้นคลิnumberListที่ไอคอน NUMBERLIST NUMBERED LIST หากต้องการเปลี่ยนรูปแบบของรายการให้คลิกเมนูดรอปดาวน์รายการที่มีหมายเลขและเลือกbulletLowerAlpha แบบ bulletLowerAlpha
14. หากต้องการตั้งค่าความสูงของเส้นข้อความให้คลิกเมlineHeight บเลื่อนลงความสูงของเส้นความสูงและเลือกความสูง
15. หากต้องการเพิ่มหรือลดระยะเยื้องของข้อความให้คลิกที่ไอคอนระยะindent เพิ่มระยะ outdentIcon หรือ outdentIcon ลดระยะเยื้อง
16. หากต้องการลบการจัดแต่งทรงผมที่ใช้กับข้อความให้คลิremoveTextStyle ไอคอน removeTextStyle ล้างสไตล์
17. หากต้องการเพิ่มการจัดรูปแบบเพิ่มเติมให้คลิกเมนูแบบเลื่อนลงเพิ่มเติมและเลือกขีดstrike superscript ขีดฆ่าตัวยกตัวsubscript หรือไอคอนตัวห้อย
18. หากต้องการจัดรูปแบบข้อความเป็นรหัสให้คลิกเมนูแบบเลื่อนลงเพิ่มเติมและเลือกไอคอนรูปแบบ code
19. เมื่อเสร็จแล้วให้คลิกอัพเดทหรือเผยแพร่เพื่อแสดงการเปลี่ยนแปลงของคุณ

เพิ่มองค์ประกอบลงในโมดูลข้อความแบบสมบูรณ์

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

   • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
   • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
   • บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
   • ฐานความรู้: ในบัญชี HubSpot ของคุณ ไปที่บริการ > ฐานความรู้
2. คลิกที่ชื่อเนื้อหาของคุณ
3. ในตัวแก้ไขเนื้อหาให้คลิกโมดูลข้อความ rich เพื่อเปิดใช้งานแถบเครื่องมือ rich text ที่ด้านบนของตัวแก้ไข นอกจากนี้คุณยังสามารถคลิกโมดูลข้อความที่สมบูรณ์จากนั้นในตัวแก้ไขแถบด้านข้างให้คลิกแก้ไขในมุมมองแบบขยาย
4. หากต้องการแทรกลิงก์ให้ไฮไลต์ข้อความจากนั้นคลิกไอคอนแทรก link เรียนรู้เพิ่มเติมเกี่ยวกับการทำงานกับลิงก์ใน HubSpot
5. หากต้องการแทรกรูปภาพให้คลิinsertImage ไอคอนแทรกรูปภาพ ดูข้อมูลเพิ่มเติมเกี่ยวกับการทำงานกับรูปภาพใน HubSpot
6. หากต้องการแทรกอีโมemoji ให้คลิกไอคอนแทรกอีโมจิ
7. หากต้องการแทรกคำกระตุ้นการตัดสินใจให้คลิกเมนูแบบเลื่อนลงแทรกแล้วเลือก cta คำกระตุ้นการตัดสินใจ ดูข้อมูลเพิ่มเติมเกี่ยวกับการทำงานกับคำกระตุ้นการตัดสินใจใน HubSpot
8. หากต้องการแทรกโค้ดฝังให้คลิกเมนูแบบเลื่อนลงแทรกจากนั้นเลือก ฝัง ดูข้อมูลเพิ่มเติมเกี่ยวกับการฝังเนื้อหาใน HubSpot
9. หากต้องการแทรกวิดีโอให้คลิกเมนูแบบเลื่อนลงแทรกแล้วเลื่อนเมาส์ไปที่วิดีโอแล้วเลือกวิดีโอ HubSpot หรือวิดีโอภายนอก ดูข้อมูลเพิ่มเติมเกี่ยวกับการทำงานกับวิดีโอใน HubSpot
10. หากต้องการแทรกตารางให้คลิกเมนูแบบเลื่อนลงแทรกจากนั้นเลื่อนเมาส์ไปที่ตารางแล้วเลือกขนาดของตารางของคุณ เรียนรู้เพิ่มเติมเกี่ยวกับการทำงานกับตารางใน HubSpot
11. หากต้องการแทรกอักขระพิเศษให้คลิกเมนูแบบเลื่อนลงแทรกจากนั้นเลือกอักขระพิเศษ ในกล่องป๊อปอัปให้คลิกอักขระพิเศษ
12. หากต้องการแทรกไอคอนให้คลิกเมนูแบบเลื่อนลงแทรกจากนั้นเลือกไอคอน ในกล่องป๊อปอัปให้คลิกไอคอน ดูข้อมูลเพิ่มเติมเกี่ยวกับการทำงานกับไอคอนใน HubSpot
13. หากต้องการแทรกลิงก์ Anchor ให้คลิกเมนูแบบเลื่อนลง Insert จากนั้นเลือก Anchor เรียนรู้เพิ่มเติมเกี่ยวกับการทำงานกับลิงก์ anchor ใน HubSpot
14. หากต้องการแทรกเส้นแนวนอนให้คลิกเมนูแบบเลื่อนลงแทรกแล้วเลือกเส้นแนวนอน
15. หากต้องการแทรกพื้นที่ที่ไม่แตกหักให้คลิกเมนูแบบเลื่อนลงแทรกแล้วเลือกพื้นที่ที่ไม่แตกหัก

16. หากต้องการแทรกโทเค็นการปรับแต่งส่วนบุคคลให้คลิกปรับแต่งส่วนบุคคล
    • ในกล่องป๊อปอัปให้คลิกเมนูแบบเลื่อนลงประเภทและเลือกประเภทโทเค็น
    • คลิกเมนูดรอปดาวน์โทเค็นและเลือก โทเค็น เรียนรู้เพิ่มเติมเกี่ยวกับการทำงานกับโทเค็นการปรับแต่งส่วนบุคคลใน HubSpot
17. เมื่อเสร็จแล้วให้คลิกอัพเดทหรือเผยแพร่เพื่อแสดงการเปลี่ยนแปลงของคุณ

ใช้ฟีเจอร์การแก้ไขขั้นสูงในโมดูลข้อความแบบสมบูรณ์

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

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

4. ในการเข้าถึงซอร์สโค้ดของโมดูลให้คลิกเมนูแบบเลื่อนลงขั้นสูงและเลือกซอร์สโค้ด ในกล่องโต้ตอบให้แก้ไขซอร์สโค้ดจากนั้นคลิกบันทึกการเปลี่ยนแปลง

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

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