ใช้เนื้อหาส่วนกลางในหลายเทมเพลต

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

สามารถสร้างและแก้ไขเนื้อหาส่วนกลางได้ในตัวจัดการการออกแบบและแก้ไขจากตัวแก้ไขเนื้อหา 

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

ก่อนที่จะใช้เนื้อหาส่วนกลางในเทมเพลตต่างๆให้ตรวจสอบข้อกำหนดและข้อจำกัดต่อไปนี้

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

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

สร้างเนื้อหาส่วนกลางในตัวจัดการการออกแบบ

เนื้อหาส่วนกลางสามารถสร้างเป็นโมดูลใหม่หรือแปลงจากโมดูลหรือกลุ่มที่มีอยู่

สร้างโมดูลส่วนรวม

1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
2. ในตัวค้นหาให้คลิกเมนูแบบเลื่อนลงไฟล์แล้วเลือกไฟล์ใหม่
3. ในกล่องโต้ตอบให้คลิกเมนูแบบเลื่อนลงวันนี้คุณต้องการสร้างอะไรแล้วเลือกโมดูลจากนั้นคลิกถัดไป
4. ในส่วนคุณต้องการใช้โมดูลนี้ที่ไหนให้เลือกช่องทำเครื่องหมายถัดจากเนื้อหาแต่ละประเภทที่จะใช้โมดูลส่วนรวมนี้ โมดูลทั่วโลกที่ใช้สำหรับอีเมลต้องไม่มี CSS หรือ Javascript
5. ในส่วนขอบเขตเนื้อหาของโมดูลให้เลือกโมดูลส่วนรวม
6. ป้อนชื่อไฟล์แล้วคลิก สร้าง
7. ในตัวแก้ไขโมดูลให้แก้ไขโมดูลต่อไป

แปลงโมดูลหรือกลุ่มในเครื่องที่มีอยู่

1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
2. ในตัวค้นหาให้คลิกเทมเพลตเพื่อแก้ไขเนื้อหา
3. หากคุณกำลังสร้างกลุ่มส่วนกลางคุณสามารถแก้ไขตัวเลือกของโมดูลต่างๆได้ กดปุ่มควบคุม/คำสั่งคลิกโมดูลที่คุณต้องการจัดกลุ่มจากนั้นคลิกไอgroupModuleกลุ่มโมดูลในตัวตรวจสอบ
4. คลิกโม ดูลหรือกลุ่มโมดูลเพื่อเลือกในตัวแก้ไขเค้าโครง
5. ในผู้ตรวจสอบให้คลิกเมนูแบบเลื่อนลงเพิ่มเติมแล้วเลือกแปลงเป็นโมดูล/กลุ่มส่วนกลาง

เพิ่มโมดูลหรือกลุ่มส่วนกลางลงในเทมเพลตการลากและวาง

1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
2. ในตัวค้นหาให้คลิกเทมเพลตลากและวางเพื่อแก้ไขเนื้อหา
3. ในผู้ตรวจสอบให้คลิก + เพิ่ม
4. ป้อนข้อความในช่องค้นหาหรือคลิกเมนูตัวกรองตามหมวดหมู่หรือแท็กแบบเลื่อนลงเพื่อค้นหาโมดูล/กลุ่มส่วนกลางของคุณ
5. คลิกโมดูล/กลุ่มส่วนกลางของคุณแล้วลากลงในเลย์เอาต์เทมเพลต
6. เมื่อเสร็จแล้วให้คลิกเผยแพร่ที่ด้านบนขวา

ใช้เนื้อหาส่วนกลางในเทมเพลตรหัส

เทมเพลตที่เข้ารหัสจะไม่มีตัวเลือกแปลงเป็นโมดูล/กลุ่มส่วนกลาง แต่ต้องสร้างและอ้างอิงโมดูลทั่วโลกด้วยตนเอง

1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
2. ในตัวค้นหาให้คลิกเมนูแบบเลื่อนลงไฟล์แล้วเลือกไฟล์ใหม่
3. ในกล่องโต้ตอบให้คลิกเมนูแบบเลื่อนลงวันนี้คุณต้องการสร้างอะไรแล้วเลือกโมดูลจากนั้นคลิกถัดไป
4. ในส่วนขอบเขตเนื้อหาของโมดูลให้เลือกโมดูลส่วนรวม
5. ป้อนชื่อไฟล์จากนั้นคลิก สร้าง
6. สร้างฟิลด์ที่จำเป็นเพื่อให้ตรงกับโมดูลดั้งเดิม 
7. คัดลอกข้อมูลโค้ด HubL ของโมดูล 
8. วางข้อมูลโค้ด HubL ในเทมเพลตรหัสของคุณเพื่ออ้างอิงโมดูลทั่วโลก
9. เมื่อเสร็จแล้วให้คลิกเผยแพร่ที่ด้านบนขวา

