Hero-verkko-osan käyttö

Hero-verkko-osan avulla voit tehdä sivustasi keskitetymmän ja visuaalisesti kiinnostavamman. Hero-verkko-osassa voit näyttää jopa viisi kohdetta ja käyttää näyttäviä kuvia, tekstiä ja linkkejä huomion kiinnittämiseksi kuhunkin. Hero-verkko-osa sisältyy oletusarvoisesti viestintäsivustoihin, mutta voit lisätä Hero-verkko-osan myös muille sivuille.

Huomautukset: 

  • Osa toiminnoista esitellään asteittain organisaatioille, jotka ovat ilmoittautuneet Kohdennetun julkaisun ohjelmaan. Se tarkoittaa sitä, että tämä toiminto ei välttämättä vielä näy tai se voi näyttää erilaiselta kuin ohjeartikkeleissa.

  • Sinulla on oltava muokkausoikeudet, jotta voit luoda sivuja. Jos olet omistaja, mutta et voi lisätä sivua, järjestelmänvalvojasi on ehkä poistanut tämän toiminnon käytöstä.

Sisällys

Vihje: Check out these YouTube videos from Microsoft Creators to learn more about modern pages!

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

Kun luot viestintäsivuston, Hero-verkko-osa lisätään oletusarvoisesti sivulle. Se on valmiiksi täytetty oletus kuvilla, tekstillä ja linkeillä, joilla voit esitellä omia kuvia, tekstiä, sivuja, linkkejä tai asia kirjoja.

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

Hero-verkko-osa viestintäsivustossa

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

Esittely-Hero

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

Heron Muokkaa-painikkeet

1. Muokkaa verkko-osaa -painike

2. Muokkaa tietoja -painike

Hero-verkko-osan asettelun muuttaminen

Katsomalla tämän videon näet, miten se on valmis, tai noudattamalla videon alapuolella olevia ohjeita.

Surface Book -laitteen kuva
  1. Jos et ole vielä muokkaustilassa sivulla, valitse Muokkaa sivun oikeasta yläkulmasta.

  2. Napsauta verkko-osan Muokkaa verkko-osaa -painiketta Verkko-osan muokkauspainike vasemmalla ja valitse haluamasi asettelu. Voit valita enintään viisi ruutua (kuten Aihe-sivustossa) tai enintään viisi kerrosta (kuten Esittely-sivustossa).

    Heron asetteluasetukset Heron asetteluasetukset

Kunkin ruudun tai kerroksen kuvan, tekstin ja linkkien muuttaminen

Katsomalla tämän videon näet, miten se on valmis, tai noudattamalla videon alapuolella olevia ohjeita.

