นอกจากการจัดเรียงเนื้อหาอย่างเป็นระเบียบและจัดโครงสร้างแล้ว ควรดึงดูดสายตาด้วย ประสบการณ์หน้าสมัยใหม่ในSharePointนำเสนอประสบการณ์นี้ ในโพสต์ของวันนี้ เราจะมาเรียนรู้วิธีเพิ่มส่วนและคอลัมน์ในSharePoint Modern^{(SharePoint Modern Page)} Page

เพิ่ม^(Add)ส่วนและคอลัมน์บนSharePoint Modern Page

คุณสามารถเลือกปรับแต่งSharePoint Modern Pageได้ดังนี้:

1. เพิ่มส่วนที่มีคอลัมน์ในหน้า
2. เพิ่มส่วนแนวตั้ง
3. เปลี่ยนส่วนที่มีอยู่
4. เพิ่มเนื้อหาลงในคอลัมน์

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

1] เพิ่ม^(Add)ส่วนที่มีคอลัมน์ในหน้า

ไปที่หน้าที่คุณต้องการวางหรือเพิ่มคอลัมน์

เลือกตัวเลือก ' แก้ไข^(Edit) ' ที่มุมบนขวาของหน้า

ตอนนี้ ให้วางเมาส์ไว้ด้านล่างพื้นที่ชื่อเรื่องของหน้าหรือด้านบนหรือด้านล่างของ web part ที่มีอยู่ บรรทัดที่มีวงกลม + ควรปรากฏขึ้นและแสดงตัวเลือกต่อไปนี้ – ' เพิ่มส่วนใหม่^{(Add a new section)} '

คลิกวงกลม จากนั้น ภายใต้ ' เค้าโครงส่วน^{(Section layout)} ' ให้เลือกจำนวนคอลัมน์ที่คุณต้องการ หรือถ้าคุณอยู่ในหน้าที่เป็นส่วนหนึ่งของ ไซต์ การติดต่อสื่อสาร^{(Communication)}ให้เลือกคอลัมน์เต็มความกว้างเพื่อขยายทั้งหน้า

2] เพิ่มส่วนแนวตั้ง

ไปที่หน้าที่คุณต้องการเพิ่มส่วนแนวตั้ง

เลื่อนเคอร์เซอร์ของเมาส์ไปด้านล่างพื้นที่ชื่อเรื่องของหน้าไปทางซ้ายสุด หรือด้านบนหรือด้านล่างของ web part ที่มีอยู่ เช่นก่อนหน้านี้ เลือก ' เพิ่มส่วนใหม่^{(Add a new section)} '

คลิกวงกลมและจาก ' เค้าโครงส่วน^{(Section layout)} ' เลือก ' ส่วนแนวตั้ง^{(Vertical section)} '

โปรดทราบว่า ขณะนี้ส่วน แนวตั้ง^(Vertical)มีให้บริการที่ด้านขวาของหน้าเท่านั้น ความยาวจะถูกปรับตามเนื้อหาในหน้า ขยายหรือย่อตามความยาวของเนื้อหาในส่วนที่ไม่ใช่แนวตั้ง

ประการที่สอง ในหน้าต่างเบราว์เซอร์ที่แคบ ส่วนแนวตั้งจะถูกย้ายไปที่ด้านล่างของหน้า เมื่อคุณเลือกปรับแต่งส่วนนี้ (ขยายขนาดหน้าต่าง) ส่วนแนวตั้งจะกลับไปที่ด้านขวาของหน้า กรณีนี้อาจเกิดขึ้นได้หากความกว้างของหน้าจอน้อยกว่า 1024 พิกเซล ดังนั้นจึงแนะนำให้ปรับการตั้งค่าการแสดงผลภายใต้ ' มาตราส่วนและการจัดวาง^{(Scale and layout)} ' ตัวอย่างเช่น ในเมนูแบบเลื่อนลงภายใต้ ' เปลี่ยนขนาดของข้อความ แอป และรายการอื่นๆ^{(Change the size of text, apps, and other items)} ' ให้เลือกค่า 125% หรือต่ำกว่า

3] เปลี่ยนส่วนที่มีอยู่

หากคุณต้องการรวมการเปลี่ยนแปลงบางอย่างในส่วนที่มีอยู่ ไปที่หน้าที่คุณต้องการทำการเปลี่ยนแปลง

หากคุณไม่ได้อยู่ในโหมดแก้ไข ให้คลิก ' แก้ไข^(Edit) ' ที่ด้านบนขวาของหน้า

ที่นี่ คุณจะสังเกตเห็นว่าแต่ละส่วนของหน้ามีเส้นประ เลือกส่วนที่คุณต้องการเพิ่มคอลัมน์ จากนั้นคลิกแก้ไข^(Edit)ส่วนทางด้านซ้ายของหน้า

ตอนนี้ ใน กล่องเครื่องมือ ' ส่วน^(Section) ' ทางด้านขวา ให้เลือกจำนวนและประเภทของคอลัมน์ที่คุณต้องการ

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

เพื่อผลลัพธ์ที่ดีที่สุด ขอแนะนำไม่ให้ใช้สีพื้นหลังของส่วนสำหรับส่วนที่มี web part เหล่านี้

4] เพิ่มเนื้อหาลงในคอลัมน์

