Kuvien lisääminen

Kuvan lisääminen Media highlight -portlettiin

Media highlight -portletti on kuvien ensisijainen ja suositeltava sijoituspaikka. Media highlight -portlettiin lisätyt kuvat skaalautuvat automaattisesti oikein erikokoisilla näytöillä. Jos kuvan sen sijaan lisää Sisältö-portlettiin, tulee itse huolehtia, että sisältösivu skaalautuu mobiilinäytölle tyylikkäästi.

Tunnistat Media highlight -portletin sen alareunassa näkyvistä kuva- ja videopainikkeista. Lisäksi portletin nimi ilmestyy näkyviin, kun viet kursorin sen päälle.

Media highlight -portletti:

1. Aloita kuvan lisääminen Media highlight -portlettiin painamalla Lisää kuva -painiketta  kuvapaikan alla.

2. Sen jälkeen paina Lisää näytettävä kuva -painiketta.

3. Lisää kuva suoraan tietokoneelta tai Lukkarissa olevista kuvatiedostoista 

Kuvan voi lisätä Lukkariin kahdella tavalla: joko suoraan tietokoneeltasi tai Lukkarissa olevasta kuvahakemistosta. Jos lisäät kuvan tietokoneelta, siirry ensin Lukkarissa kansioon, jonne haluat kuvan tallentaa. Paina sitten "Valitse tiedosto" -painiketta ja etsi kuva koneeltasi tai tuo tiedosto hakemistoon raahaamalla. Jos haluamasi kuva on jo Lukkarin hakemistossa, etsi se oikeasta kansiosta, klikkaa kuva auki ja oikealla alhaalla "Lisää" -painiketta. 

4. Täytä kuvan tiedot

Tästä aukeavaan ikkunaan eli valittuun kuvaan voi lisätä kolme valintaa tai lisätietoa: 

Kuvateksti: Kuvateksti tulee näkyviin sivulle kuvan alle, paitsi sivumallissa 1.14 sivun ylälaidassa olevaan isoon vaakakuvaan se tulee kuvan päälle. Pidä kuvateksti lyhyenä ja selkeänä. 

Alt-teksti: Alt-tekstin lisääminen on pakollista. Alt-tekstiä käyttäävät näkövammaisten verkkolukulaitteet. Alt-tekstin tulee tarvittaessa korvata kuvan sisällöllinen merkitys sivulla ja sen tulisi vastata kysymykseen "Mitä kuvasta tulisi ymmärtää?" Alt-teksti täytyy pitää lyhyenä, sen enimmäismerkkimäärä on 75 merkkiä. 

Muita valintoja:

• "Kuva näkyy suurempana kuvaa klikkaamalla". Se tarkoittaa sitä, että kun käyttäjä klikkaa kuvaa sivustolla, hänen selaimeen aukeaa suurempi versio kuvasta. Sen jälkeen kuvaa klikataan uudestaan kuva näkyy sivustolla normaalissa koossa.
• "Kuva näkyy isona bannerikuvana". Valitse tämä silloin, kun lisäät kuvan 1.14 -sivumalliin (Tule mukaan -sivujen sivumalli)

5. Klikkaa tallenna

Kuvan lisääminen Sisältö-portlettiin

Suositeltavaa on, että kuvat lisätään Media Highlight -portlettiin. Jos lisäät kuvan Sisältö-portlettiin, huolehdi itse, että kuva skaalautuu mobiilinäytölle tyylikkäästi. Kuvan kokoon ja asemointiin tulee siis kiinnittää erityistä huomiota. Lopuksi kannattaa sivua katsoa kännykällä. Kuva toimii Sisältö-portletissa parhaiten niin, että samassa portletissa ei ole kuvan lisäksi muuta sisältöä, kuten tekstiä.

Kun olet lisännyt kuvan, klikkaa vielä kuvaa muokkaustilassa hiiren oikealla painikkeella, valitse Kuvan ominaisuudet ja kirjoita vaakatila- ja pystytila-kenttiin luku 10. Tämä asetus luo kuvan ympärille tyhjää tilaa, jolloin mahdollinen muu sisältö ei pääse tunkeutumaan liian lähelle kuvaa.

Kuva lisätään Sisältö-portlettiin valitsemalla kuvan kuvake tekstieditorissa.

Tästä avautuu samanlainen näkymä kuin kuvaa lisätessä Media Highlight -portlettiin ja vaiheet ovat tästä eteenpäin samat. Katso yläpuolelta ohjeen kohdat 3–5.