Microsoft julkaisi ”Modern”-sivukokemuksen SharePoint Onlinen tiimisivustoille syksyllä 2016 ja hiljattain SharePoint Server 2019:lle. Modern-sivukokemus sisältää mahdollisuuden lisätä web-osia suoraan sivulle. Tätä artikkelia kirjoitettaessa kesäkuussa 2019 on käytettävissä 55 sisäänrakennettua web-osaa, joita voi lisätä moderniin SharePoint-sivuun, ja niitä lisätään säännöllisesti lisää.
Tältä Microsoftin sivulta näet yleiskatsauksen Modern-verkko-osista, ja siellä on linkkejä, joista saat lisätietoja kustakin web-osasta. Tämä artikkeli on ensimmäinen joka keskiviikko julkaistavassa viikoittaisessa sarjassa, jossa annamme lisätietoja kustakin web-osasta ja esimerkkejä niiden käytöstä. Mutta ensin hieman SharePoint Modern -sivuista…
Modern-sivun muokkaaminen SharePointissa tapahtuu asettamalla sivu ensin muokkaustilaan toimintovalikkopalkin oikeassa reunassa olevan Muokkaa-linkin avulla. .
Sivun otsikon muokkaaminen
Sivun otsikkoalueella voit korvata oletusarvoisen yleisen otsikon napsauttamalla Kuvakuvake-kuvaketta ja lataamalla oman kuvasi.
Vaihtoehtoisesti voit etsiä sopivia kuvia verkosta. Siellä on tosiaan melko mukava valikoima yleisiä oikean kokoisia kuvia eri kategorioissa, tai voit syöttää hakutekstin ja saada netistä kuvia mistä tahansa haluamastasi. Huomaa kuitenkin, että kannattaa käyttää Creative Commons Only -suodatinta varmistaaksesi, ettet loukkaa kuvien tekijänoikeuksia.
Kuvan lataamisen jälkeen otsikon keskelle ilmestyy kuvake, jonka avulla voit siirtää kuvasi tarkennuskeskipistettä, sillä otsikkoalue on melko leveä ja lyhyt.
Voit myös muokata otsikkoalueen tyyliä – esimerkiksi näyttää otsikkolohkon keskellä ja lisätä tekstiä otsikon yläpuolelle.
Näissä on hienoja tapoja, joilla voit tehdä sivusta omanlaisesi! Alla olevassa kuvakaappauksessa olen käyttänyt kuvaa vuoden 2019 SharePoint-konferenssin mainosvideosta ja valinnut värilohko-otsikkotyylin.
Modernin SharePoint-sivun osiot mahdollistavat sellaisten alueiden luomisen, joissa on erilaisia asetteluja ja joihin voi lisätä web-osia. Kun muokkaat sivua ensimmäisen kerran, näet otsikkoalueen vasemmassa alakulmassa + -merkin – tämän avulla voit lisätä uuden osion oletusmuokkausalueen lisäksi, joka on sivun leveys. Napsauttamalla +-kohtaa avautuu jakson asettelu -valintaikkuna, jossa voit valita tämän jakson sarakkeiden määrän ja sijoittelun.
Havaitset, että osa sisällöstä sopii paremmin jompaankumpaan asetteluun; mainitsemme joitain näistä näkökohdista tämän sarjan edetessä. Huomaa, että jos sivusi on viestintäsivustolla, näet lisäasettelun nimeltä Full-width, joka kattaa sivun koko leveyden reunoineen.
Elokuun 2019 päivitys: Uusi osiotyyppi, Vertical, on nyt käytettävissä. Tämä antaa sinulle pystysuoran sarakkeen sivun oikealle puolelle. Sarakkeen korkeus perustuu sivun muun sisällön määrään. Tämä voi olla mukava paikka lisätä useita pienempiä web-osia, kuten sää- tai kello-web-osat – mitä tahansa, jonka haluat pinota erillään muusta sivusta.
Valittuasi asettelun, näet uudet kuvakkeet ilmestyvän jakson vasemmalle puolelle. Näiden kuvakkeiden avulla voit muokata, siirtää tai poistaa jakson.
Jos valitset Muokkaa jaksoa, oikealle ilmestyy Jakso -ruutu, jossa voit muuttaa asettelua tai valita, haluatko lisätä taustan varjostuksen erottaaksesi jakson muusta sivusta.
Elokuun 2019 päivitys: Nyt on mahdollisuus kopioida jakso, jolloin koko jakso sisältöineen kopioidaan kirjaimellisesti nykyisen jakson alle. Näin voit helposti kopioida joukon verkko-osia ja sitten vain muuttaa kunkin verkko-osan kokoonpanoa eri sisällön näyttämiseksi.
JakePoint-sivu ei olisi mitään ilman verkko-osia; ne näyttävät sisällön sivua katsoville ihmisille. Sivun suunnittelijana voit lisätä ja järjestää näitä web-osia suoraan sivun ulkoasuun, jotta voit esittää tiedot, jotka haluat ihmisten näkevän.
Kun napsautat sivulla Muokkaa-painiketta, näet pienen +-kuvakkeen sivun keskikohdan lähellä sivun otsikkoalueen alapuolella…
Klikkaamalla +-kuvaketta aukeaa valintaruutu, jonka avulla valitset lisäämässäsi web-osan.
Kullakin web-osalla on omat määritysasetuksensa, joita käsittelemme tässä blogisarjassa. Mutta missä tahansa web-osassa on aina ainakin vaihtoehdot sen muokkaamiseen, siirtämiseen tai poistamiseen.
Yleensä Muokkaa-valinnalla aukeaa oikealla oleva ruudukko, joka sisältää kyseiselle web-osalle ominaiset konfiguraatiot. Valitsemalla Siirrä voit vetää web-osan toiseen osioon tai sarakkeeseen sivulla tai vain järjestää web-osia uudelleen osiossa. Ja Poista kysyy tietysti, että oletko varma, että se on se, mitä tarkoitat.
Elokuun 2019 päivitys: Muokkaa-, Siirrä- ja Poista-toimintojen lisäksi voit nyt myös Duplikoida yksittäisen web-osan. Tämä kopioi web-osan kokoonpanoineen nykyisen web-osan alapuolelle. Sen jälkeen voit tietysti siirtää sen minne haluat. Idea tämän takana on, jos haluat toisen samanlaisen web-osion, mutta eri sisällöllä tai eri laajuudella jne. Voisit siis vain virittää kopion hieman erilaiseksi.
Kuten varmaan tiedätkin, asiat muuttuvat usein SharePoint Onlinessa, joten Modern-sivujen lisäominaisuuksia saattaa olla saatavilla tätä lukiessasi, mutta tämän pitäisi antaa sinulle käsitys käytettävissäsi olevista vaihtoehdoista.
Tässä blogisarjassa käymme läpi jokaisen sisäänrakennetun SharePoint-verkko-osan (ryhmittelemme joitakin samankaltaisia osia yhteen), joten saat lopulta kattavan resurssin, jonka avulla voit luoda hyödyllisiä ja houkuttelevia SharePoint-sivuja ilman, että sinun tarvitsee hankkia mitään lisähankintoja tai tehdä mitään koodausta.
Odotamme innolla, että pääsemme mukaan tälle kierrokselle!
Bing Maps- ja MSN Weather -web-osat
Painike- ja Call to Action -web-osat
Dokumenttikirjasto- ja Tiedoston katselu -web-osat
Embed, Kindle- ja YouTube-verkko-osat
Tapahtumat-, Ryhmäkalenteri- ja Lähtölaskentaajastin-verkko-osat
Korostettu sisältö-verkko-osat
Kuva- ja Kuvagalleria-verkko-osat
Sankari-, Link, ja Pikalinkit-verkko-osat
Luettelo ja Luettelo-ominaisuudet-verkko-osat
Microsoft Forms -verkko-osat
Uutiset-verkko-osat
Sivun ominaisuudet-verkko-osat
Ihmiset-verkko-osat
Suunnittelija-verkko-osat
Power BI web part
PowerApps web part
Recent documents ja Site activity web parts
Quick chart web part
Sites web part
Stream ja Office 365 Video web parts
Text, Markdown-, Code Snippet-, Divider- ja Spacer-verkko-osat
Twitter-verkko-osa
Yammer Conversations- ja Highlights-verkko-osat
Web-osat, jotka vaativat Office 365 -liitännän
Modernit Lightning-työkalut-verkko-osat