Hero-verkko-osan käyttö

Hero-verkko-osa viestintäsivustoissa: Aihe ja Esittely

Kun luot viestintäsivuston, Hero-verkko-osa lisätään oletusarvoisesti sivulle. Se on täytetty valmiiksi oletuskuvilla, tekstillä ja linkeillä, jotka muutat näyttämään omia kuvia, tekstiä, sivuja, linkkejä tai asiakirjoja.

Kun valitset viestintäsivuston tyypiksi Aihe, oletusarvoisessa Hero-verkko-osassa on ruutuasettelu, jossa on viisi ruutua (joiden määrää voit muuttaa yhdestä viiteen):

Kun valitset viestintäsivuston tyypiksi Esittely, oletusarvoisessa Hero-verkko-osassa on pystysuuntainen asettelu, jossa on kolme kerrosta (joiden määrää voit vaihtaa yhdestä viiteen):

Voit muuttaa Hero-verkko-osan asettelun ruudukosta pystysuuntaisiksi kerroksiksi Muokkaa verkko-osaa - painikkeella ja voit muuttaa kunkin ruudun tai kerroksen linkkejä, kuvia ja tekstejä kunkin ruudun tai kerroksen Muokkaa tietoja -painikkeella .

1. Muokkaa verkko-osaa -painike

2. Muokkaa tietoja -painike

Hero-verkko-osan asettelun muuttaminen

Katso tästä videosta, miten se tehdään, tai noudata videon alla olevia ohjeita.

1. Jos et ole vielä sivun muokkaustilassa, valitse Muokkaa sivun oikeassa yläkulmassa.

2. Valitse verkko-osa Muokkaa verkko-osaa -painike vasemmalla ja valitse haluamasi asettelutyyppi . Voit valita enintään viisi ruutua (kuten aihesivustossa) tai enintään viisi kerrosta (kuten Esittely-sivustossa).

   

Kunkin ruudun tai kerroksen kuvan, tekstin ja linkkien muuttaminen

Katso tästä videosta, miten se tehdään, tai noudata videon alla olevia ohjeita.

1. Jos et ole vielä sivun muokkaustilassa, valitse Muokkaa sivun oikeassa yläkulmassa.

2. Valitse Muokkaa tietoja muutettavan ruudun tai kerroksen oikeassa alakulmassa.

3. Valitse työkaluryhmässä Muuta ja valitse sitten sijainti, josta linkki haetaan:

   

   • Viimeisimmät: Jos olet avannut hiljattain kuvia, sivuja tai asiakirjoja, ne luetellaan tässä.

   • Arkistokuvat Arkistokuvat tarjoaa Microsoft. Ne ovat korkealaatuisia ja juuri sopivan kokoisia käyttöäsi varten. Jos olet SharePoint-järjestelmänvalvoja, suosittelemme, että otat käyttöön sisällöntoimitusverkon (CDN), joka parantaa kuvien saamisen suorituskykyä.

   • Verkkohaku: Voit etsiä Bingistä kuvia, jotka käyttävät Creative Common -käyttöoikeutta. Olet vastuussa kuvan käyttöoikeuksien tarkistamisesta, ennen kuin lisäät sen sivullesi. SharePoint vain Microsoft 365:ssä.

   • Organisaatiosi: Jos organisaatiosi on määrittänyt joukon hyväksyttyjä resursseja, voit valita siitä tässä.  Jos olet SharePoint-Hallinta ja haluat lisätietoja resurssikirjaston luomisesta omalle organisaatiollesi, tutustu artikkeliin Organisaation resurssikirjaston luominen.

   • OneDrive: Voit hakea linkin asiakirjaan tai kuvaan, jonka olet tallentanut OneDriveen. SharePoint vain Microsoft 365:ssä.

   • Sivusto: Voit hakea linkin asiakirjaan, kuvaan tai sivulle sivustosta, jonka määrität.

   • Lataa: Voit ladata asiakirjan tai kuvan henkilökohtaisesta laitteesta.

   • Linkistä: Kirjoita sivun, asiakirjan tai kuvan linkki OneDrivesta tai SharePoint Microsoft 365:ssä.

     Huomautus: Sivuston ulkoiset linkit eivät näytä kuvan esikatselua Yhdysvaltain hallituksen GCC High- ja DoD-versioissa eikä Office 365 21Vianetin ylläpitämiä.

