Tekstikomponentit viestisi tehostamiseksi
Text paragraph -komponentti
Text paragraph on komponentti niin sanotulle leipätekstille. Leipäteksti voi sisältää seuraavia muotoiluja.
Alaotsikkotaso 2 = Heading h2
Alaotsikkotaso 3 = Heading h3
- Jokaisen sivun pääotsikko on automaattisesti tyyliltään Heading h1.
Leipätekstin lihavointi ja linkittäminen
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
Tekstin esittäminen taulukoissa ja listoina
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.
- Listauksen kohta 1
- Vinkki: paina Enter-näppäintä edellisen rivin lopussa, minkä jälkeen paina kerran Tab-näppäintä ja saat ko. listan asialle alakohdan
- tämä on alin listarivi
- Vinkki: paina Enter-näppäintä edellisen rivin lopussa, minkä jälkeen paina kerran Tab-näppäintä ja saat ko. listan asialle alakohdan
- Listauksen kohta 2
- Numerolistauksen kohta 1
- Vinkki: paina Enter-näppäintä edellisen rivin lopussa, minkä jälkeen paina kerran Tab-näppäintä ja saat ko. listan asialle alakohdan
- tämä on alin numerolistauksen rivi
- Vinkki: paina Enter-näppäintä edellisen rivin lopussa, minkä jälkeen paina kerran Tab-näppäintä ja saat ko. listan asialle alakohdan
- Numerolistauksen kohta 2
Lainaus eli Quote-komponentti
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.
Tekstinostot eli Highlight-komponentti
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
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.
Listaus Double column -asetuksella
Kuvaus ensimmäiselle asialle.
Toinen kategoria
Kuvaus toiselle asialle.
Horizontal divider -komponentti
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.
Lisää Drupal-ohjeita ja vinkkejä
Components: how to create content for aalto.fi?
Get to know the aalto.fi components for creating versatility and visuality when delivering your content.
Ohjeita uutisen kirjoittamiseen
Kirjoitatko uutista tai muuta ajankohtaissisältöä Aallon verkkosivuille? Tutustu ohjeisiimme ja kirjoita entistäkin paremmin!
Siteimprove auttaa parantamaan sisällön laatua
Työkalu etsii sivultasi erilaisia virheitä, kuten rikkinäisiä linkkejä ja kirjoitusvirheitä, jotka voit heti korjata. Lue lisää!
Aalto.fi-sivuston erilaiset sivutyypit
Haluatko oppia lisää aalto.fi-sivustolla käytettävistä sivutyypeistä?
Viestintäpalvelut
- Julkaistu:
- Päivitetty: