Komponentit: kuinka luot sisältöä?
Täältä löydät tietoa eri komponenteista ja siitä, miten niitä voi käyttää aalto.fi-sivustolla.
Tällä komponentilla esitellään hubi tekstiosan ja kuvan avulla. Komponentilla voi olla kaksi kokoa: keskikokoinen ja suuri. Nämä kaksi eri kokovaihtoehtoa on esitetty alla olevissa kuvissa.
Sisältöä korostavan komponentin avulla voidaan näyttää enintään kuusi muihin hubeihin ja/tai sisältösivuille johtavaa nostoa. Voit muuttaa valitun kuuden noston järjestystä vetämällä ja pudottamalla nostoja muokkaustilassa. Oikealla on esimerkki sisällön korostamisesta.
Tämän komponentin avulla voit esitellä ajankohtaisia ja mielenkiintoisia artikkeleita.
Pikalinkkejä käytetään sivun tärkeimmissä linkeissä. Komponentti sisältää linkkien otsikot ja pienen kuvauksen. Voit myös lisätä linkkeihin kuvan.
Käytä aina kolmea linkkiä. Pikalinkkikomponentti ei toimi, jos linkkejä on tätä vähemmän tai enemmän. Käytä tätä komponenttia vain kerran yhdellä sivulla. Alla on kaksi esimerkkiä pikalinkkikomponentista.
Kuvakkeet (pienet keltaiset kuvat) löytyvät napsauttamalla ”Select media” kohdassa ”Image”. Löydät kaikki kuvakevaihtoehdot kirjoittamalla ”icon” nimihakukenttään. Valitse sisältöön parhaiten sopiva kuvake.
Seuraavia komponentteja käytetään vain aalto.fi-etusivulla, päävalikon sivuilla (lukuun ottamatta osiota ”Palvelut”) ja korkeakoulujen aloitussivuilla.
Hero-komponentteja käyttävät vain nimetyt toimittajat. Pidä Hero-magazinen otsikot houkuttelevina ja lyhyinä.
Hero-videokomponentti on koko aalto.fi-sivuston keskeinen osa-alue. Hero-videon on tarkoitus tuottaa vau-reaktio sivuston kävijöissä, maksimoida visuaalinen vaikutus ja lisätä tunnetta ulkoasuun. Videon pituus saa olla enintään viisi sekuntia.
Tämä komponentti on animoitu, mikä tarkoittaa sitä, että tummemmat elementit liikkuvat hieman. Taustavärivaihtoehdot ovat punainen, keltainen ja sininen. Korkeakoulujen aloitussivuilla käytetään kuitenkin oletusarvoisesti niiden omia värejä. Komponentin teksti voi sisältää linkkejä.
Sosiaalisen median bannerilla voit korostaa sosiaalisen median tilejä linkittämällä eri kanaviin. Taustavärivaihtoehdot ovat punainen, keltainen ja sininen. Samalla tavalla kuin Rich text highlight -komponentin kohdalla, korkeakoulujen aloitussivujen sosiaalisen median bannereissa käytetään korkeakoulujen omia värejä.
Tämä komponentti sisältää kolme tärkeintä linkkiä. Alla olevan kuvan keltainen väri korvataan korkeakoulujen aloitussivuilla niiden brändiväreillä.
Alla olevan linkin takaa löydät linkit kaikkiin ohjeisiimme eri komponenteista.
Täältä löydät tietoa eri komponenteista ja siitä, miten niitä voi käyttää aalto.fi-sivustolla.