นอกจากการจัดเรียงเนื้อหาให้เรียบร้อยและมีโครงสร้างแล้ว ควรดูน่าสนใจทางสายตาด้วย ประสบการณ์หน้า Modern ใน SharePoint ให้ประสบการณ์นี้ ในบทความวันนี้ เราจะเรียนรู้วิธีเพิ่ม Section และ Column ให้กับ SharePoint Modern Page
เพิ่ม Section และ Column บน SharePoint Modern Page
คุณสามารถเลือกปรับแต่ง SharePoint Modern Page ได้ดังนี้:
- เพิ่ม Section พร้อม Column ให้กับหน้า
- เพิ่ม Vertical Section
- เปลี่ยน Section ที่มีอยู่
- เพิ่มเนื้อหาให้กับ Column
ตอนนี้ เราจะดำเนินการสร้างเนื้อหาที่น่าสนใจโดยการจัดระเบียบเลย์เอาต์และเพิ่ม Section พร้อม Column บนหน้า SharePoint Modern
1. เพิ่ม Section พร้อม Column ให้กับหน้า
ไปที่หน้าที่คุณต้องการวางหรือเพิ่ม Column
เลือกตัวเลือก Edit ที่มุมขวาบนของหน้า
ตอนนี้ วางเมาส์ด้านล่างพื้นที่หัวข้อของหน้า หรือเหนือหรือใต้ Web Part ที่มีอยู่ เส้นพร้อม + ในวงกลมควรโผล่ขึ้นมาและแสดงตัวเลือกต่อไปนี้ – Add a new section
คลิกวงกลม จากนั้น ภายใต้ Section layout ให้เลือกจำนวน Column ที่คุณต้องการ หรือหากคุณอยู่บนหน้าที่เป็นส่วนของ Communication site ให้เลือก Full-width column เพื่อครอบคลุมทั้งหน้า
2. เพิ่ม Vertical Section
ไปที่หน้าที่คุณต้องการเพิ่ม Vertical Section
เลื่อนเคอร์เซอร์เมาส์ด้านล่างพื้นที่หัวข้อของหน้าไปทางซ้ายสุด หรือเหนือหรือใต้ Web Part ที่มีอยู่ เหมือนเดิม ให้เลือก Add a new section
คลิกวงกลม และจาก Section layout ให้เลือก Vertical section
โปรดทราบว่า Vertical sections ปัจจุบันมีให้เฉพาะด้านขวาของหน้า ความยาวจะปรับตามเนื้อหาบนหน้า ขยายหรือหดตัวตามความยาวของเนื้อหาใน Section ที่ไม่ใช่ Vertical
อีกทั้ง ในหน้าต่างเบราว์เซอร์ที่แคบ Vertical section จะถูกย้ายไปด้านล่างของหน้า เมื่อคุณเลือกปรับแต่ง (ขยายขนาดหน้าต่าง) Vertical section จะกลับมาทางขวาของหน้า สิ่งนี้อาจเกิดขึ้นหากความกว้างหน้าจอน้อยกว่า 1024 พิกเซล ดังนั้น ควรปรับการตั้งค่าการแสดงผลภายใต้ Scale and layout ตัวอย่างเช่น ในเมนูแบบเลื่อนลงภายใต้ Change the size of text, apps, and other items ให้เลือกค่า 125% หรือต่ำกว่า
3. เปลี่ยน Section ที่มีอยู่
หากคุณต้องการรวมการเปลี่ยนแปลงบางอย่างใน Section ที่มีอยู่ ให้ไปที่หน้าที่คุณต้องการเปลี่ยนแปลง
หากคุณยังไม่ได้อยู่ในโหมด Edit ให้คลิก Edit ที่มุมขวาบนของหน้า
ที่นี่ คุณจะสังเกตว่าแต่ละ Section ของหน้าถูกทำเครื่องหมายด้วยเส้นประ เลือก Section ที่คุณต้องการเพิ่ม Column จากนั้นคลิก Edit section ด้านซ้ายของหน้า
ตอนนี้ ในกล่องเครื่องมือ Section ด้านขวา ให้เลือกจำนวนและประเภทของ Column ที่คุณต้องการ
หากคุณต้องการปรับแต่ง Section เพิ่มเติม เช่น ทำให้ Section ดูน่าสนใจทางสายตาหรือน่าดึงดูดมากขึ้น ให้เลือกสีพื้นหลัง Section สีที่มีอยู่ขึ้นอยู่กับธีมไซต์ของคุณ
เพื่อผลลัพธ์ที่ดีที่สุด แนะนำไม่ให้ใช้สีพื้นหลัง Section สำหรับ Section ที่มี Web Parts เหล่านี้
4. เพิ่มเนื้อหาให้กับ Column
หากคุณต้องการเพิ่มเนื้อหาของคุณให้กับ Column ตอนนี้ ตรวจสอบให้แน่ใจว่าคุณอยู่ในโหมด Edit
ต่อไป ไปที่ Column ที่คุณต้องการเพิ่มเนื้อหา วางเคอร์เซอร์เมาส์เหนือ Column และคลิกเครื่องหมาย + ในวงกลมที่ใช้เพื่อเพิ่ม Modern Web Part ให้กับหน้า
เลือก Web Part ที่คุณต้องการเพิ่มให้กับ Column จากนั้นเพิ่มเนื้อหาของคุณให้กับ Web Part
นอกจากนี้ ดูได้ว่า เมื่อคุณมีเนื้อหาใน 2 Column หรือมากกว่า และคุณเลือกตัดสั้น เช่น ลดจำนวน Column เนื้อหาใน Column ขวาสุดจะย้ายไปยัง Column ถัดไปทางซ้าย เช่นเดียวกัน เมื่อคุณลดเหลือเพียง 1 Column เนื้อหาใน Column ที่ 2 หรือ 3 จะย้ายไปด้านล่างของ Column แรก
(แหล่งรูปภาพ – Office.com)
ด้วยวิธีนี้ คุณสามารถเพิ่ม Section และ Column บน SharePoint Modern Page และทำให้มันดูมีระเบียบมากขึ้น
