ใช้เลย์เอาต์แบบสองและสามคอลัมน์

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

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

   เลย์เอาต์จะไฮไลต์ด้วยขอบหนาและแบนเนอร์ที่แสดงข้อความ เพิ่มรายการ
   
   คำอธิบายภาพ GUID-01FF01BB-7DB2-47CE-BEC2-EF46C1A8056F-default.png
   

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

   ต่อไปนี้คือเลย์เอาต์สองคอลัมน์ที่มีองค์ประกอบรูปภาพเป็นตัวจองพื้นที่:

   
   
   คำอธิบายภาพ GUID-E47530CF-CB6F-4E41-ADC2-8BE0DE42F4CA-default.png
   

   ถ้าคุณเพิ่มรายการอื่น รายการนั้นจะแสดงในแถวเพิ่มเติม โดยแต่ละแถวสามารถมีรายการได้สูงสุด 2 รายการ

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

   • ความกว้างของคอลัมน์แรก (%): ระบุความกว้างคอลัมน์เป็นเปอร์เซ็นต์ของพื้นที่ที่ใช้ได้กับเลย์เอาต์

   • ความกว้างของคอลัมน์ที่สอง (%): ระบุความกว้างคอลัมน์เป็นเปอร์เซ็นต์ของพื้นที่ที่ใช้ได้กับเลย์เอาต์

   • ความกว้างของคอลัมน์ที่สาม (%): ระบุความกว้างคอลัมน์เป็นเปอร์เซ็นต์ของพื้นที่ที่ใช้ได้กับเลย์เอาต์

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

   • การทำงานแบบโต้ตอบ: เลือกการเปลี่ยนเลย์เอาต์เมื่อขนาดการแสดงผลที่มีอยู่เล็กกว่าค่า จุดพักแบบโต้ตอบ

     • ไม่ดำเนินการ: ไม่ปรับการทำงานของเลย์เอาต์

     • กองซ้อนคอลัมน์: จัดเรียงรายการจากบนลงล่างในคอลัมน์เดียวซึ่งมีรายการทั้งหมดจากคอลัมน์ 1 ตามด้วยรายการจากคอลัมน์ 2 เป็นต้น

     • ซ่อนคอลัมน์แรก: ซ่อนเนื้อหาในคอลัมน์แรกเพื่อให้มีพื้นที่เพิ่มขึ้นสำหรับคอลัมน์ที่เหลือ

     • ซ่อนคอลัมน์ที่สอง: ซ่อนเนื้อหาในคอลัมน์ที่สองเพื่อให้มีพื้นที่เพิ่มขึ้นสำหรับคอลัมน์ที่เหลือ

     • ซ่อนคอลัมน์ที่สาม: ซ่อนเนื้อหาในคอลัมน์ที่สามเพื่อให้มีพื้นที่เพิ่มขึ้นสำหรับคอลัมน์ที่เหลือ

     • ซ่อนทั้งสองคอลัมน์: ซ่อนเนื้อหาทั้งหมดในเลย์เอาต์

     • ย้ายคอลัมน์ที่สองไว้ใต้คอลัมน์แรก: จัดเรียงรายการเป็นคอลัมน์เดียวที่มีรายการทั้งหมดจากคอลัมน์หนึ่งตามด้วยรายการทั้งหมดจากคอลัมน์สอง

     • ย้ายคอลัมน์แรกไว้ใต้คอลัมน์ที่สอง: จัดเรียงรายการเป็นคอลัมน์เดียวที่มีรายการทั้งหมดจากคอลัมน์สองตามด้วยรายการทั้งหมดจากคอลัมน์หนึ่ง