Editori

Synergia Foxyssa sisällön muokkaus onnistuu helppokäyttöisellä inline-editorilla. Editorin saa  näkyviin joko maalaamalla halutun tekstin, tai painamalla hiiren oikeaa painiketta tyhjällä alueella. 

Mobiililaitteilla editori on kiinteänä ja karsittuna muokattavan tekstin yläpuolella.

Editorin toiminnot

Yllä on kuva aukeavasta editorista. Seuraavaksi käymme läpi editorin perustoiminnot. Isommat kokonaisuudet (linkit ja kuvat) on koottu omille sivuilleen.

Rivivaihto

Oletuksena ENTER -painike lisää uuden kappaleen. Mikäli haluat tehdä rivivaihdon, sinun tulee painaa SHIFT + ENTER.

Älä koskaan käytä rivivaihtoa tavuttamiseen. Vaikka tavutus näyttäisi hyvältä täysikokoisella ruudulla, ei se tee sitä välttämättä mobiilissa.

Muotoilut

Voit valita tekstille muotoilun. Käytettävissäsi ovat Kappale, Otsikko 1, Otsikko 2, Otsikko 3 ja Otsikko 4.

Otsikot eroavat toisistaan ulkonäöllisesti ja arvollisesti. Sisältö kannattaa jaotella eri otsikkotasoja hyödyntäen, jolloin sisältö on selkeää ja helposti luettavaa.

Käytä otsikkotasoja hierarkkisesti. Sivulla tulisi olla ainoastaan yksi Otsikko 1 -tagi. Pyri välttämään otsikkotasojen 'hyppyjä', eli käytä aina Otsikko 2 -tagin jälkeen Otsikko 3 -tagia (eikä Otsikko 4 -tagia).

Lihavointi

Voit lihavoida tekstin tällä painikkeella. Voit käyttää myös pikanäppäinkomentoa (Windowsissa CTRL + b).

Kursivointi

Voit kursivoida tekstin tällä painikkeella. Voit käyttää myös pikanäppäinkomentoa (Windowsissa CTRL + i).

Alleviivaus

Voit alleviivata tekstin tällä painikkeella. Voit käyttää myös pikanäppäinkomentoa (Windowsissa CTRL + u).

Käytä alleviivausta harkiten, koska vakiintuneen käytännön mukaisesti käyttäjä voi erehtyä luulemaan alleviivattua tekstiä linkiksi.

Yliviivaus

Voit yliviivata tekstin tällä painikkeella.

Alaindeksi

Voit vaihtaa teksin alaindeksiksi tällä painikkeella.

Alaindeksi toimii päällä/pois -periaatteella. Jos haluat alaindeksin pois, sinun tulee painaa painiketta toistamiseen.

Yläindeksi

Voit vaihtaa tekstin yläindeksiksi tällä painikkeella.

Yläindeksi toimii päällä/pois -periaatteella. Jos haluat yläindeksin pois, sinun tulee painaa painiketta toistamiseen.

Kappaleen tyyli

Tällä painikkeella voit määritellä kappaleelle muusta tekstistä eroavan tyylin. Käytössäsi on muutama esimääritelty, hyväksi havaittu tyyli.

Kappaleen tyyli toimii päällä/pois -periaattella. Mikäli haluat poistaa tyylin, sinun tulee painaa valittua tyyliä uudestaan.

Riviväli

Tällä painikkeella voit vaihtaa tekstin riviväliä. Oletusarvo on 1.

Tekstin väri

Tällä painikkeella voit vaihtaa tekstin väriä. Käytä värejä harkiten, sillä käyttäjä voi erehtyä luulemaan värillistä tekstiä linkiksi.

Tekstin väri toimii päällä/pois -periaattella. Mikäli haluat poistaa värin, sinun tulee painaa Poista muotoilu -painiketta.

Tekstin tasaus

Tällä painikkella voit tasata tekstin haluamallasi tavalla. 

Listat

Sisällössä kannattaa hyödyntää listoja. Listat ovat todella helppolukuisia, mikä lisää osaltaan sivuston saavutettavuutta.

Järjestämätön lista

Tällä painikkeella voit luoda järjestämättömän listan (ul). 

Järjestetty lista

Tällä painikkeella voit luoda järjestetyn (numeroidun) listan (ol).

Sisennys

Tällä painikkeella voit sisentää listan.

Loitonnus

Tällä painikkella voit loitontaa listan.

Kun painat listan sisällä ENTER -näppäintä, luodaan uusi listaelementti. Jos painat ENTER -näppäintä kaksi kertaa peräkkäin, poistutaan listan ko. tasolta.

Vaakasuora viiva

Tällä painikkeella voit luoda vaakasuoran viivan. Vaakasuorat viivat selkeyttävät sisältöä, joten niitä kannattaa hyödyntää etenkin pitkillä sivuilla.

Lainaus