4. Valitse kuva, sivu tai asiakirja ja valitse Avaa.

5. Valitse työkaluryhmän Kuva-kohdassaMukautettu kuva tai Vain väri (Vain väri on käytettävissä vain Ruudut-asettelussa, ja väri vastaa sivuston teeman väriä).

   Automaattinen valinta -vaihtoehto valitsee automaattisesti kuvan sivulta tai asiakirjasta, johon linkität, jos se on saatavilla.

6. Kirjoita kuvalle Vaihtoehtoinen teksti.

7. Valitse Asetukset:

   • Voit näyttää Toimintokutsu-linkin vaihtamalla asetukseksi Kyllä. Lisää sitten haluamasi Toimintokutsun teksti (esimerkiksi ”Lisätietoja”). Toimintokutsun linkki on käytettävissä kerrosasettelun kaikissa kerroksissa, mutta ruutuasettelussa se on vain suurimmassa ruudussa.

   • Kerrostetun asettelun kohdalla voit myös näyttää aiheotsikon kullekin kerrokselle vaihtamalla Aihe-otsikon asetukseksi Kyllä. Lisää sitten haluamasi Aiheen otsikkoteksti.

Kuvan keskipisteen muuttaminen

SharePoint Microsoft 365:ssä voit muuttaa valitun kuvan keskipisteen Hero-verkko-osassa, jotta saat kuvan tärkeimmän osan kehykseen.

1. Jos et ole vielä sivun muokkaustilassa, valitse Muokkaa sivun oikeassa yläkulmassa.

2. Valitse Muutettavan Hero-kuvan alareunan työkalurivillä Aseta keskipiste .

3. Vedä keskipiste kohtaan, johon haluat sen kuvassa.
   
   

Ruutujen tai kerrosten järjestäminen uudelleen

Voit järjestää ruudut tai kerrokset uudelleen siirtämällä he haluamaasi paikkaan.

1. Jos et ole vielä sivun muokkaustilassa, valitse Muokkaa sivun oikeassa yläkulmassa.

2. Pidä Siirrä kohde -painiketta painettuna ja vedä sitten ruutua tai kerrosta haluamaasi kohtaan.

   

Hero-verkko-osan sijoittaminen yhteen sarakkeeseen

Hero-verkko-osa on suunniteltu koko sivun levyiseksi. Jos haluat, että Hero-verkko-osa ei vie koko leveyttä, voit lisätä sen sarakkeeseen, joka ei ole täysin leveä.

Katso tästä videosta, miten se tehdään, tai noudata videon alla olevia ohjeita.

1. Jos et ole vielä muokkaustilassa, valitse Muokkaa sivun oikeassa yläkulmassa.

2. Pidä hiiren osoitinta Hero-verkko-osan yläpuolella ja valitse verkko-osan vasemmalla puolella oleva ympyröity +

3. Valitse Osan asettelu -kohdassa yksi sarake.

   

4. Käytä verkko-osan vasemmalla puolella olevaa Siirrä verkko-osa -painiketta ja vedä Hero-verkko-osa juuri lisäämääsi sarakkeeseen.

   

   

Tyhjän Hero-verkko-osan lisääminen sivulle

Voit lisätä Hero-verkko-osan ryhmäsivuston tai viestintäsivuston sivulle. Toimi seuraavasti:

1. Jos et ole vielä sivun muokkaustilassa, valitse Muokkaa sivun oikeassa yläkulmassa.

