جدا از اینکه محتوا به طور منظم چیده شده و ساختار یافته است، باید از نظر بصری جذاب باشد. تجربه صفحه مدرن در شیرپوینت^(SharePoint) این تجربه را ارائه می دهد. در پست امروز، می خواهیم یاد بگیریم که چگونه بخش ها و ستون ها را به صفحه شیرپوینت مدرن^{(SharePoint Modern Page)} اضافه کنیم.

^(Add)بخش ها و ستون ها را در صفحه مدرن شیرپوینت ^{(SharePoint Modern Page)}اضافه کنید

می توانید صفحه شیرپوینت مدرن^{(SharePoint Modern Page)} را به صورت زیر سفارشی کنید:

یک بخش با ستون به صفحه اضافه کنید
یک بخش عمودی اضافه کنید
یک بخش موجود را تغییر دهید
اضافه کردن محتوا به یک ستون

اکنون، با سازماندهی طرح‌بندی‌ها و افزودن بخش‌هایی با ستون‌ها در صفحات مدرن شیرپوینت^(SharePoint) ، اقدام به ایجاد محتوای جذاب می‌کنیم.

1] یک بخش با ستون به یک صفحه اضافه کنید^(Add)

به صفحه ای که می خواهید ستون ها را در آن قرار دهید یا اضافه کنید بروید.

گزینه " ویرایش^(Edit) " را انتخاب کنید که در گوشه سمت راست بالای صفحه قابل مشاهده است.

اکنون، ماوس خود را زیر ناحیه عنوان صفحه یا بالا یا پایین یک بخش وب موجود قرار دهید. یک خط با دایره + باید ظاهر شود و گزینه زیر را نمایش دهد - " افزودن بخش جدید^{(Add a new section)} ".

روی دایره کلیک کنید. سپس، در بخش "طرح بندی بخش^{(Section layout)} "، تعداد ستون های مورد نظر خود را انتخاب کنید. از طرف دیگر، اگر در صفحه‌ای هستید که بخشی از یک سایت ارتباطی^{(Communication)} است، یک ستون با عرض کامل را برای پوشاندن کل صفحه انتخاب کنید.

2] یک بخش عمودی اضافه کنید

به صفحه ای که می خواهید یک بخش عمودی اضافه کنید بروید.

نشانگر ماوس خود را در زیر قسمت عنوان صفحه به سمت چپ، یا بالا یا پایین یک بخش وب موجود حرکت دهید. مانند قبل، " افزودن بخش جدید^{(Add a new section)} " را انتخاب کنید .

صفحه مدرن شیرپوینت

روی دایره کلیک کنید و از « طرح بخش^{(Section layout)} »، « بخش عمودی^{(Vertical section)} » را انتخاب کنید .

لطفاً توجه داشته باشید که بخش های عمودی^(Vertical) در حال حاضر فقط در سمت راست صفحه در دسترس هستند. طول آن بر اساس محتوای صفحه تنظیم می شود، با طول محتوا در بخش های غیر عمودی رشد یا کاهش می یابد.

در مرحله دوم، در یک پنجره باریک مرورگر، یک بخش عمودی به پایین صفحه منتقل می شود. وقتی انتخاب می‌کنید که این مورد را سفارشی کنید (اندازه پنجره را بزرگ کنید)، بخش عمودی به سمت راست صفحه باز می‌گردد. اگر عرض صفحه نمایش شما کمتر از 1024 پیکسل باشد، ممکن است این اتفاق بیفتد. بنابراین، توصیه می‌شود تنظیمات نمایشگر را در زیر « مقیاس و طرح‌بندی^{(Scale and layout)} » تنظیم کنید. برای مثال، در منوی کشویی زیر « تغییر اندازه متن، برنامه‌ها و موارد دیگر^{(Change the size of text, apps, and other items)} »، مقدار ۱۲۵٪ یا کمتر را انتخاب کنید.

3] بخش موجود را تغییر دهید

اگر می‌خواهید تغییرات خاصی را در بخش موجود اعمال کنید، به صفحه‌ای که می‌خواهید تغییرات را اعمال کنید بروید.

اگر قبلاً در حالت ویرایش نیستید، روی « ویرایش^(Edit) » در سمت راست بالای صفحه کلیک کنید.

در اینجا متوجه خواهید شد که هر بخش از یک صفحه با یک خط نقطه مشخص شده است. قسمتی را که می‌خواهید ستون‌ها را به آن اضافه کنید انتخاب کنید، سپس روی ویرایش^(Edit) بخش در سمت چپ صفحه کلیک کنید.

اکنون در جعبه ابزار " بخش^(Section) " در سمت راست، تعداد و نوع ستون های مورد نظر خود را انتخاب کنید.

اگر می‌خواهید بخش را بیشتر سفارشی کنید، یعنی بخش را از نظر بصری جذاب‌تر یا جذاب‌تر نشان دهید، رنگ پس‌زمینه بخش را انتخاب کنید. رنگ های موجود بر اساس موضوع سایت شما هستند.

برای بهترین نتیجه، توصیه می شود از رنگ پس زمینه بخش برای بخش هایی که حاوی این بخش های وب هستند استفاده نکنید.

4] محتوا را به یک ستون اضافه کنید

اگر می‌خواهید اکنون محتوای خود را به ستون اضافه کنید، مطمئن شوید که در حالت ویرایش^(Edit) هستید .

سپس به ستونی که می خواهید محتوا اضافه کنید بروید. نشانگر ماوس خود را روی ستون قرار دهید و روی علامت دایره‌ای به اضافه استفاده شده برای افزودن یک بخش وب مدرن به صفحه کلیک کنید.^(Circled)

قسمت وب را که می خواهید به ستون اضافه کنید انتخاب کنید و سپس محتوای خود را به قسمت وب اضافه کنید.

همچنین ببینید، وقتی محتوایی در دو یا چند ستون دارید، و انتخاب می‌کنید که آن را کوتاه کنید، یعنی تعداد ستون‌ها را کاهش دهید، محتوای ستون سمت راست به ستون بعدی در سمت چپ منتقل می‌شود. به همین ترتیب^(Likewise) ، وقتی همان را به یک ستون کاهش می دهید، محتوای ستون دوم یا سوم به پایین ستون اول منتقل می شود.

(منبع تصویر – Office.com)

به این ترتیب می‌توانید بخش‌ها و ستون‌ها را در صفحه مدرن شیرپوینت اضافه کنید و سازماندهی‌تر به نظر برسد.^(SharePoint)

Add sections and columns on a SharePoint Modern Page

Apart from having content neatly arranged and structured, іt should be visually appealing. Modern page experience in SharePoint offers this expеrience. In today’s post, we are going to learn how to add sections and сolumns to a SharePoint Modern Page.

Add sections & columns on a SharePoint Modern Page

You can choose to customize SharePoint Modern Page as follows:

Add a section with columns to a page
Add a vertical section
Change an existing section
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.’

SharePoint Modern Page

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.

تلیمان پارسی

About the author

من یک مهندس نرم افزار با بیش از 10 سال سابقه کار بر روی دستگاه های Apple iOS و edge هستم. تجربه من در مهندسی سخت افزار باعث شده است که مطمئن شوم دستگاه های مشتریانمان تا حد امکان قابل اعتماد و روان هستند. من در چند سال گذشته کد می نویسم و یاد گرفته ام از Git، Vim و Node.js استفاده کنم.

بخش ها و ستون ها را در صفحه مدرن شیرپوینت اضافه کنید

^(Add)بخش ها و ستون ها را در صفحه مدرن شیرپوینت ^{(SharePoint Modern Page)}اضافه کنید