Tällä painikkeella saat luotua Lainaus -tyylin. Voit lisätä tai vähentää lainausta, mutta yleensä tämä näyttää parhaimmalta ainoastaan yhdellä Lisää -painalluksella. Tyyliä voi käyttää varsinaisten lainausten lisäksi myös huomiotekijänä.

Tämän sivun vinkkikohdat on tehty tätä toimintoa hyödyntäen.

Erikoismerkit

Tällä painikkeella voit tuoda yleisimmin käytettyjä erikoismerkkejä tekstin joukkoon.

Font Awesome

Tällä painikkeella voit tuoda Font Awesome -kirjastossa käytettyjä kuvakkeita tekstin joukkoon.

Hymiöt

Tällä painikkeella voit lisätä hymiöitä (   ) tekstin joukkoon.

Lisää linkki

Tällä painikkeella voit lisätä linkin. Lue lisää linkkitoiminnosta »

Lisää taulukko

Pyri välttämään taulukoiden käyttöä. Taulukot vaativat sivusuunnassa niin paljon tilaa, etteivät ne mahdu kokonaan pienille ruuduille. Voit esimerkiksi linkittää taulukon sivuille PDF -tiedostona.

Tällä painikkeella voit lisätä sivulle taulukon. Valitse aukeavasta valikosta rivien ja sarakkeiden määrä. Voit muokata tätä määrää taulukon luomisen jälkeen.

Kun painat taulukon solua hiiren vasemmalla napilla, aukeaa erillinen taulukonhallinta -valikko.

Taulukon ylätunniste

Tällä painikkeella voit lisätä taulukolle ylätunnisteen (th). Ylätunniste lisätään taulukon ensimmäiseksi riviksi

Poista taulukko

Tällä painikkeella voit poistaa koko taulukon. 

Rivi

Tästä painikkeesta aukeaa selkokielinen valikko, josta voit lisätä ja poistaa rivejä.

Sarake

Tästä painikkeesta aukeaa selkokielinen valikko, josta voit lisätä ja poistaa sarakkeita

Solun tausta

Tällä painikkeella voit asettaa solulle taustavärin. Mikäli haluat värin pois, käytä Poista muotoilu -valintaa.

Pystysuora tasaus

Tällä painikkella voit määritellä miten solun teksti tasautuu pystysuunnassa. 

Vaakasuora tasaus

Tällä painikkeella voit määritellä miten solun teksti tasautuu vaakasuunnassa.

Lisää kuva

Tällä painikkeella voit lisätä kuvan. Lue lisää kuvatoiminnosta »

Lisää video

Tällä painikkeella voit lisätä videon Youtubesta. Voit lisätä linkin liittämällä videon url -osoitteen, tai antamalla Youtuben upotuskoodin. Videoista tehdään automaattisesti ruudun koon mukaan skaalautuvia.

Oletuksena Youtube -videioihin lisätään suositellut videot loppuun. Mikäli et halua näitä mukaan, käytä upotuskoodia. Lisää upotuskoodin src -määrityksen loppuun ?rel=0 -muuttuja, niin ainoastaan oman kanavasi videot näytetään suosituksina.

Tuo tiedosto

Tällä painikkeella voit konvertoida valmiin tiedoston (tekstinkäsittely / taulukkolaskenta) validiin HTML -muotoon. Painike korvaa siis kopioi-liitä -työskentelymallin. Toiminta säilyttää mm. Word -tiedoston tärkeimmät muotoilut ja kuvat. Lue lisää tiedoston tuonnista »

Toimintoa ei ole tarkoitettu PDF -tiedostojen tuontiin. Mikäli haluat PDF -tiedoston sivulle, linkitä se.

Peru

Toiminnolla saat peruutettua editorin sisällä tekemiäsi toimintoja. Voit käyttää myös pikanäppäinkomentoa (Windowsissa CTRL + z). Mikäli painike on harmaa, muutoksia ei ole tehtynä.

Kun tallennat sisällön, toiminto nollaantuu. Tämän jälkeen et voi enää peruuttaa muutoksia ilman aiemman sisällön palautusta.

Tee uudelleen

Toiminnolla voit tehdä uudelleen perumasi muutokset. Voit käyttää myös pikanäppäinkomentoa (Windowsissa CTRL + SHIFT + z). Mikäli painike on harmaa, muutoksia ei ole peruttu.

Poista muotoilu

Tällä painikkeella voit poistaa muotoilun maalaamaltasi alueelta. Toiminto poistaa värit, lihavoinnit, kursivoinnit yms.

Valitse kaikki

Tällä toiminnolla voit valita kaiken sisällön avoimesta editorista.

Koodinäkymä

Painikkeella pääset käsiksi muokattavan alueen HTML -koodiin. Normaalikäytössä tätä painiketta ei tarvita, mutta edistyneet käyttäjät voivat tehdä tänne muutoksia, joita ei suoraan editorilla saa tehtyä.