หากคุณต้องการเพิ่มเนื้อหาของคุณลงในคอลัมน์ในตอนนี้ ตรวจสอบให้แน่ใจว่าคุณอยู่ในโหมดแก้ไข^(Edit)

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

เลือก web part ที่คุณต้องการเพิ่มลงในคอลัมน์ แล้วเพิ่มเนื้อหาของคุณลงใน web part

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

(ที่มาของภาพ – Office.com)

วิธีนี้คุณสามารถเพิ่มส่วนและคอลัมน์ใน หน้า SharePointที่ทันสมัยและทำให้ดูมีระเบียบมากขึ้น

Add sections and columns on a SharePoint Modern Page

Apart from having content neatly arranged and structured, іt shоuld be visually appealing. Modern page experience in SharePoint offers this experienсe. In today’s post, we are gоing to learn how to add sections and colυmns to a SharePoint Modern Page.

Add sections & columns on a SharePoint Modern Page

You can choose to customize SharePoint Modern Page as follows:

1. Add a section with columns to a page
2. Add a vertical section
3. Change an existing section
4. Add content to a column.

Now, we shall proceed to create attractive content by organizing layouts and adding sections with columns on SharePoint modern pages.

1] Add a section with columns to a page

Go to the page where you would like to place or add columns.

Choose ‘Edit’ option, visible in the top right corner of the page.

Now, hover your mouse below the title area of the page or above or below an existing web part. A line with a circled + should popup and display the following option – ‘Add a new section’.

Click the circle. Then, under ‘Section layout’, select the number of columns you want. Alternatively, if you are on a page that is part of a Communication site, select a full-width column to span the entire page.

2] Add a vertical section

Go to the page where you would like to add a vertical section.

Move your mouse cursor below the title area of the page to the far left, or above or below an existing web part. As earlier, select ‘Add a new section.’

Click the circle and from ‘Section layout’, choose ‘Vertical section’.

Kindly note that Vertical sections are currently available only on the right side of the page. Its length is adjusted based on the content on the page, growing or shrinking with the length of content in non-vertical sections.

Secondly, in a narrow browser window, a vertical section will be moved to the bottom of the page. When you choose to customize this (expand the window size) the vertical section will return to the right side of the page. This can also happen if your screen width is less than 1024 pixels. So, it is advisable to adjust display settings under ‘Scale and layout’. For example, in the drop-down under ‘Change the size of text, apps, and other items’, select a value of 125% or lower.

3] Change an existing section

If you would like to incorporate certain changes in the existing section, go to the page where you would like to make changes.

If you’re not in edit mode already, click ‘Edit’ at the top right of the page.

Here, you will notice that each section of a page is marked with a dotted line. Select the section you want to add columns to, then click Edit section on the left side of the page.

Now, in the ‘Section’ toolbox on the right side, choose the number and type of columns you want.

If you would like to customize the section furthermore, i.e., make the section appear more visually appealing or more attractive, choose a section background color. The available colors are based on your site theme.

For the best results, it is recommended not to use a section background color for sections that contain these web parts.

4] Add content to a column

If you would like to add your content to the column now, make sure you’re in the Edit mode.

Next, go to the column where you want to add content. Hover your mouse cursor over the column and click Circled plus sign used to add a modern web part to a page.

Select the web part you want to add to the column, and then add your content to the web part.

Also see, when you have content in two or more columns, and you choose to cut it short i.e., reduce the number of columns, the content in the right most column will move to the next column on the left. Likewise, when you reduce the same to just one column, content in the second or third columns will move to the bottom of the first column.

(Image source – Office.com)

This way you can add sections and columns on a SharePoint modern page and make it look more organized.

Related posts

• วิธีการอัปโหลดเอกสาร SharePoint Site

• วิธีสร้างหน้าใน SharePoint

• วิธีจัดการ SharePoint Alerts

• SharePoint search ไม่ส่งคืนผลลัพธ์สำหรับผู้ใช้บางคน

• วิธีเพิ่ม Web Part ใน Microsoft SharePoint

• วิธีการกู้คืนและกู้คืนไฟล์ที่ถูกลบใน SharePoint

• Rotate PDF, Share PDF, Add Notes ใช้ Microsoft Edge PDF Viewer

• Add OR ลบ Hardware tab ใน Drive Properties ใน Windows 10

• Add, Change, Remove Author จาก Author Property ใน Office document

• Resize, Decorate, Add Borders, Add Borders, Frames and Watermarks

• Add Run item ถึง Sandbox Context Menu ใน Windows 10

• Add หรือลบชื่อผู้ใช้และรหัสผ่านจาก Credential Manager

• Add Custom Search Engine ถึง Chrome or Edge browser

• Add Mouse ท่าทางสู่ Windows 10 โดยใช้เครื่องมือฟรีเหล่านี้

• Add, ลบหรือแก้ไขไฮเปอร์ลิงก์ใน PDF Files กับ PDF Link Editor

• วอลล์เปเปอร์ที่มีชีวิตชีวา: Add พื้นหลังเคลื่อนไหวไปยัง Windows 10 Desktop

• Bluetooth Add A device notification ทุกนาทีบน Windows 11/10

• Add Search บน Google Images ใช้ Context Menu ใน Windows 11/10

• วิธีเปิดใช้งาน Versioning ใน SharePoint

• Add Open Windows Terminal ในฐานะผู้ดูแลระบบใน Context Menu