Lisää uusi ilme

Päivitämme Lyytiä jatkuvasti ja tästä syystä näkymäsi ei välttämättä täsmää 100% artikkelin näkymän kanssa. 

Designer-lisenssillä voit nyt luoda yrityksesi käyttöön ilmeitä, jotka liitetään ulkoasuihin. 

Ilme tarkoittaa ilmoittautumissivun kokonaisvaltaista visuaalista puolta, siis painikkeiden väriä, fontteja, fonttikokoja ja värimaailmaa. Ulkoasu eli ylä- ja alabannerit lisätään Lyytiin erikseen.

Ilmeen lisäämiseen tarvitaan CSS-koodikielen osaamista.

Ilmeet

1. Klikkaa ylhäällä otsikoista Materiaalit
2. Valitse Ilmeet
3. Voit Tarkastella ja muokata luotuja ilmeitä
4. Lisätä uuden ilmeen

Lisää uusi ilme

1. Anna ilmeelle nimi.
2. Julkaistu-toiminto. Merkitse ilme julkaistuksi vasta, kun se on valmis käytettäväksi. Voit siihen asti työstää ja tallentaa ilmeen muutokset ilman että kukaan muu pääsee ilmettä näkemään tai käyttämään.
3. Koodieditori. Ilmeet tehdään CSS:llä. 
4. Kuvat. Voit lisätä ilmeeseen kuvia seuraavasti:
   • Tallenna ilme ensin kerran ennen kuvan lisäämistä.
   • Klikkaa Lisää kuva. Tuetut tiedostotyypit ovat jpg, png ja gif, suositeltu kuvakoko: 1920 x 1080 px. Näet kuvan heti latauksen jälkeen.
   • Kopioi kuvan osoite ja liitä se koodiin. Huomioithan, että kuvan tiedostonimi on eri, kuin koneellesi nimetty tiedosto.
   • Poistaaksesi kuvan: Vie hiiri kuvan päälle ja klikkaa Poista.
5. Fontit. Voit määrittää ilmeelle fontteja lataamalla fonttitiedostoja
   • Tallenna ilme ensin kerran ennen fontin lisäämistä.
   • Klikkaa Lisää fontti. Tuetut tiedostotyypit ovat tff, otf, eot, woff ja woff2, maksimikoko on 5 MB.
   • Kopioi fonttitiedoston osoite ja liitä se koodiin. Huomioithan, että fontin tiedostonimi on eri, kuin koneellesi nimetty tiedosto.
6. Tallenna ilme.
7. Voit nyt esikatsella luotua ilmettä.
   • Esikatselu näyttää kaikki Lyytin ilmoittautumissivun eri elementit.
   • Kaikki elementit eivät näy oikeasti samaan aikaan, esikatselu näyttää ne vain suunnittelun vuoksi.

Salli ilmeen käyttö

Kun ilme on valmis käyttöön, muista vain merkitä että se on Julkastu (ks. yllä kohta 2), niin se tulee yrityksesi Lyyti-käyttäjien käyttöön.

llmeen tekninen dokumentaatio

Tutustu tekniseen dokumentaatioon täällä (englanniksi).