Siirry sisältöön
Suomi
mediamaisteri.com
  • Ehdotuksia ei ole, koska hakukenttä on tyhjä.

Sivuston yläosan bannerikuva sekä kuvakaruselli

Voit itse muokata sivuston banneria ja kuvakarusellia

Hakusanat: banneri, kuvakaruselli, teema, theme_maisteriboost

Artikkelin sisältö:

  1. Yleistä
  2. Banneri
  3. Kuvakaruselli

1. Yleistä

Voit lisätä vapaavalintaisen kuvabannerin tai kuvakarusellin ympäristön etusivulle sekä Työpöydälle. Banneri sekä kuvakaruselli tulevat näkyviin sivuston yläosaan ja niihin on mahdollista lisätä kuvia, tekstiä ja linkkejä.

Mikä on bannerin ja kuvakarusellin ero? 💡

Banneri = Koostuu yhdestä staattisesta kuva- ja tekstiosiosta.
Kuvakaruselli = Koostuu useammasta kuva- ja tekstiosiosta, joka vaihtuu tasaisin väliajoin.

2. Banneri

Banneri koostuu yhdestä staattisesta kuva- ja tekstiosiosta. Ottaaksesi bannerin käyttöön, seuraa näitä ohjeita:

  1. Avaa Sivuston hallinta->Ulkoasu->Teemat->MediamaisteriLMS/Muokkaa teeman asetuksia->Banneri tai Hallintatyökaluista valitse Teeman asetukset->Banneri.

  2. Banneri-välilehdellä sinulle avautuu joukko erilaisia asetuksia. Ensimmäisessä osiossa määritetään Bannerin asetukset.

    1. Näytä banneri = Valitse näytetäänkö vai piilotetaanko banneri.

    2. Missä banneri näkyy = Valitse millä sivulla kyseinen banneri näytetään: Työpöydällä vai ympäristön etusivulla.
    3. Bannerin korkeus = Määritä banneriosion korkeus pikseleissä (oletus on 350px).
    4. Valitse bannerin leveys = Määritä näytetäänkö banneri koko sivun leveydellä vai kapeammalla alueella. Suositus on Täysi leveys.
    5. Sisällön ja kuvan suhde = Valitse leveyden suhde tekstisisällön ja kuvan välillä. Esimerkiksi 5:7 tarkoittaa, että sisältö vie 42% ja kuva 58% leveydestä.
    6. Kuvan sijainti = Valitse näkyykö kuva tekstin vasemmalla vai oikealla puolella.
    7. Tekstin taustaväri. Määritä tekstialueen taustaväri heksadesimaalimuodossa (esim. #ff0000) tai klikkaa värikartalta haluamaasi väriä.
    8. Tekstin väri. Määritä fontin väri heksadesimaalimuodossa (esim. #ff0000) tai klikkaa värikartalta haluamaasi väriä.
  3. Tämän jälkeen määritetään
    1. Bannerin otsikko, leipäteksti ja kuva = Lisää haluamasi teksti- ja kuvasisällöt, jotka tulevat näkyviin banneriin
    2. Vaihtoehtoinen teksti kuvalle = Lisää kuvalle vapaavalintainen lisäteksti saavutettavuuden parantamiseksi.
    3. Näytä koko kuva bannerissa = Valitse, muutetaanko bannerin korkeutta kuvan mukaan. Oletuksena tämä asetus ei ole päällä.
  4. Kun olet tehnyt tarvittavat määritykset, muista klikata sivun lopussa Tallenna muutokset.

    3. Kuvakaruselli

    Bannerista poiketen kuvakarusellilla voidaan näyttää useampi erilainen bannerinäkymä vaihtuvilla teksteillä ja kuvilla. Kuvakarusellin näkymä vaihtuu itsekseen määrätyin aikavälein tai manuaalisesti selaamalla. Ottaaksesi kuvakarusellin käyttöön, seuraa näitä ohjeita:

    1. Avaa Sivuston hallinta->Ulkoasu->Teemat->MediamiasteriLMS/Muokkaa teeman asetuksia->Karuselli tai valitse Hallintatyökaluista Teeman asetukset->Karuselli.

    2. Avautuvalla sivulla, määritä aluksi yleiset Asetukset:

      1. Näytä karuselli = Valitse näyttääksesi tai piilottaaksesi karusellin.

      2. Karusellin korkeus = Määritä karusellin koko pikseleissä (oletus on 350px).

      3. Kuvien määrä karusellissa = Määritä kuinka monta eri kuvanäkymää eli "slaidia" haluat karusellissa näkyvän.

      4. Intervalli = Määritä kuinka nopealla aikavälillä kuvanäkymät vaihtuvat (oletus on 5000 millisekuntia).

      5. Missä karuselli näkyy = Näytetäänkö kuvakaruselli sivuston etusivulla vai Työpöydällä?

      6. Valitse karusellin leveys = Määritä näytetäänkö kuvakaruselli koko sivun leveydellä vai kapeammalla alueella. Suositus on Täysi leveys.

      7. Sisällön ja kuvan suhde = Valitse leveyden suhde tekstisisällön ja kuvan välillä. Esimerkiksi 5:7 tarkoittaa, että sisältö vie 42% ja kuva 58% leveydestä.
      8. Kuvan sijainti = Valitse näkyykö kuva tekstin vasemmalla vai oikealla puolella.

      9. Karusellin väriasetukset, tästä voit vaihtaa karusellin väriasetuksia.

    3. Seuraavassa osiossa määritellään kuva- ja tekstisisällöt karuselliin. Karuselli koostuu useasta eri "slaidista", joihin voidaan lisätä eri sisällöt.

      Ottaaksesi haluamasi määrän slaideja käyttöön, varmista ensin, että olet aiemman ohjeen mukaisesti syöttänyt oikean lukumäärän kohtaan: "Kuvien määrä karusellissa". Klikkaa tämän jälkeen Tallenna muutokset sivun alaosassa. Kun sivu on päivittynyt, asetuksiin ilmestyy valittu määrä slaideja ja voit aloittaa sisällön lisäämisen.

    4. Määritä kullekin Slaidille seuraavat asetukset:

      1. Elementin otsikko, teksti ja kuva = Lisää haluamasi teksti- ja kuvasisällöt, jotka tulevat näkyviin slaidille (vastaavaan tapaan kuin bannerissa).

      2. Vaihtoehtoinen teksti kuvalle = Lisää kuvalle vapaavalintainen lisäteksti saavutettavuuden parantamiseksi. Tämän kentän voi halutessaan jättää tyhjäksi.

      3. Linkin otsikko = Mikäli haluat tekstiosion alapuolelle erillisen linkin, voit nimetä painikkeen tähän kenttään (esim. "Siirry tästä webinaariin").

      4. Linkki = Lisää url-osoite, johon kyseinen linkki ohjaa. Kyseessä voi olla mikä tahansa sivusto: organisaatiosi verkkosivut, blogi, uutiset, linkki tietylle kurssille, tms. 

      5. Uusi välilehti = Valitse, haluatko avata sivun uuteen välilehteen.

    5. Kun olet tehnyt tarvittavat määritykset, muista klikata sivun lopussa Tallenna muutokset.