โปรดทราบ: นักพัฒนาสามารถทำซ้ำโมดูลและตั้งค่า "global": trueในไฟล์ meta.json ของโมดูลที่ซ้ำกันผ่าน CLI ก่อนที่จะอัปเดตเทมเพลตเพื่อใช้งาน ดูข้อมูลเพิ่มเติมในเอกสารสำหรับนักพัฒนาซอฟต์แวร์

แก้ไขเนื้อหาส่วนกลางในเครื่องมือแก้ไขเนื้อหา

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

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

   • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
   • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
   • บล็อก: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > บล็อก
2. คลิกที่ชื่อเนื้อหาของคุณ
3. ในเครื่องมือแก้ไขเนื้อหาให้คลิกsiteTreeIcon คอน เนื้อหา siteTreeIcon แล้วคลิกglobalGroupไอคอนเนื้อหาส่วนกลางของ globalGroup สำหรับโมดูลส่วนรวม
4. ในกล่องโต้ตอบให้คลิกเปิดในตัวแก้ไขเนื้อหาส่วนกลาง
5. ในเครื่องมือแก้ไขเนื้อหาส่วนกลางให้คลิsiteTreeIcon ไอคอน เนื้อหา siteTreeIcon และใช้เครื่องมือลากและวางเพื่อแก้ไขโมดูลในกลุ่มส่วนกลาง
6. หากก่อนหน้านี้คุณยังไม่ได้เพิ่มโลโก้คุณสามารถเพิ่มโลโก้ลงในส่วนหัวส่วนกลางของคุณได้ในโมดูลโลโก้ เรียนรู้เพิ่มเติมเกี่ยวกับการกำหนดค่าการสร้างแบรนด์ของคุณ หากต้องการเพิ่มโลโก้ให้คลิกโมดูลโลโก้แล้วคลิกการตั้งค่าแบรนด์
   • ในกล่องโต้ตอบให้คลิก เพิ่ม
   • คลิกอัปโหลดเพื่ออัปโหลดภาพจากคอมพิวเตอร์ของคุณหรือคลิกเรียกดูภาพเพื่อเลือกภาพจากเครื่องมือไฟล์
   • ป้อนข้อความเพื่อตั้งชื่อโลโก้ในช่องชื่อโลโก้
   • ป้อนข้อความสำหรับฟิลด์ Logo alt text และ Logo URL
   • เมื่อเสร็จแล้วให้คลิก บันทึก จากนั้นคลิกเผยแพร่ไปยัง [#] assets
7. หากต้องการแก้ไขเมนูนำทางให้คลิกโมดูล ในตัวแก้ไขแถบด้านข้างคลิกแก้ไขสำหรับเมนู ในกล่องโต้ตอบให้ดำเนินการต่อเพื่อปรับแต่งเมนูนำทาง
8. หากต้องการดูตัวอย่างเนื้อหาส่วนกลางในหน้าหรือโพสต์ที่มีอยู่ให้คลิกเมนูแบบเลื่อนลงมุมมองในด้านบนซ้ายและเลือกหน้าหรือโพสต์ที่มีการแสดงเนื้อหาส่วนกลาง หากต้องการดูเนื้อหาส่วนกลางด้วยตัวเองให้เลือกกลุ่มเท่านั้น
9. หากต้องการสร้างเนื้อหาส่วนกลางหลายภาษาให้คลิกเมนูแบบเลื่อนลงภาษาที่ด้านบนซ้ายและเลือกเพิ่ม/แก้ไขรูปแบบหลายภาษา ดูข้อมูลเพิ่มเติมเกี่ยวกับการสร้างเนื้อหาทั่วโลกหลายภาษา

10. เมื่อเสร็จแล้วให้คลิกเผยแพร่ไปยัง [#] assets ที่ด้านบนขวา การเปลี่ยนแปลงเหล่านี้จะนำไปใช้กับหน้าและโพสต์ทั้งหมดโดยใช้เทมเพลตที่มีเนื้อหาส่วนกลาง

แก้ไขเนื้อหาส่วนกลางในตัวจัดการการออกแบบ

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

1. ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > ตัวจัดการการออกแบบ
2. ในตัวค้นหาให้คลิกเทมเพลตเพื่อแก้ไขเนื้อหา
3. หากต้องการแก้ไขเนื้อหาของโมดูลหรือกลุ่มส่วนกลางสำหรับหน้าเว็บบล็อกโพสต์หรืออีเมลที่เฉพาะเจาะจงคุณสามารถทำสำเนาเนื้อหาส่วนกลางในท้องถิ่นเพื่อแก้ไขในตัวจัดการการออกแบบได้
4. หากต้องการแก้ไขกลุ่มส่วนกลางในตัวแก้ไขเค้าโครงให้คลิกกลุ่มส่วนกลางในเทมเพลตของคุณ จากนั้นในผู้ตรวจสอบให้คลิกเมนูแบบเลื่อนลงเพิ่มเติมและเลือกแก้ไขกลุ่มส่วนกลาง 

5. เมื่อเสร็จแล้วให้คลิกเผยแพร่การเปลี่ยนแปลง