Opiportal 3

Ulkoasu

  

  • Sivupohjat

    Opiportal 3:n sivupohjat on rakennettu Bootstrap frameworkin päälle, joka mahdollistaa sen, että kaikki pohjat ovat responsiivisia.

    Mikäli haluat tehdä itse sivupohjia niin suosittelemme, että tutustut seuraaviin linkkeihin:

    Muuta huomioitavaa

    • Määritä uusi sisältöalue <content value="{nro}"></content> -tagilla jossa {nro} kertoo sisältöalueen numeron. On suositeltavaa, että valikko on aina nro 1, pääsisältöalue 3 ja footer 5. Tällä tavoin sivupohjan vaihtaminen toiseen on tarvittaessa helpompaa.
    • Voit lisätä <content> -tagin sisälle demo-sisältöä, joka näkyy vain ylläpidon sisältöeditorissa kunnes sisältöalueeseen lisätään yksi tai useampi elementti. Voit käyttää pääsisältöalueessa {variable#loremIpsum}, sisältöalueessa {variable#loremIpsumShort} ja pääkuva-alueessa <img src="http://lorempixel.com/1100/300/business/Demokuva/" alt=""> -muuttujia, jotka generoivat sivupohjaan demosisältöä.
    • Sivuston perusrakenne generoidaan aina automaattisesti, joten lisää sivupohjaan vain <body></body> -tagien sisälle tuleva rakenne.
    • HUOM! Katso myös Opiportal 3 sivupohja esimerkki.
        
    • 1. Kuinka lisään oman sivupohjan?
      • Mikäli sinulla on riittävät käyttöoikeudet, niin löydät Sivupohja -editorin seuraavalla tavalla: Valitse vasemmassa reunassa olevasta valikosta "Ulkoasu" tai jos olet sisältöeditorissa niin vie hiiri yläpalkin "Toiminnot" -kohdan päälle ja valitse "Ulkoasu".
      • Klikkaa "Sivupohjat" -kuvaketta ja sitten "Luo uusi sivupohja" -painiketta.
      • Syötä "Nimi" -kenttään pohjan nimi ja vaihda "Käytössä" -kohtaa "Kyllä" -vaihtoehto.
      • Pohjan voi tallentaa niin usein kun on tarvetta "Tallenna" -painikkeella. Jokaisesta tallennuksesta jää erillinen versio talteen versiohallintaan. Eli voit tarvittaessa palauttaa pohjasta vanhemman version.
         
    • 2. Kuinka asetan lisäämäni pohjan käyttöön?
      • Siirry sisältöeditorin puolelle vasemman valikon "Sivut" -linkistä jos et ole jo siellä.
      • Klikkaa vasemman alaosan "Näytä sivuston asetukset" -painiketta.
      • Siirry aukeavasta valikosta "Ulkoasu" -välilehteen.
      • Valitse "Sivupohja" -alasvetovalikosta tekemäsi pohja.
      • Lopuksi klikkaa alaosasta "Tallenna" -painiketta.
         
    • 3. Kuinka palautan vanhemman version pohjasta?
      • Valitse vasemmassa reunassa olevasta valikosta "Ulkoasu" tai jos olet sisältöeditorissa niin vie hiiri yläpalkin "Toiminnot" -kohdan päälle ja valitse "Ulkoasu".
      • Klikkaa "Sivupohjat" -kuvaketta ja avaa palautettava pohja editoriin "Muokkaa" -painikkeella.
      • Siirry "Historia" -välilehteen ja klikkaa "Palauta" -painiketta sen rivin kohdalla jonka haluat palauttaa.
      • HUOM! voit vertailla nykyistä ja vanhaa versiota "Vertaile" -painikkeesta ennen palauttamista.
      Takaisin