Selain memiliki konten yang tersusun rapi dan terstruktur, konten juga harus menarik secara visual. Pengalaman halaman modern di SharePoint menawarkan pengalaman ini. Dalam posting hari ini, kita akan mempelajari cara menambahkan bagian dan kolom ke Halaman Modern SharePoint^{(SharePoint Modern Page)} .

Tambahkan^(Add) bagian & kolom di Halaman Modern SharePoint^{(SharePoint Modern Page)}

Anda dapat memilih untuk mengkustomisasi Halaman Modern SharePoint^{(SharePoint Modern Page)} sebagai berikut:

Tambahkan bagian dengan kolom ke halaman
Tambahkan bagian vertikal
Ubah bagian yang ada
Tambahkan konten ke kolom.

Sekarang, kita akan melanjutkan untuk membuat konten yang menarik dengan mengatur tata letak dan menambahkan bagian dengan kolom di halaman modern SharePoint .

1] Tambahkan^(Add) bagian dengan kolom ke halaman

Buka halaman tempat Anda ingin menempatkan atau menambahkan kolom.

Pilih opsi ' Edit ', terlihat di sudut kanan atas halaman.

Sekarang, arahkan mouse Anda ke bawah area judul halaman atau di atas atau di bawah komponen web yang sudah ada. Garis dengan tanda + yang dilingkari akan muncul dan menampilkan opsi berikut – ' Tambahkan bagian baru^{(Add a new section)} '.

Klik lingkaran. Kemudian, di bawah ' Tata letak bagian^{(Section layout)} ', pilih jumlah kolom yang Anda inginkan. Atau, jika Anda berada di halaman yang merupakan bagian dari situs Komunikasi^{(Communication)} , pilih kolom lebar penuh untuk menjangkau seluruh halaman.

2] Tambahkan bagian vertikal

Buka halaman tempat Anda ingin menambahkan bagian vertikal.

Gerakkan kursor mouse Anda di bawah area judul halaman ke paling kiri, atau di atas atau di bawah komponen web yang sudah ada. Seperti sebelumnya, pilih ' Tambahkan bagian baru^{(Add a new section)} .'

Halaman Modern SharePoint

Klik lingkaran dan dari ' Tata letak bagian^{(Section layout)} ', pilih ' Bagian vertikal^{(Vertical section)} '.

Mohon diperhatikan bahwa bagian Vertikal^(Vertical) saat ini hanya tersedia di sisi kanan halaman. Panjangnya disesuaikan berdasarkan konten pada halaman, bertambah atau berkurang dengan panjang konten di bagian non-vertikal.

Kedua, di jendela browser yang sempit, bagian vertikal akan dipindahkan ke bagian bawah halaman. Saat Anda memilih untuk menyesuaikan ini (memperluas ukuran jendela), bagian vertikal akan kembali ke sisi kanan halaman. Ini juga dapat terjadi jika lebar layar Anda kurang dari 1024 piksel. Jadi, disarankan untuk menyesuaikan pengaturan tampilan di bawah ' Skala dan tata letak^{(Scale and layout)} '. Misalnya, di tarik-turun di bawah ' Ubah ukuran teks, aplikasi, dan item lainnya^{(Change the size of text, apps, and other items)} ', pilih nilai 125% atau lebih rendah.

3] Ubah bagian yang ada

Jika Anda ingin memasukkan perubahan tertentu di bagian yang ada, buka halaman tempat Anda ingin membuat perubahan.

Jika Anda belum dalam mode edit, klik ' Edit ' di kanan atas halaman.

Di sini, Anda akan melihat bahwa setiap bagian halaman ditandai dengan garis putus-putus. Pilih bagian yang ingin Anda tambahi kolom, lalu klik Edit bagian di sisi kiri halaman.

Sekarang, di kotak alat ' Bagian^(Section) ' di sisi kanan, pilih jumlah dan jenis kolom yang Anda inginkan.

Jika Anda ingin menyesuaikan bagian lebih lanjut, yaitu membuat bagian tampak lebih menarik secara visual atau lebih menarik, pilih warna latar belakang bagian. Warna yang tersedia didasarkan pada tema situs Anda.

Untuk hasil terbaik, disarankan untuk tidak menggunakan warna latar belakang bagian untuk bagian yang berisi komponen web ini.

4] Tambahkan konten ke kolom

Jika Anda ingin menambahkan konten Anda ke kolom sekarang, pastikan Anda berada dalam mode Edit .

Selanjutnya, masuk ke kolom tempat Anda ingin menambahkan konten. Arahkan kursor mouse Anda ke atas kolom dan klik Tanda plus yang dilingkari^(Circled) yang digunakan untuk menambahkan komponen web modern ke halaman.

Pilih komponen web yang ingin Anda tambahkan ke kolom, lalu tambahkan konten Anda ke komponen web.

Lihat juga, ketika Anda memiliki konten dalam dua kolom atau lebih, dan Anda memilih untuk mempersingkatnya yaitu, mengurangi jumlah kolom, konten di kolom paling kanan akan pindah ke kolom berikutnya di sebelah kiri. Demikian juga^(Likewise) , ketika Anda mengurangi yang sama menjadi satu kolom saja, konten di kolom kedua atau ketiga akan pindah ke bagian bawah kolom pertama.

(Sumber gambar – Office.com)

Dengan cara ini Anda bisa menambahkan bagian dan kolom di halaman modern SharePoint dan membuatnya terlihat lebih teratur.

Add sections and columns on a SharePoint Modern Page

Apart from having content neatly arranged and structured, it should be visually appealing. Modеrn page experience in ShareРoint offers this exрerience. In today’s post, we are going to learn how to add sections аnd columns 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.

Dalima Usamah

About the author

Setelah hampir 20 tahun di industri teknologi, saya telah belajar banyak tentang produk Apple dan cara mempersonalisasikannya untuk kebutuhan saya. Secara khusus, saya tahu cara menggunakan platform iOS untuk membuat tampilan khusus dan berinteraksi dengan pengguna saya melalui preferensi aplikasi. Pengalaman ini telah memberi saya wawasan berharga tentang bagaimana Apple mendesain produknya dan cara terbaik untuk meningkatkan pengalaman pengguna mereka.

Tambahkan bagian dan kolom di Halaman Modern SharePoint

Tambahkan^(Add) bagian & kolom di Halaman Modern SharePoint^{(SharePoint Modern Page)}