Sivut

Sivujen muokkaus

1) Kun käytössä on oletuseditori

Sivujen muokkaus oletuseditorissa tapahtuu samoin tavoin kuin tekstin muokkaus tavallisessa tekstinkäsittelyohjelmassa, esimerkiksi Microsoft Wordissa. Kirjoittamaasi tekstiä muotoillaan eri tasoisiksi otsikoiksi maalaamalla ja valitsemalla pudotusvalikosta haluttu otsikkotaso. Samalla tavoin voit myös tehdä listoja, kursivoida, lihavoida, jne.

Huom! Jos näet vain yksirivisen muotoilupalkin, klikkaa Näytä/piilota työkalupalkki -painiketta.

 

2) Kun käytössä on Divi-builder -editori

Divi Builder -editoria käytettäessä näkymä koostuu neljästä eri palasesta:
– Osioista (sininen)
– Riveistä (vihreät)
– Kolumneista (valkoiset rivien sisällä)
– Moduuleista (harmaareunuksiset valkoisten sisällä)

Yhdellä sivulla voi olla lukematon määrä kaikkia näitä palasia!

Jokaisen palasen värillisessä osiossa on painikkeet, joita klikkaamalla voi muokata kyseisen palasen ominaisuuksia, poistaa sen tai monistaa. Palasien järjestystä on myös mahdollista muokata raahamalla niitä hiirellä paikasta toiseen. Pitämällä hiiren kursoria hetken painikkeiden päällä, näet ohjetekstin mitä kyseinen painike tekee.

 

Esimerkki yhdistyksille tarkoitetun ulkoasupaketin mukana tulevan etusivun muokkauksesta

Etusivu on rakennettu käyttäen 18 eri moduulia. Alla olevissa kuvissa näytetään numeroin mikä moduuli vastaa mitäkin varsinaisella sivustolla näkyvää elementtiä.

Kutakin moduulia pääsee muokkaamaan klikkaamalla kolmea allekkain olevaa viivaa!

1. Täysleveän taustakuvan vaihtaminen
2. Yhdistyksen nimen ja lyhyehkön ingressitekstin muokkaus (katso aukeava näkymä tästä »)
3. Oikean reunan vihreät CTA (Call to Action) painikkeet ja niiden muokkaus (voit vaihtaa tekstin ja URL-osoitteen, jonne painikkeen klikkaus vie)
4. Ison kuvan alla olevan valkoisen osion otsaketekstin muokkaus
   • moduulin vihreä väri symboloi sen olevan ns. sivuston laajuinen; sen tyylien (värin, tekstikoon, yms.) muokkaus vaikuttaisi muihinkin sivustolla esiintyviin ”Otsikko 36px” moduuleihin
5. Yleisemmän esittelytekstin muokkaus
6. Oikean reunan pienehkön kuvan muokkaus  (katso aukeava näkymä tästä »)
7. Uutisia -otsakkeen muokkaus
8. Hyvin ohut elementit erottava viiva, (ei tarvetta muokata)
9. Blogifeedin tuottava moduuli, (ei tarvetta muokata)
10. Vihreätaustaisen kalenterielementin otsake
11. Kalenterimoduuli. Pyydä feed url -osoite ylläpidosta (kalenterimoduuliin ei toistaiseksi ole tarjoilla sisältöä, joten sitä ei kannata pitää näkyvissä).
12. Hyvin ohut elementit erottava viiva, (ei tarvetta muokata)
13. Vihreät sosiaalisessa mediassa -otsake
14. Vihreiden sosiaalinen feedi, (ei tarvetta muokata)
15. Hyvin ohut elementit erottava viiva, (ei tarvetta muokata)
16. & 17. & 18. Alaosion yleispätevä CTA-osio, (ei tarvetta muokata)

 

 

 

Esimerkit muokkauspainikkeesta aukeavasta näkymästä

Teksti-moduuli

Kun muokkaat moduulia, joka sisältää tekstiä, aukeaa seuraavan kaltainen näkymä. Näkymä on jaettu kolmeen välilehteen; General Settings, Advanced Design Settings, sekä Custom CSS. Lähtökohtaisesti sinun tarvitsee tehdä muutoksia vain General Settings -välilehdellä (alla kuvassa valittuna).

Tee tekstimuutokset tutun näköiseen tekstinmuokkauseditoriin ja kun olet valmis, klikkaa alareunan vihreää Save & Exit -painiketta.

Vinkki: Pudotusvalikoista voit myös helposti vaihtaa tekstin väriä, asettelua sekä muita ominaisuuksia.

 

Kuva-moduuli

Kun muokkaat kuva-moduulia, aukeaa seuraavan kaltainen näkymä. Näkymä on jaettu kolmeen välilehteen; General Settings, Advanced Design Settings, sekä Custom CSS. Lähtökohtaisesti sinun tarvitsee tehdä muutokset vain General Settings -välilehdellä (alla kuvassa valittuna).

Vaihtaaksesi kuvan klikkaa Upload an Image -painiketta, jolloin aukeaa mediakirjasto -näkymä, josta voit valita haluamasi kuvan tai vaihtoehtoisesti etsiä koneeltasi uuden.

Näkymässä on myös useita eri valintoja, joita voit rohkeasti kokeilla. Esimerkiksi Open in Lightbox -valinnalla saat kuvan aukeamaan täysikokoisena sitä klikattaessa. Kun olet valmis, klikkaa alareunan vihreää Save & Exit -painiketta.