แก้ไขเนื้อหาในตัวแก้ไขเนื้อหา

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

เพิ่มและแก้ไขโมดูล

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

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

   • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
   • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
2. คลิกที่ชื่อของหน้า 
3. ในเครื่องมือแก้ไขเนื้อหาให้คลิกไอคอนadd เพิ่มในแถบด้านซ้าย
4. คลิกเพื่อขยายหมวดหมู่โมดูลจากนั้นคลิกโมดูลและลากไปยังตำแหน่งในเนื้อหาของคุณ หากต้องการค้นหาโมดูลให้ป้อนชื่อของโมดูลในช่องค้นหา  
5. หากต้องการปรับความกว้างของโมดูลให้คลิกตัวแบ่งแนวตั้งระหว่างคอลัมน์และลากไปยังตำแหน่ง
6. หากต้องการแก้ไขโมดูลให้คลิกโมดูลในเนื้อหาของคุณ 
7. หากต้องการเพิ่มสำเนาโมดูลลงในเนื้อหาของคุณให้เลื่อนเมาส์ไปที่โมดูลแล้วคลิกclonduplicate c clone
8. ในการลบโมดูลออกจากเนื้อหาของคุณให้เลื่อนเมาส์ไปที่โมดูลแล้วคลิกไอคอนdelete โมดูล  

ใช้ส่วน

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

โปรดทราบ: บันทึกส่วนที่นำกลับมาใช้ใหม่ได้ไม่เกิน 50 ส่วนในครั้งเดียว หากต้องการบันทึกส่วนที่นำกลับมาใช้ใหม่ได้ให้ลบส่วนที่นำกลับมาใช้ใหม่ได้ที่มีอยู่ 

สร้างส่วน

คุณสามารถสร้างส่วนได้โดยเลือกเค้าโครงจากนั้นเพิ่มโมดูลเข้าไป 

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

   • หน้าเว็บไซต์: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าเว็บไซต์
   • หน้า Landing Page: ในบัญชี HubSpot ของคุณ ไปที่ เนื้อหา > หน้าแลนดิ้ง
2. คลิกที่ชื่อของหน้า 
3. ในเครื่องมือแก้ไขเนื้อหาให้เลื่อนเมาส์ไปที่เนื้อหาของคุณแล้วคลิกส่วน + เพิ่ม
4. ในกล่องโต้ตอบให้คลิกเค้าโครงว่างในเมนูและคลิกเพื่อเลือก เค้าโครง
5. ในเครื่องมือแก้ไขเนื้อหาให้คลิกไอคอนadd เพิ่มในแถบด้านซ้าย 
6. คลิกเพื่อขยายหมวดหมู่โมดูลจากนั้นคลิกโมดูลและลากไปยังตำแหน่งภายในส่วน ทำซ้ำสำหรับแต่ละโมดูลในส่วน 
7. เมื่อคุณเพิ่มโมดูลลงในส่วนเสร็จแล้วให้เลื่อนเมาส์ไปที่ส่วนแล้วคลิdownCarat ไอคอน downCarat down จากนั้นเลือกบันทึกส่วน 
8. ในกล่องโต้ตอบให้ป้อนชื่อและคำอธิบายสำหรับส่วนของคุณจากนั้นคลิก บันทึก 

โปรดทราบ: ส่วนของหน้าเว็บที่มีอยู่และส่วนที่สร้างขึ้นโดยไม่มีเค้าโครงสามารถบันทึกเป็นส่วนที่นำกลับมาใช้ใหม่ได้ 

เพิ่มหรือลบส่วน

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

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

โปรดทราบ: การเพิ่มส่วนที่บันทึกไว้ซึ่งมีกฎ SMART จะใช้กฎเหล่านั้นกับส่วนที่เพิ่มใหม่ ส่วนเหล่านี้จะถูกระบุว่าเป็น Smart 