2. Kun kuljetat hiirtä sivulla olemassa olevan verkko-osan ylä- tai alapuolella, näet viivan, jossa on ympyröitynä +, kuten tässä:

   

   Valitse +ja valitse sitten Hero-verkko-osa.

   

3. Valitse verkko-osan Muokkaa-painike ja valitse haluamasi asettelutyyppi: ruudukko voi olla 1–5 ruutua tai 1–5 pystysuuntaista kerrosta.

4. Valitse Valitse linkki jokaiselle ruudulle, jota haluat muuttaa.

5. Valitse kunkin ruudun työkaluryhmässä Valitse ja valitse sitten sijainti, josta linkki haetaan:

   Valitse työkaluryhmässä Muuta ja valitse sitten sijainti, josta linkki haetaan:

   

   • Viimeisimmät: Jos olet avannut hiljattain kuvia, sivuja tai asiakirjoja, ne luetellaan tässä.

   • Verkkohaku: Voit etsiä Bingistä kuvia, jotka käyttävät Creative Common -käyttöoikeutta. Olet vastuussa kuvan käyttöoikeuksien tarkistamisesta, ennen kuin lisäät sen sivullesi. SharePoint vain Microsoft 365:ssä.

   • Organisaatiosi: Jos organisaatiosi on määrittänyt joukon hyväksyttyjä resursseja, voit valita siitä tässä.  Jos olet SharePoint-Hallinta ja haluat lisätietoja resurssikirjaston luomisesta omalle organisaatiollesi, tutustu artikkeliin Organisaation resurssikirjaston luominen.

   • OneDrive: Voit hakea linkin asiakirjaan tai kuvaan, jonka olet tallentanut OneDriveen. SharePoint vain Microsoft 365:ssä.

   • Sivusto: Voit hakea linkin asiakirjaan, kuvaan tai sivulle sivustosta, jonka määrität.

   • Lataa: Voit ladata asiakirjan tai kuvan henkilökohtaisesta laitteesta.

   • Linkistä: Kirjoita sivun, asiakirjan tai kuvan linkki OneDrive for SharePoint Microsoft 365:ssä.

6. Valitse kuva, sivu tai asiakirja ja valitse Avaa.

7. Valitse työkaluryhmän Kuva-kohdassa Mukautettu kuva tai Vain väri. Automaattinen valinta -vaihtoehto valitsee automaattisesti kuvan sivulta tai asiakirjasta, johon linkität, jos se on saatavilla. Vain väri on käytettävissä vain Ruudut-asettelussa, ja väri vastaa sivuston teeman väriä.

8. Kirjoita kuvalle Vaihtoehtoinen teksti.

9. Valitse Asetukset (SharePoint vain Microsoft 365:ssä):

   • Voit näyttää Toimintokutsu-linkin vaihtamalla asetukseksi Kyllä. Lisää sitten haluamasi Toimintokutsun teksti (esimerkiksi ”Lisätietoja”). Toimintokutsun linkki on käytettävissä kerrosasettelun kaikissa kerroksissa, mutta ruutuasettelussa se on vain suurimmassa ruudussa.

   • Kerrostetun asettelun kohdalla voit myös näyttää aiheotsikon kullekin kerrokselle vaihtamalla Aihe-otsikon asetukseksi Kyllä. Lisää sitten haluamasi Aiheen otsikkoteksti.

Kuvan skaalaus Hero-verkko-osassa

Voit valita Hero-verkko-osaan sopivan kokoisia kuvia seuraavasti:

• Verkko-osa on suunniteltu niin, että se sovittaa näytön leveyden täyteen leikkausvaraan.

• Ruudut-asettelussa verkko-osan korkeus skaalataan seuraamaan kuvasuhdetta 8:3 ja verkko-osan sisällä olevia kuvia asteikolla kuvasuhteeseen 4:3.

• Kerrokset-asettelussa yksittäinen kerros skaalautuu kuvasuhteeseen 8:3 ja kunkin kerroksen sisällä olevat kuvat skaalautuvat kuvasuhteeseen lähellä 9:16: ta.