Surface Book -laitteen kuva
  1. Jos et ole vielä muokkaustilassa sivulla, valitse Muokkaa sivun oikeasta yläkulmasta.

  2. Valitse Muokkaa tietoja Muokkaa tietoja muutettavan ruudun tai kerroksen oikeasta alakulmasta.

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

    Tiedoston valitsimen vaihto ehtojen kuva.
    • Viimeisimmät: Jos olet avannut hiljattain kuvia, sivuja tai asiakirjoja, ne luetellaan tässä.

    • Stock-kuvat Microsoftin toimittamat Stock-kuvat ovat saatavilla. Ne ovat korkealaatuisia ja kooltaan juuri sopiva käyttö. Jos olet SharePoint-järjestelmänvalvoja, suosittelemme, että otat sisältö verkoston (CDN) käyttöön, jotta voit parantaa kuvien suoritus kykyä.

    • Verkko haku: voit etsiä Bing-kuvia, jotka käyttävät luovaa yleistä käyttö oikeutta. Olet vastuussa kuvan käyttö oikeuden tarkistamisesta ennen sen lisäämistä sivulle. SharePoint vain Microsoft 365-sovelluksessa.

    • Organisaatiosi: Jos organisaatiosi on määrittänyt joukko hyväksyttyjä resursseja, voit valita sen tästä joukosta.  Jos olet SharePoint-järjestelmänvalvoja ja haluat lisä tietoja organisaation resurssi kirjaston luomisesta, tutustu Ohje aiheeseen organisaation resurssit-kirjaston luominen.

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

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

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

    • Linkistä: anna sivun, asia kirjan tai kuvan linkki onedrivesta tai SharePoint Microsoft 365-sovelluksessa.

      Huomautus: Sivustoon johtavat linkit eivät Näytä esikatselukuvaa Yhdysvaltain hallituksen GCC-ja DoD-ja Office 365-käyttö järjestelmää.

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

  5. Valitse työkalu ryhmän kuvankohdassa Mukautettu tai vain väri (vainväri on käytettävissä vain ruutujen 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ää puhelun toiminto-linkillä vaihtamalla vaihto näppäimen 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.

    • Monitasoisessa asettelussa voit myös näyttää kunkin kerroksen aiheen otsikon vaihtamalla vaihto ehdot aiheen otsikko -asetukseksi Kyllä. Lisää sitten haluamasi Aiheen otsikkoteksti.

Kuvan Keski pisteen muuttaminen

SharePoint Microsoft 365-sovelluksessa voit muuttaa valitun kuvan Keski pistettä Hero-verkko-osassa, jotta saat kuvan tärkeimmät osat kuvaan.

  1. Jos et ole vielä muokkaustilassa sivulla, valitse Muokkaa sivun oikeasta yläkulmasta.

  2. Valitse Määritä yhteys tieto Aseta Keski piste-painike muutettavan sankari kuvan alaosassa olevalta työkalu riviltä.

  3. Vedä yhteys piste haluamaasi kohtaan kuvassa.

    Yhteys piste

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ä muokkaustilassa sivulla, valitse Muokkaa sivun oikeasta yläkulmasta.

  2. Napsauta ja pidä painettuna Siirrä kohde -painiketta ja vedä ruutu tai kerros haluamaasi paikkaan.

    Heron Siirrä kohde -valinta

Hero-verkko-osan sijoittaminen yhteen sarakkeeseen

Hero-verkko-osa on suunniteltu koko sivun levyiseksi. Jos et halua, että Hero-verkko-osa ei käytä täyttä leveyttä, voit lisätä sen toiseen sarakkeeseen, joka ei ole täynnä.

Katsomalla tämän videon näet, miten se on valmis, tai noudattamalla videon alapuolella olevia ohjeita.

Surface Book -laitteen kuva
  1. Jos et vielä ole muokkaustilassa, valitse Muokkaa sivun oikeasta yläkulmasta.

  2. Vie hiiren osoitin sankari-verkko-osan yläpuolelle ja napsauta Verkko-osan vasemmalla puolella olevaa ympyröityä + -painiketta.

  3. Valitse Osan asettelu -kohdassa yksi sarake.

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

    Siirrä verkko-osa -painike

    Heron siirtäminen

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

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

  1. Jos et ole vielä muokkaustilassa sivulla, valitse Muokkaa sivun oikeasta yläkulmasta.

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

    Plusmerkki, jolla lisätään verkko-osia sivulle

    Valitse +, ja valitse sitten Hero-verkko-osa.

    Hero-verkko-osa tyhjänä
  3. Napsauta verkko-osan Muokkaa-painiketta Verkko-osan muokkauspainike ja valitse haluamasi asettelu. Voit käyttää asettelua, jossa on 1–5 ruudun ruudukko tai 1–5 vaakasuuntaista kerrosta.

  4. Valitse Valitse linkki kussakin ruudussa, jota haluat muuttaa.

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

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

    Tiedoston valitsimen vaihto ehtojen kuva.
    • Viimeisimmät: Jos olet avannut hiljattain kuvia, sivuja tai asiakirjoja, ne luetellaan tässä.

    • Verkko haku: voit etsiä Bing-kuvia, jotka käyttävät luovaa yleistä käyttö oikeutta. Olet vastuussa kuvan käyttö oikeuden tarkistamisesta ennen sen lisäämistä sivulle. SharePoint vain Microsoft 365-sovelluksessa.

    • Organisaatiosi: Jos organisaatiosi on määrittänyt joukko hyväksyttyjä resursseja, voit valita sen tästä joukosta.  Jos olet SharePoint-järjestelmänvalvoja ja haluat lisä tietoja organisaation resurssi kirjaston luomisesta, tutustu Ohje aiheeseen organisaation resurssit-kirjaston luominen.

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

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

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

    • Linkistä: anna sivun, asia kirjan tai kuvan linkki OneDrive for SharePoint Microsoft 365-sovelluksessa.

  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 ruutujen asetteluun ja väri vastaa sivuston teeman väriä.

  8. Kirjoita kuvalle Vaihtoehtoinen teksti.

  9. Valitse Asetukset (SharePoint vain Microsoft 365):

    • Voit näyttää puhelun toiminto-linkillä vaihtamalla vaihto näppäimen 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.

    • Monitasoisessa asettelussa voit myös näyttää kunkin kerroksen aiheen otsikon vaihtamalla vaihto ehdot aiheen otsikko -asetukseksi Kyllä. Lisää sitten haluamasi Aiheen otsikkoteksti.

Kuvan skaalaus Hero-verkko-osassa

Jos haluat, että Hero-verkko-osalle valitaan optimaalinen kuva, ota huomioon seuraavat asiat:

  • Verkko-osa on suunniteltu niin, että se sopii näytön leveyteen koko naisen leikkaus varan asettelussa.

  • Ruudut -asettelussa verkko-osan Korkeus skaalataan niin, että se noudattaa 8:3-kuva suhdetta ja verkko-osa-asteikkoon kuuluvien kuvien kuva suhdetta 4:3.

  • Kerrokset -asettelussa yksittäinen kerros skaalautuu 8:3-kuvan kuva suhteeseen ja kunkin kerros asteikon sisällä oleviin kuviin kuva suhteeseen lähelle 9:16.

Huomautus: Voit lisätä linkin videoon tai ladata videon Hero-verkko-osaan. Videoita ei voi kuitenkaan toistaa verkko-osassa. Käyttäjät voivat napsauttaa videon linkkiä ja siirtyä video soittimeen tai linkki lähteeseen videon tarkasteluun.

Huomautus:  Tämä sivu on käännetty automaation avulla, ja siinä saattaa olla kielioppivirheitä tai epätarkkuuksia. Tarkoitus on, että sisällöstä on sinulle hyötyä. Kerrotko meille, oliko tiedoista hyötyä? Tästä pääset artikkelin englanninkieliseen versioon.

Kehitä Office-taitojasi
Tutustu koulutusmateriaaliin
Saat uudet ominaisuudet ensimmäisten joukossa
Liity Office Insider -käyttäjiin

Oliko näistä tiedoista hyötyä?

Kiitos palautteesta!

Kiitos palautteestasi! Näyttää siltä, että Office-tukiedustajamme avusta voi olla sinulle hyötyä.

×