5. หากต้องการลบส่วนใดส่วนหนึ่งออกจากเนื้อหาของคุณให้เลื่อนเมาส์ไปที่ส่วนนั้นแล้วคลิกไอคอน deleteการลบ นอกจากนี้คุณยังสามารถคลิกsiteTreeIconไอคอนเนื้อหา siteTreeIcon จากนั้นเลื่อนเมาส์ไปที่ส่วนคลิกellipsesIcon ไอคอน ellipsesIcon ellipses แล้วเลือก Delete
6. หากต้องการลบส่วนจากส่วนที่บันทึกไว้ให้วางเมาส์เหนือเนื้อหาแล้วคลิก + เพิ่มส่วน จากนั้นคลิกส่วนที่บันทึกไว้ในเมนูด้านซ้ายและคลิกไอคอน deleteลบบนการ์ดส่วนที่บันทึกไว้ที่เกี่ยวข้อง ในกล่องโต้ตอบให้คลิกลบ

เนื้อหาสไตล์ 

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

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

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

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

6. วิธีตั้งค่าระยะห่างและระยะขอบ:
   • คลิกเพื่อขยายส่วนการจัดตำแหน่งและระยะห่างจากนั้นคลิกช่องว่างหรือระยะ ขอบ

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

7. หากต้องการตั้งค่าพื้นหลังขององค์ประกอบให้คลิกเพื่อขยายส่วนพื้นหลังจากนั้นเลือกตัวเลือก:
   • ไม่มี: ลบสีพื้นหลังหรือภาพใดๆ
   • สี: ตั้งค่าสีเดียวเป็นพื้นหลัง ป้อนค่า hex หรือคลิกตัวเลือก  c olor และเลือกสีจากนั้นป้อนค่าความโปร่งใส 
   • รูปภาพ: ตั้งค่ารูปภาพเป็นพื้นหลัง คลิกอัปโหลดเพื่อเพิ่มภาพจากคอมพิวเตอร์ของคุณหรือคลิกเรียกดูภาพเพื่อเลือกภาพจากไฟล์ของคุณ 
   • ไล่ระดับสี: ตั้งค่าสองสีให้จางลงพร้อมกันเป็นพื้นหลัง คลิกเมนูแบบเลื่อนลงทิศทางและเลือกทิศทางการไล่ระดับสี สำหรับแต่ละสีให้ป้อนค่า hex หรือคลิกตัวเลือก  c olor และเลือกสีจากนั้นป้อนค่าความโปร่งใส

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

จัดการเนื้อหาของคุณ

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

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

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

5. วิธีแก้ไขเปลี่ยนชื่อโคลนลบและซ่อนองค์ประกอบของหน้า:
   • หากต้องการแก้ไของค์ประกอบให้คลิกที่ชื่อองค์ประกอบ 
   • หากต้องการเปลี่ยนชื่อองค์ประกอบให้คลิ กไอคอนellipsesถัดจากชื่อแล้วเลือกเปลี่ยนชื่อ [องค์ประกอบ] ในกล่องโต้ตอบให้ป้อนชื่อสำหรับองค์ประกอบจากนั้นคลิกบันทึก 
   • หากต้องการโคลนองค์ประกอบให้คลิกไอคอนellipses วงรีถัดจากชื่อจากนั้นเลือก โคลน การดำเนินการนี้จะสร้างสำเนาที่แน่นอนขององค์ประกอบดั้งเดิมที่อยู่ถัดจากองค์ประกอบนั้น 
   • หากต้องการลบองค์ประกอบให้คลิกไอคอนellipses วงรีถัดจากชื่อแล้วเลือก ลบ 
   • หากต้องการซ่อนโมดูลให้คลิกไอคอนhide ซ่อน การดำเนินการนี้จะซ่อนโมดูลในตัวอย่างเนื้อหาแต่ไม่ใช่ในตัวแก้ไขแถบด้านข้าง หากต้องการแสดงโมดูลที่ซ่อนอยู่บนหน้าเว็บให้คลิกไอคอนแสดงการกระจาย view disp