Komponentit: kuinka luot sisältöä?
Täältä löydät tietoa eri komponenteista ja siitä, miten niitä voi käyttää aalto.fi-sivustolla.
Text paragraph on komponentti niin sanotulle leipätekstille. Leipäteksti voi sisältää seuraavia muotoiluja.
Leipätekstiä voidaan lihavoida tai linkittää, jos on tarve. Linkit voidaan esittää myös linkkiä korostavalla tyylillä, jolloin linkin eteen ilmestyy nuoli, sen alle viiva ja linkitetty teksti siirtyy omalle rivilleen, ks. alla.link highlight -tyyli
Joskus tekstin esittäminen taulukoissa (esim. lukuja kerrottaessa) tai listoina ovat paikallaan ja ne lisäävät vähän sisällön visualisuutta. Alla esimerkkejä.
Ensimmäinen solu (otsikkorivi) | Toinen solu (otsikkorivi) |
---|---|
Kolmas solu | Neljäs solu |
Viides solu | Kuudes solu |
Vinkki: Kun painat Tab-näppäintä taulukon viimeisen solun lopussa, niin saat uuden tyhjän taulukkorivin.
Lainauksia voidaan käyttää nostamaan esiin yksittäinen ajatus tai lause. Lainauksen tulee olla lyhyt, esim. yksi lause, joka on maksimissaan 120 merkkiä välilyönteineen. Lainaus voi sisältää kuvan. Alla näet vaihtoehtoja lainauksesta ilman kuvaa ja kuvan kanssa.
Huomaathan, että tätä komponenttia käytettäessä ei lainauksen ympärille lisätä lainausmerkkejä, koska yksi merkki sisältyy jo komponentin visuaalisuuteen.
Lainauksen lähde, joka yleensä sisältää sanojan tittelin, nimen ja organisaation.Tämä on lainaus ilman kuvaa.
Lainauksen lähde, joka yleensä sisältää sanojan tittelin, nimen ja organisaation.Tämä on lainaus kuvan kanssa.
Highlights-komponentteja voidaan käyttää samalla tavalla kuin lainauksia (Highlight-komponentti). Molemmat komponentit ovat hyviä tapoja painottaa jotain artikkelin asiasisältö(j)ä. Higlights-komponenteissa teksti on lyhyt, maksimissaan 120 merkkiä välilyönteineen.
Tässä komponentissa on kaksi taustavärivaihtoehtoa: Sininen (Blue) ja keltainen (Yellow). Katso alla esimerkit molemmista. Highlight-komponentilla korostetaan jotain sivulla jo esiintyvää tietoa, eikä esitetä uutta tietoa, jota ei sivulla muuten ole.
Huomaathan, että Highlight-komponenttia ei käytetä otsikointiin, vaan otsikoissa käytetään Drupalin tarjoamia valmiita otsikkotyylejä Heading 2 tai Heading 3. Näin siksi, että hakukoneet etsivät sisältöä vain edellä mainituista otsikkotyyleistä, ja pääotsikosta.
Listing-komponentti on tekstikomponentti, johon voi kirjoittaa kategorioita/otsikoista ja niistä lisätietoja. Komponentissa on kaksi esitystapaa: haitari (accordion) tai tuplakolumni (double column).
Accordion-versiossa tekstit näkyvät menuna, josta käyttäjä voi klikata eri kategorioita ja nähdä lyhyen kuvauksen kyseisestä aiheesta. Double column -versiossa kaikki tieto näkyy käyttäjälle suoraan klikkaamatta. Kategoria näkyy vasemman puoleisessa kolumnissa ja otsikko oikean puoleisessa.
Voit editoida näiden kategorioiden otsikoita, kuvaustekstejä, linkkejä ja linkkitekstejä. Alla on esimerkki Listingista, jossa on kaksi eri kategoriaa, molemmilla esitystavoilla. Nämä molemmat tekstit voivat sisältää perinteistä tekstin muotoilua.
Kuvaus ensimmäiselle asialle. Tähän voi lisätä sisältöä ja esim. linkkejä.
Kuvaus toiselle asialle.
Kuvaus ensimmäiselle asialle.
Kuvaus toiselle asialle.
Tätä komponenttia voidaan käyttää jakana, kun halutaan esimerkiksi erottaa kaksi leipätekstiä toisistaan, jolloin Horizontal divider lisätään kahden Text paragraph -komponentin väliin. Alla on esimerkki tästä mustasta horisontaalisesta viivasta.
Täältä löydät tietoa eri komponenteista ja siitä, miten niitä voi käyttää aalto.fi-sivustolla.
Kirjoitatko uutista tai muuta ajankohtaissisältöä Aallon verkkosivuille? Tutustu ohjeisiimme ja kirjoita entistäkin paremmin!
Työkalu etsii sivultasi erilaisia virheitä, kuten rikkinäisiä linkkejä ja kirjoitusvirheitä, jotka voit heti korjata. Lue lisää!
Haluatko oppia lisää aalto.fi-sivustolla käytettävistä sivutyypeistä?