Sisältöön
Synergia Foxy
 

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

Inline -editori
Kuva: Inline -editori

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

Rivivaihto

Oletuksena -painike lisää uuden kappaleen. Mikäli haluat tehdä rivivaihdon, sinun tulee painaa pohjassa <ENTER> -painiketta. Älä koskaan käytä rivivaihtoa tavuttamiseen. Vaikka tavutus näyttäisi hyvältä tietokoneen ruudulla, mobiilissa rivitykset voivat näyttää erilaiselta.

Muotoilut

Muotoilut -painike

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. Lue lisää otsikoiden käytöstä saavutettavuusohjeista »

Lihavointi

Lihavointi -painike

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

Kursivointi

Kursivointi -painike

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

Alleviivaus

Alleviivaus -painike

Voit alleviivata tekstin tällä painikkeella. Voit käyttää myös pikanäppäinkomentoa (Windowsissa  pohjassa ). Käytä alleviivausta harkiten, koska vakiintuneen käytännön mukaisesti käyttäjä voi erehtyä luulemaan alleviivattua tekstiä linkiksi.

Yliviivaus

Yliviivaus -painike

Voit yliviivata tekstin tällä painikkeella.

Alaindeksi

Alaindeksi -painike

Voit vaihtaa teksin alaindeksiksi tällä painikkeella.

Yläindeksi

Yläindeksi -painike

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

Kappaleen tyyli

Kappaleen tyyli -painike

Tällä painikkeella voit määritellä kappaleelle muusta tekstistä eroavan tyylin. Käytössäsi on muutama esimääritelty, hyväksi havaittu tyyli. Käytä Läpinäkyvyyttä harkiten, koska likinäköinen lukija ei saa välttämättä harmaasta tekstistä selvää.

Riviväli

Riviväli -painike

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

Tekstin väri

Tekstin väri -painike

Tällä painikkeella voit vaihtaa tekstin väriä. Käytä tekstin väriä harkiten, sillä kaikki värillinen teksti sivulla voidaan tulkita linkkinä. Mikäli haluat poistaa värin, Paina Poista muotoilu -painiketta.

Tekstin tasaus

Tekstin tasaus -painike

Tällä painikkella voit tasata tekstin haluamallasi tavalla. Vasemmalle tasattu teksti on luettavuudeltaan paras.

Listat

Sisällössä kannattaa hyödyntää listoja, koska listat ovat todella selkeitä ja helppolukuisia. Kun painat listan sisällä <ENTER> -painiketta, luodaan uusi listaelementti. Jos painat <ENTER> -näppäintä kaksi kertaa peräkkäin, poistutaan listan ko. tasolta. Mikäli haluat poistaa koko listan, voit painaa Loitonna -painiketta useamman kerran.

Järjestämätön lista

Järjestämätön lista -painike

Tällä painikkeella voit luoda järjestämättömän listan

    .
Kunkin listaelementin eteen lisätään esimääritelty luettelomerkki.

Järjestetty lista

Järjestetty lista -painike

Tällä painikkeella voit luoda järjestetyn listan

    .
Kunkin listaelementin eteen lisätään numero.

Sisennys

Sisennys -painike

Tällä painikkeella voit sisentää elementin listasta.

Loitonnus

Loitonnus -painike

Tällä painikkella voit loitontaa listaelementin. 

Vaakasuora viiva

Vaakasuora viiva -painike

Tällä painikkeella voit luoda vaakasuoran viivan


. Vaakasuorat viivat selkeyttävät sisältöä, joten niitä voi hyödyntää etenkin pitkillä sivuilla.

Lainaus

Lainaus -painike

Tällä painikkeella saat luotua lainauksen. Käytä ainoastaan yhtä Lisää -painallusta. Lainaus voi sisältää ainoastaan yhden kappaleen. 

Erikoismerkit

Erikoismerkit -painike

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

Font Awesome

Font Awesome -painike

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

Hymiöt

Hymiöt -painike

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

Lisää linkki

Lisää linkki -painike

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

Lisää taulukko

Lisää taulukko -painike

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. Valitse aukeavasta valikosta rivien ja sarakkeiden määrä. Kun painat taulukon solua hiiren vasemmalla napilla, aukeaa erillinen Taulukon hallinta.

Taulukon ylätunniste

Taulukon ylätunniste -painike

Tällä painikkeella voit lisätä taulukolle ylätunnisteen . Taulukko voi sisältää ainoastaan yhden ylätunnisteen.

Poista taulukko

Poista taulukko -painike

Tällä painikkeella voit poistaa koko taulukon. 

Rivi

Rivi -painike

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

Sarake

Sarake -painike

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

Solun tausta

Solun tausta -painike

Tällä painikkeella voit asettaa solulle taustavärin. Mikäli haluat värin pois, käytä Poista muotoilu -valintaa. Pyri välttämään solun taustavärin käyttöä, koska taustaväri pätee myös mobiilissa (kun solut tippuvat allekain).

Pystysuora tasaus

Pystysuora tasaus -painike

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

Vaakasuora tasaus

Vaakasuora tasaus -painike

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

Lisää kuva

Lisää kuva -painike

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

Lisää video

Lisää video -painike

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.

Tuo tiedosto

Tuo tiedosto -painike

Mikäli sinulla on olemassaolevaa sisältöä esim. Word -tiedostossa, voit tuoda sisällön paikoilleen tällä painikkeella. Painike korvaa siis + -logiikan. Toiminto säilyttää 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

Peru -painike

Toiminnolla saat peruutettua soluun tekemiäsi muutoksia. Voit käyttää myös pikanäppäinkomentoa (Windowsissa pohjassa ). Mikäli painike on harmaa, muutoksia ei ole vielä 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

Tee uudelleen -painike

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

Poista muotoilu

Poista muotoilu -painike

Tällä painikkeella voit poistaa muotoilut haluamaltasi alueelta. Toiminto poistaa mm. värit, lihavoinnit, kursivoinnit ja muut perusmuotoilut. 

Valitse kaikki

Valitse kaikki -painike

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

Koodinäkymä

Koodinäkymä -painike

Painikkeella pääset käsiksi muokattavan alueen HTML -koodiin.

 

Haluatko lisätietoa Foxysta?

Kiinnostuitko Foxysta? Tuliko sinulle kysyttävää järjestelmän toiminnasta? Haluatko pyytää tarjouksen vai kenties tunnukset demosivustollemme? Ota meihin yhteyttä, niin autamme mielellämme!

Web Designer
Matti Hautaniemi

matti.hautaniemi @ mainossynergia.com
puh. 040 724 0806