Sen lisäksi, että sisältö on siististi järjestetty ja jäsennelty, sen tulee olla visuaalisesti houkutteleva. Nykyaikainen sivukokemus SharePointissa^(SharePoint) tarjoaa tämän kokemuksen. Tämän päivän viestissä opimme lisäämään osioita ja sarakkeita SharePoint Modern -sivulle^{(SharePoint Modern Page)} .

Lisää^(Add) osioita ja sarakkeita SharePoint Modern -sivulle^{(SharePoint Modern Page)}

Voit mukauttaa SharePoint Modern -sivua^{(SharePoint Modern Page)} seuraavasti:

Lisää sivulle sarakkeita sisältävä osio
Lisää pystysuora osio
Muuta olemassa olevaa osiota
Lisää sisältöä sarakkeeseen.

Jatkamme nyt houkuttelevan sisällön luomista järjestämällä asetteluja ja lisäämällä sarakkeisia osia SharePoint moderneille sivuille.

1] Lisää^(Add) sivulle sarakkeita sisältävä osio

Siirry sivulle, jolle haluat sijoittaa tai lisätä sarakkeita.

Valitse Muokkaa^(Edit) -vaihtoehto, joka näkyy sivun oikeassa yläkulmassa.

Vie nyt hiiri sivun otsikkoalueen alapuolelle tai olemassa olevan verkko-osan ylä- tai alapuolelle. Viivan, jossa on ympyröity +, pitäisi ponnahtaa esiin ja näyttää seuraava vaihtoehto – ' Lisää uusi osio^{(Add a new section)} '.

Napsauta ympyrää. Valitse sitten haluamasi sarakkeiden määrä kohdassa Osion asettelu . ^{(Section layout)}Vaihtoehtoisesti, jos olet sivulla, joka on osa viestintäsivustoa^{(Communication)} , valitse täysleveä sarake, joka kattaa koko sivun.

2] Lisää pystyosa

Siirry sivulle, jolle haluat lisätä pystyosan.

Siirrä hiiren osoitin sivun otsikkoalueen alapuolelle äärivasemmalle tai olemassa olevan verkko-osan ylä- tai alapuolelle. Valitse kuten aiemmin Lisää uusi osio^{(Add a new section)} .

SharePoint moderni sivu

Napsauta ympyrää ja valitse kohdasta Osan asettelu ^{(Section layout)}Pystyleikkaus^{(Vertical section)} .

Huomaa, että pystysuuntaiset^(Vertical) osiot ovat tällä hetkellä saatavilla vain sivun oikealla puolella. Sen pituutta säädetään sivun sisällön perusteella, kasvaen tai kutistuen ei-pystysuuntaisten osioiden sisällön pituuden mukaan.

Toiseksi kapeassa selainikkunassa pystysuuntainen osa siirretään sivun alaosaan. Kun päätät mukauttaa tätä (laajenna ikkunan kokoa), pystysuuntainen osa palaa sivun oikealle puolelle. Tämä voi tapahtua myös, jos näytön leveys on alle 1024 pikseliä. Joten on suositeltavaa säätää näyttöasetuksia kohdassa " Skaalaus ja asettelu^{(Scale and layout)} ". Valitse esimerkiksi avattavasta valikosta Muuta tekstin, sovellusten ja muiden kohteiden kokoa^{(Change the size of text, apps, and other items)} arvoksi 125 % tai pienempi.

3] Muuta olemassa olevaa osaa

Jos haluat sisällyttää tiettyjä muutoksia olemassa olevaan osioon, siirry sivulle, jolle haluat tehdä muutoksia.

Jos et ole vielä muokkaustilassa, napsauta sivun oikeasta yläkulmasta Muokkaa .^(Edit)

Täällä huomaat, että jokainen sivun osa on merkitty katkoviivalla. Valitse osio, johon haluat lisätä sarakkeita, ja napsauta sitten Muokkaa^(Edit) osiota sivun vasemmassa reunassa.

Valitse nyt haluamasi sarakkeiden määrä ja tyyppi oikeanpuoleisesta ' Section ' -työkalulaatikosta.^(Section)

Jos haluat muokata osiota edelleen, eli saada osion näyttämään visuaalisesti houkuttelevammalta tai houkuttelevammalta, valitse osion taustaväri. Saatavilla olevat värit perustuvat sivustosi teemaan.

Parhaan tuloksen saavuttamiseksi on suositeltavaa olla käyttämättä osion taustaväriä osioissa, jotka sisältävät näitä verkkoosia.

4] Lisää sisältöä sarakkeeseen

Jos haluat lisätä sisältösi sarakkeeseen nyt, varmista, että olet muokkaustilassa^(Edit) .

Siirry seuraavaksi sarakkeeseen, johon haluat lisätä sisältöä. Vie hiiren osoitin sarakkeen päälle ja napsauta Ympyröityä^(Circled) plusmerkkiä, jota käytetään nykyaikaisen web-osan lisäämiseen sivulle.

Valitse verkko-osa, jonka haluat lisätä sarakkeeseen, ja lisää sitten sisältösi verkko-osaan.

Katso myös, kun sinulla on sisältöä kahdessa tai useammassa sarakkeessa ja päätät leikata sen lyhyeksi eli vähentää sarakkeiden määrää, oikeanpuoleisimman sarakkeen sisältö siirtyy seuraavaan vasemmalla olevaan sarakkeeseen. Samoin^(Likewise) kun pienennät saman vain yhteen sarakkeeseen, toisen tai kolmannen sarakkeen sisältö siirtyy ensimmäisen sarakkeen alaosaan.

(Kuvan lähde – Office.com)

Tällä tavalla voit lisätä osioita ja sarakkeita nykyaikaiselle SharePoint - sivulle ja saada sivusta näyttämään järjestetymmältä.

Add sections and columns on a SharePoint Modern Page

Apart from having content neatly аrranged and structured, it should be visually appealing. Modern pаge experience in SharePoint offеrs this experience. In today’s post, we are going to learn how to add sections and 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.

Olivia Mella

About the author

Olen laitteisto- ja ohjelmistokehityksen asiantuntija. Minulla on kokemusta työskentelystä sekä Applen tuotteiden (ios) että Googlen Android-alustojen kanssa. Olen myös vahva Edge computing -tekniikan puolestapuhuja, joka on verkko- ja mobiiliteknologian uusin trendi. Taitoni näillä alueilla tekevät minusta ihanteellisen nopeiden, turvallisten ja tehokkaiden sovellusten kehittämiseen.

Lisää osioita ja sarakkeita SharePoint Modern -sivulle

Lisää^(Add) osioita ja sarakkeita SharePoint Modern -sivulle^{(SharePoint Modern Page)}