เพิ่ม ย้าย และปรับขนาดบล็อก

เพิ่มบล็อกลงในหน้าโดยลากหรือคลิก จากนั้นย้าย ปรับขนาด ทำสำเนา และลบบล็อกบนกริดสิบสองคอลัมน์

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

การจัดวางบล็อก

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

บล็อกอยู่ภายใน ส่วนต่าง ๆ หน้าต้องมีอย่างน้อยหนึ่งส่วนก่อนที่คุณจะเพิ่มบล็อกได้

เพิ่มบล็อก

คุณเพิ่มบล็อกได้สองวิธี

ลากไปวางบนหน้า

  1. ในแผงบล็อกทางด้านซ้าย หาบล็อกที่ต้องการ กลุ่มต่าง ๆ ได้แก่ พื้นฐาน สื่อ เลย์เอาต์ ร้านค้า การตลาด และ เมนูและแบบฟอร์ม
  2. กดค้างที่บล็อก แล้วลากไปวางบนหน้า
  3. เลื่อนตัวชี้ไปบนส่วนหนึ่ง คอลัมน์สีจาง ๆ จะปรากฏขึ้น และกล่องสีน้ำเงินจะแสดงตำแหน่งและขนาดที่บล็อกจะอยู่
    บล็อกข้อความกำลังถูกลากจากแผงบล็อกไปยังส่วนว่างหนึ่งส่วน พร้อมกริดสิบสองคอลัมน์ และกล่องวางสีน้ำเงินแสดงตำแหน่งที่บล็อกจะลงไป
  4. ปล่อยปุ่มเมาส์ บล็อกจะปรากฏในกล่องและถูกเลือกไว้ การตั้งค่าของบล็อกจะเปิดทางด้านขวา
หมายเหตุ: วางบล็อกลงบนพื้นที่ว่าง หากคุณวางทับตำแหน่งที่บล็อกอื่นใช้อยู่ สองบล็อกจะซ้อนทับกัน กด Ctrl + Z เพื่อเลิกทำ หรือลากบล็อกใหม่ไปไว้ที่อื่น

คลิกเพื่อเพิ่ม

คลิกบล็อกในแผงบล็อกเพื่อเพิ่มไปไว้ด้านล่างสุดของส่วนที่คุณเลือกไว้ หากไม่ได้เลือกส่วนใด บล็อกจะไปอยู่ในส่วนสุดท้ายของหน้า วิธีนี้เป็นวิธีที่เร็วที่สุดในการสร้างหน้าจากบนลงล่าง

เลือกบล็อก

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

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

ย้ายบล็อก

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

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

ปรับขนาดบล็อก

  1. คลิกบล็อกเพื่อเลือก
  2. ลากจุดจับที่ขอบขวาเพื่อเปลี่ยนจำนวนคอลัมน์ที่กว้าง ลากจุดจับที่ขอบล่างเพื่อเปลี่ยนจำนวนแถวที่สูง
    บล็อกข้อความกำลังถูกขยายความกว้างโดยลากขอบขวา มีคอลัมน์ของกริดแสดงอยู่ด้านหลัง
  3. ปล่อยปุ่มเมาส์

กำหนดขนาดและตำแหน่งด้วยตัวเลข

หากต้องการควบคุมอย่างแม่นยำ ให้ใช้แผงการตั้งค่าแทนการลาก

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

กลุ่มเดียวกันนี้มีตัวเลือกเพิ่มเติม ดังนี้

  • เต็มความกว้าง ขยายบล็อกให้เต็มทุกคอลัมน์ของส่วนที่บรรจุบล็อกนั้น
  • ซ่อนบล็อกนี้ ซ่อนบล็อก ในมุมมองแท็บเล็ตและมือถือ สวิตช์นี้ซ่อนบล็อกเฉพาะขนาดหน้าจอนั้น ดู ทำให้เว็บไซต์แสดงผลถูกต้องบนโทรศัพท์และแท็บเล็ต
  • เหมือนกันทุกหน้าจอ คงเลย์เอาต์เดียวสำหรับบล็อกนั้นบนเดสก์ท็อป แท็บเล็ต และโทรศัพท์
  • ปรับละเอียด มีแถบเลื่อน การหมุน ขยับในแนวนอน และ ขยับลง แถบเลื่อนเหล่านี้เอียงหรือเลื่อนบล็อกในเชิงภาพโดยไม่เปลี่ยนตำแหน่งในกริด ดังนั้นสิ่งรอบข้างจะไม่ขยับ เครื่องหมาย x เล็ก ๆ ข้างแถบเลื่อนจะรีเซ็ตค่าเป็นศูนย์ คุณยังหมุนได้โดยลากปุ่ม หมุน ในแถบเครื่องมือของบล็อกรอบบล็อก ซึ่งจะเกาะให้ตรงเมื่อปล่อย และหากกด Shift ค้างไว้ จะหมุนเป็นขั้นละ 15 องศา
เคล็ดลับ: คุณยังย้ายบล็อกที่ถูกเลือกด้วยคีย์บอร์ดได้ Ctrl + ปุ่มลูกศร จะย้ายบล็อกหนึ่งช่องของกริด และ Ctrl + Shift + ปุ่มลูกศร จะทำให้บล็อกกว้างขึ้นหรือสูงขึ้นหนึ่งช่อง ดู ภาพรวมของตัวแก้ไข เพื่อดูทางลัดทั้งหมด

ทำสำเนาหรือลบบล็อก

  • หากต้องการทำสำเนา ให้เลือกบล็อกแล้วคลิก ทำสำเนา ในแถบเครื่องมือของบล็อก หรือกด Ctrl + D สำเนาจะปรากฏต่อจากต้นฉบับทันที
  • หากต้องการลบ ให้เลือกบล็อกแล้วคลิก ลบ ในแถบเครื่องมือของบล็อก หรือกด Delete คุณยังเปิด จัดการ ในแผงการตั้งค่า แล้วคลิก ทำสำเนา หรือ ลบ ที่นั่นก็ได้

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

บทความที่เกี่ยวข้อง

Last updated 2026-10-16