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

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

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

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

ผลิตภัณฑ์และแพ็กเกจทั้งหมด

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

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

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

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

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

  • หากต้องการปรับความกว้างของโมดูลให้คลิกตัวแบ่งแนวตั้งระหว่างคอลัมน์และลากไปยังตำแหน่ง
  • หากต้องการแก้ไขโมดูลให้คลิกโมดูลในเนื้อหาของคุณ 
  • หากต้องการเพิ่มสำเนาโมดูลลงในเนื้อหาของคุณให้เลื่อนเมาส์ไปที่โมดูลแล้วคลิclonduplicate c clone
  • หากต้องการลบโมดูลออกจากเนื้อหาของคุณให้เลื่อนเมาส์ไปที่โมดูลแล้วคลิกไอคอนลบ  delete d 

ใช้ส่วน

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

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

สร้างส่วน

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

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

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

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

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


  • ในกล่องโต้ตอบให้ป้อนชื่อและคำอธิบายสำหรับส่วนของคุณจากนั้นคลิก บันทึก 

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

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

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

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

  • หากต้องการลบส่วนจากส่วนที่บันทึกไว้ให้วางเมาส์เหนือส่วนนั้นแล้วคลิกไอคอน deleteการลบ ในกล่องโต้ตอบให้คลิกลบ 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

บทความนี้มีประโยชน์หรือไม่
แบบฟอร์มนี้ใช้สำหรับคำติชมเอกสารเท่านั้น เรียนรู้วิธีขอความช่วยเหลือจาก HubSpot