FLOWCMS KÄYTTÖOPAS V 1.73

Transkriptio

1 FlowCMS 1(41) FLOWCMS KÄYTTÖOPAS V 1.73 Sisältö YLEISTÄ... 2 YLLÄPITO... 2 YLLÄPITOTUNNUKSIEN HALLINTA... 2 PERUSTEET... 4 KÄYNNISTÄMINEN JA KIRJAUTUMINEN... 4 CMS:N NÄKYMÄT... 5 SISÄLTÖEDITORI... 6 SIVUN ETSIMINEN... 8 OTSIKON LISÄÄMINEN... 9 SISÄLLÖN LISÄÄMINEN SISÄLLÖN KOPIOIMINEN MICROSOFT WORD:STA LINKKIEN LISÄÄMINEN KUVIEN LISÄÄMINEN TAULUKOT UPOTUSTEN LISÄÄMINEN (ESIM. VIDEOT) MUUTOSTEN TALLENTAMINEN MUUTOKSIEN KATSELEMINEN PALAUTTAMINEN AIEMPAAN VERSIOON SIVUN LISÄÄMINEN LUONNOSSIVUSTON KATSELEMINEN SISÄLLÖN JULKAISEMINEN LOMAKE TIEDOSTOT JA KUVAT TIEDOSTOJEN JA KUVIEN LÖYTÄMINEN CMS:N TUKEMAT TIEDOSTO- JA KUVATYYPIT TIEDOSTOJEN JA KUVIEN LATAAMINEN PALVELIMELLE USEIN KYSYTTYÄ FONTTIKOKO NÄYTTÄÄ POIKKEUKSELLISEN SUURELTA TIEDOSTOJEN LATAAMINEN PALVELIMELLE EI ONNISTU MUOKKAUSOIKEUKSIEN HALLINTA SIVUKOHTAISESTI MITEN MUUTAN ALASIVUN URL-OSOITETTA? MIKSI RIVIVÄLI ON NIIN SUURI? v 1.7: Usein kysyttyä -osio (UKK) lisätty v 1.71: Lomakeohjetta täydennetty v 1.72: Lisätty ohje muokkausoikeuksien sivukohtaiseen hallintaan v 1.73: UKK täydennetty, täydennetty lomakeohjetta (vastaanottajat), lisätty ohje taulukoiden käytöstä (otsikkorivi) FlowCMS käyttöopas

2 FlowCMS 2(41) YLEISTÄ HUOMAUTUS: Tämä dokumentti ja sen mahdolliset lisäosat on tarkoitettu vain sivuston ylläpitäjän tueksi. Ohjeissa voi esiintyä toiminnallisuuksia, jotka eivät yhteensopivuussyistä ole käytettävissä sivustonne kohdalla. Tämä dokumentti ei velvoita järjestelmätoimittajaa muokkaamaan sisällönhallintajärjestelmän toimintoja julkaisun jälkeen, mikäli kyseisiä toimintoja ei ole määritelty sivuston suunnitteluvaiheessa tarpeellisiksi. FlowCMS tarkoittaa sivuston sisällönhallintajärjestelmän, siihen lisättyjen moduulien sekä sivustokohtaisten, yksilöllisesti suunniteltujen ja toteutettujen toiminnallisuuksien muodostamaa kokonaisuutta. FlowCMS:n käyttöliittymä sivuston ylläpitoa varten perustuu avoimen lähdekoodin SilverStripe-sisällönhallintajärjestelmään. Ohjeessa esiintyvät kuvakaappaukset voivat näyttää joidenkin yksityiskohtien osalta erilaisilta kuin sivustonne sisällönhallinta johtuen järjestelmän jatkuvasta kehittämisestä sekä eri kieliversioista. Ylläpito Kirjautuminen sisällönhallintaan tapahtuu osoitteessa Jos kirjautumiskentät eivät tule heti näkyviin, käytä selaimesi Päivitä-toimintoa (tai paina F5). Sivustosi admin-tunnukset toimitetaan erikseen. Sivustolle on mahdollista lisätä jälkikäteen uusia ylläpitäjiä* eritasoisilla käyttöoikeuksilla. Mahdollisten ongelmatilanteiden varalta on suositeltavaa, ettette poista Focus Flow n ylläpitooikeuksia (käyttäjätunnus admin tai Default Admin ). Ylläpitotunnuksien hallinta - Valitse välilehti Security / Turvallisuus - Valitse vasemman reunan valikosta ryhmä Administrators. Pääset näkymään jossa voit muokata ja lisätä ylläpitäjiä. - Täytä uuden ylläpitäjän tiedot kenttiin (määritä salasana itse, ylläpitäjä voi vaihtaa sen halutessaan) ja klikkaa Lisää. - Vanhoja ylläpitäjiä voi muokata kunkin rivin päässä olevilla muokkaus ja poistopainikkeilla.

3 FlowCMS käyttöopas FlowCMS 3(41)

4 FlowCMS 4(41) PERUSTEET Käynnistäminen ja kirjautuminen 1 Avaa Internet-selaimesi. Suosittelemme käyttämään selaimesi viimeisintä versiota. 2 Kirjoita Web-osoitteesi, jonka perään /admin. Esim. 3 Paina enter:iä tai napsauta Go painiketta selaimestasi. Tämä vie sinut kirjautumissivulle. 4 Kirjoita sähköpostiosoitteesi Jos valitset Muista seuraavalla ja salasanasi, kerralla?, jonka kirjautumiskenttä jälkeen napsauta Kirjaudu sisään -painiketta. Tämä vie sinut CMS-pääikkunaan. esikirjoittaa nimesi seuraavalla kerralla kun kirjaudut CMS:ään. Käytä tätä ominaisuutta sellaisella tietokoneella, johon vain sinä pääset.. Jos et muista salasanaasi, napsauta Kadotin salasanani linkkiä. Sinua pyydetään kirjoittamaan sähköpostiosoitteesi, jonka jälkeen saat sähköpostiisi linkin, jolla saat nollattua salasanasi.

5 FlowCMS 5(41) CMS:n näkymät CMS:ssä on näkymiä, jotka löytyvät alaosan työkalupalkista. Näillä kolmella työkalulla vaihdat näkymiä CMSsivun, luonnossivuston ja julkaistun sivuston välillä. Vertailu kolmen näkymän välillä on esitetty alapuolella ja niistä kerrotaan enemmän myöhemmässä vaiheessa ohjeistusta. CMS-työkalu näyttää CMS:än näkymän, joka esittää luonnosvaiheen sisällön muokattavassa muodossa. Kun muutokset on tallennettu, sinulla on mahdollisuus julkaista muutokset luonnosvaiheessa olevalla sivustolla. Luonnossivusto näyttää sivun sisällön raakaluonnoksena ja siten antaa sinulle kuvan, millaiselta sivu tulee näyttämään Julkaistu sivusto näyttää sivun todellisuudessa. FlowCMS käyttöopas

6 SISÄLTÖEDITORI FlowCMS 6(41) Sivun sisältö-ruudun kuvakkeet on selitetty alapuolella olevassa taulukossa. Kaikki kuvakkeet ja ominaisuudet eivät välttämättä ole käytössä sivustollasi. Kuvake Icon Selitys Description Tämä kuvake esittää web-sivustoasi ja sisältää kaikki sen alla listatut sivut. Tämä kuvake esittää web-sivuston sivua. Joillakin sivuilla (vanhemmat) voi olla lapsisivuja, joten ne luovat sivujen joukkoja allensa. Kuten ylemmässä, mutta sen lisäksi sisältää epäkunnossa olevan linkin (toiselle sivulle) Sivu, joka sisältää uudeleenohjauksen toiselle sivulle. Tämä kuvake esittää web-sivuston hakusivua ja se säilyttää hakujen tulokset. Tämä kuvake esittää web-sivuston uutisten ryhmäsivua (NewsHolder) sekä uutisartikkelia. Tämä kuvake esittää web-sivuston muokattavaa lomakesivua. Sivun nimi keltaisella ilmaisee, että sivua on muutettu luonnossivustolla. Tämä tila poistuu kun sivu on julkaistu. Sivun nimi vihreällä ilmaisee, että sivu on uusi ja sen takia näkyy vain luonnossivustolla. Tämä tila poistuu, kun sivu on julkaistu. Sivun nimi punaisella ilmaisee, että sivu on poistettu. Muutos näkyy esitetyllä sivustolla, kunnes se on poistettu sieltä. Tämä kuvake esittää web-sivuston bloginhaltijaa Tämä kuvake esittää blog-sivua. Tämän saat näkyville napsauttamalla bloginhaltija-kuvaketta. Tämä on kansio-kuvake. Kuvallisesti se esittää sivuja sivujen sisällä.

7 FlowCMS 7(41) Tämä on tuote-kuvake. Sitä käytetään nettikauppa-moduulissaa, jotta siitä näkee, että se on tuotesivu. Tämä on foorumi-kuvake. Sitä käytetään foorumi-moduulissa ja hallitsee kaikkia keskustelunaiheita. Tämä on Flickr-kuvake. Se mahdollistaa sinulle kuvien lisäämisen Flickr:in kautta lisäten sinun ryhmätunnuksen, tagit ja photoset-tunnuksen. Tämä on Youtube-kuvake. Se mahdollistaa sinulle Youtube.videoiden näyttämisen lisäten sinun Youtube-käyttäjänimen, tagit, hakusanat ja soittolistatunnuksen. FlowCMS käyttöopas

8 FlowCMS 8(41) Sivun etsiminen 1 Napsauta sivuston sisältö-välilehteä nähdäksesi sivun sisältö-ikkunan. 2 Napsauta plus-kuvaketta haluamasi sivun vierestä. Tämä näyttää alla olevat (lapsi) sivustot, jotka ovat linkittyneinä valittuun (vanhempi) sivuun. 3 Jatka napsauttamalla plus-kuvaketta löytääksesi haluamasi sivun. Tämä levittää sivukartan tasoja, jotta löytäisit haluamasi sivun. Jos levität sivuja levälleen tahattomasti, niin saat ne piiloon painamalla yksinkertaisesti miinus-kuvaketta. 4 Kun olet löytänyt haluamasi sivun, napsauta sivun kuvaketta tai nimeä nähdäksesi sen sisällön muokkaussivu-ruudulla tämä sivu on nyt valmis muokattavaksi.

9 FlowCMS 9(41) Otsikon lisääminen 1 Mene haluamasi sivun muokkaustilaan 2 Kirjoita otsikkoteksti FlowCMS käyttöopas

10 FlowCMS 10(41) 3 Napsauta kappaletyyli-työkalun tiputusvalikkoa nähdäksesi sivustollesi määriteltyjen tyylien listan. 4 Napsauta sopiva Otsikko-tyyli (esim. Otsikko 2) erottaaksesi tekstin otsikkona. Tyyli kytkeytyy siihen kappaleeseen, missä tekstinsyöttö on asetettu.

11 FlowCMS 11(41) Sisällön lisääminen Jos osaat käyttää tekstinkäsittelyohjelmaa, kuten Microsot Word:iä, silloin osaat myös sisällön lisäämisen web-sivustolle. Hiiren avulla lisäät tekstinsyöttöpisteen siihen, mihin haluat tekstiä tulevan. Sen jälkeen kirjoita tarpeellinen teksti. Huomio! Kuten esim. Wordissa, myös täällä Enterin käyttö tekee kappalevaihdon jolloin tekstikappaleiden väliin tulee tyhjä rivi. Jos haluat vaihtaa riviä ja jatkaa kirjoittamista heti seuraavalta riviltä, käytä näppäinyhdistelmää Shift+Enter. 1 Napsauta Sivuston sisältö-välilehteä nähdäksesi Sivuston sisältö-ikkunan 2 Etsi tai lisää haluamasi sivu 3 Napsauta Sisältö-välilehteä Muokkaussivu-ruudussa nähdäksesi Sisältö-sivun. 4 Napsauta Yleiset-välilehteä nähdäksesi yksityiskohdat. Yleiset-välilehti sijaitsee Sisältö-sivulla 5 Napsauta Sisältö-kenttää lisätäksesi tekstinsyöttöpisteen 6 Kirjoita teksti Sisältöeditorin muotoilutoiminnot toimivat kuten missä tahansa tekstinkäsittelyohjelmassa. FlowCMS käyttöopas

12 FlowCMS 12(41) Sisällön kopioiminen Microsoft Word:sta 7 Napsauta Paste plain text työkalua lisätäksesi Word:stä kopioidut sisällöt. Tämän jälkeen avautuu ikkuna, jossa lisäät kopioidun tekstin painamalla Ctrl + V 8 Kun teksti on kopioitu, napsauta nappia. Tämä lisää kopioidun tekstin sisältöalueelle ilman muotoiluja. Linkkien lisääminen 1 Valitse teksti, josta tulee linkki. 2 Napsauta Insert/edit link työkalua Tämä näyttää linkki-kentät muokkaussivu-ruudun yläpuolella.

13 FlowCMS 13(41) 3 Valitse yksi vaihtoehdoista Linkki-kohtaan. Linkki-valinnan alapuolella sijaitsevan valikon vaihdoehdot muuttuvat riippuen valitsemastasi linkkityypistä. Linkki vaihtoehto Kentän Nimi alapuolella vaihtuu Toiminta Sivu sivustolla Sivu Napsauta tiputusnuolta nähdäksesi yksinkertaistetun esityksen sivustostasi. Napsauta plus-kuvaketta nähdäksesi sivujen alatasot. Etsi ja napsauta sivua merkitäksesi sen linkkisi kohteeksi. Ankkuri tähän sivuun Toinen verkkosivusto Ankkuri URL Luo ankkuri ja nimeä se. Kirjoita verkkosivun osoite, jonka haluat linkitettävän. Sähköpostiosoite Sähköpostiosoite Kirjoita sähköpostiosoite, jonka haluat linkittyvän Lataa tiedosto Tiedosto Napsauta tiputusnuolta nähdäksesi listauksen tiedostoistasi ja kuvakirjastoistasi näyttämällä. Napsauta plus-kuvaketta nähdäksesi tiedostojen alatasot. Etsi ja napsauta linkitettävää tiedostoa. Tässä esimerkkinä Sivu sivustolla. FlowCMS käyttöopas

14 FlowCMS 14(41) 4 Valitse tai lisää Linkki-kohdan tiedot. 5 Kirjoita linkin kuvaus Tämä teksti näkyy, kun käyttäjä laittaa hiiren linkin päälle hetkeksi, jolloin teksti ilmestyy pieneen keltaiseen laatikkoon. Tämä helpottaa käyttäjää huomaamaan mihin linkki johtaa. 6 Napsauta lisätäksesi linkin sivulle.

15 FlowCMS 15(41) Kun muutokset on tallennettu, näet toimivan linkin luonnossivustolla. FlowCMS käyttöopas

16 FlowCMS 16(41) Kuvien lisääminen 1 Napsauta sivua asettaaksesi syöttöpisteen. Tähän kohtaan lisätään grafiikkaa. 2 Napsauta Insert image-työkalua

17 FlowCMS 17(41) 3 Napsauta tiputusnolta valitaksesi kansion 4 Etsi ja napsauta kansiota jossa grafiikat ovat Sinun täytyy painaa plus-kuvakkeita nähdäksesi alatason kansiot (jos niitä on) ja niiden sisällöt. Kun valitset kansion napsauttamalla kansion nimeä, kaikki siellä sijaitsevat grafiikat tulevat näkyville esikatselukuvina kuten alapuolella olevassa kuvassa näkyy. FlowCMS käyttöopas

18 FlowCMS 18(41) 5 Napsauta kuvaa, jonka haluat lisätä sivulle. 6 Napsauta Lisää kuva painiketta. Kuva lisätään sivulle siihen kohtaa, missä kursori on. 7 Mikäli haluat muuttaa kuvan asemointia (esim. tasaus oikealle) valitse kuva klikkaamalla sitä ja valitse haluamasi asemointi Tyylit-valikosta.

19 FlowCMS 19(41) Taulukot Mikäli sivustollesi on määritetty taulukkotyylit*, voit tehdä helposti siistejä taulukoita sisältöeditorin taulukkotyökalulla. Mikäli haluat käyttää erilaista tyyliä otsikkoriville, klikkaa hiiren oikealla napilla otsikkoriviä ja valitse Rivi Taulukon rivin asetukset Rivi taulukon osassa Taulukon otsake. *) Kaikille sivustoille ei ole suunniteltu taulukkotyylejä. Jos olet asiasta epävarma, kysy lisätietoja yhteyshenkilöltäsi. Upotusten lisääminen (esim. videot) Perussivuihin on mahdollista upottaa iframe-koodilla esimerkiksi videoita 3. osapuolen palveluista. 1. Hae esimerkiksi YouTubesta embed-koodi halutulle videolle 2. Merkitse editorissa, minne haluat uuden videon lisätä 3. Avaa HTML-editori 4. Etsi koodista merkitsemäsi kohta ja liitä sen tilalle, <p> ja </p> tagien väliin upotuskoodi Upotuspaikka merkitty FlowCMS käyttöopas

20 FlowCMS 20(41) Upotuskoodi liitetty Upotuskoodin hakeminen YouTubesta. Kopioi maalattu koodi ja liitä se sivustolle yllä olevan ohjeen mukaan.

21 FlowCMS 21(41) Muutosten tallentaminen 1 Kun olet valmis tallentamaan sivulle tehdyt muutokset, paina Tallenna Tämä työkalu sijaitsee Muokkaussivu-ruudun alapuolella. Jos olet tehnyt muutoksia useammalle kuin yhdelle kyseisen sivun osioista, kaikki muutokset tallentuvat. Nämä muutokset ovat nyt näkyvillä luonnossivustolla. 2 Napsauta Luonnossivusto-välilehteä ikkunan alapuolelta vasemmalta. Luonnosivusto aukeaa erilliseen ikkunaan. 3 Napsauta CMS-työkalua Luonnossivuston ikkunan alapuolelta palataksesi takaisin CMS-ikkunaan. Tämä jättä molemmat ikkunat aiku. Vaihtoehtoisesti paina Sulje sulkeaksesi Luonnossivuston ikkunan ja palaa takaisin CMS-ikkunaan. Jos olet tyytyväinen näkyvään sivuun luonnosivustolla, voit sitten julkaista sen live-sivustolla Napsauta Poista Luonnossivustolta peruaksesi tallennetut muutokset ja palataksesi versioon, joka tällä hetkellä näkyy live-sivustolla. FlowCMS käyttöopas

22 FlowCMS 22(41) Muutoksien katseleminen 1 Napsauta Sivuston sisältö-välilehteä nähdäksesi Sivuston sisältö-ikkunan 2 Etsi haluamasi sivu 3 Napsauta sivua Sivuston sisältö -ruudussa nähdäksesi sisällöt ja ominaisuudet editorissa. 4 Napsauta Sivun versiohistoria nähdäksesi Historia-ruudun. Sivun versiohistoria-välilehden nuolet osoittavat ylöspäin ja välilehti laajentuu, kun ruutu on näkyvillä. 5 Valitse Vertailutila (valitse kaksi alta) Sivuston versiohistoria-ruudusta.

23 FlowCMS 23(41) 6 Napsauta rastilaatikkoa Näytä julkaisemattomat versiot vierestä valitaksesi tämän asetuksen. Kokonainen valitun sivun versiolista tulee näkyville. Nyt voit valita molemmat sivut ja vertailla muutoksia. Jos käytät hiiren osoitinta kohdistamalla listatun version päälle, ponnahdusikkuna osoittaa, milloin kyseinen versio on luotu. Muista, että julkaistut versiot näkyvät mustalla tekstillä ja julkaisemattomat harmaalla tekstillä. 7 Napsauta sivun kahta versiota, joita haluat vertailla. Jos muutokset esiintyvät kahdessa versiossa, ne näkyvät Muokkaussivu-ruudulla oikealla. FlowCMS käyttöopas

24 FlowCMS 24(41)

25 FlowCMS 25(41) Tarkastusmerkit (kts. seuraava taulukko) osoittavat versioiden väliset eroavaisuudet. Tarkastusmerkki Esimerkki Selitys Vihreä korostus Punainen korostus Tämä teksti on lisätty uusimpaan versioon Tämä teksti on poistettu uusimmasta versiosta. Jos haluat palauttaa sivun aiempaan versioon, kts. ohjeet seuraavalta sivulta FlowCMS käyttöopas

26 FlowCMS 26(41) Palauttaminen aiempaan versioon 1 Valitse halamasi sivu ja napsauta Sivun versiohistoria-välilehteä nähdäksesi Historia-ruudun. 2 Valitse Vertailutila (valitse kaksi alta) Sivuston versiohistoria-ruudusta. 3 Napsauta rastilaatikkoa Näytä julkaisemattomat versiot vierestä valitaksesi tämän asetuksen. 4 Napsauta sivun versiota, jonka haluat palauttaa. Ensin kannattaa verrata kahta versiota, niin tiedät minkä versiot haluat palauttaa. Huomaa, että työkalut näkyvät Muokkaussivu-ruudun yläpuolella. 5 Napsauta Siirry takaisin tähän versioon palataksesi takaisin parhaillaan näkyvän versioon. Kysymyslaatikko kysyy sinulta varmistusta aikomuksillesi. 6 Napsauta jatkaaksesi (tai napsauta Peruuta keskeyttääksesi) 7 Napsauta Sivun versiohistoria piilottaaksesi Historia-ruudun.

27 FlowCMS 27(41) Sivun lisääminen 1 Valitse sivu, jonka alle haluat luoda uuden sivun. Jos haluat luoda uuden päätason sivun, valitse Sivusto (maapalloikoni) 2 Napsauta Luo-painiketta Sivuston sisältö ja rakenne-ruudusta nähdäksesi Sivun tyyli-tiputusvalikon. Sivun tyyppi-tiputusvalikolla voit valita sivun tyypin, jonka haluat luoda. Mikäli olet epävarma mikä sivutyyppi sinun tulisi valita, voit kysyä lisätietoja yhteyshenkilöltäsi. 3 Napsauta pudotusnuolta ja valitse haluamasi sivutyyppi (useimmiten Page tai Sub Page) pudotusvalikosta 4 Napsauta Siirry-painiketta ilmestyy rakenne-ruutuun. Uuden sivun ominaisuudet näkyvät Muokkaussivu- Uusi sivu ruudussa. 5 Napsauta Luo-painiketta piilottaaksesi Sivun tyyppi-pudotusvalikon FlowCMS käyttöopas

28 FlowCMS 28(41) Luonnossivuston katseleminen Luonnossivusto on avattavissa napsauttamalla Luonnossivusto-työkalua ikkunan alalaidassa. 1 Napsauta Luonnossivusto-työkalua. Luonnosivusto näkyy erillisessä ikkunassa. Voit navigoida luonnossivustolla, kuten live-sivustollakin ja testata sivujen toimivuutta ja ulkoasua.

29 FlowCMS 29(41) Palataksesi CMS-ikkunaan, voit joko sulkea luonnossivusto-ikkunan tai jättää sen auki ja vaihdella ikkunoiden välillä. FlowCMS käyttöopas

30 FlowCMS 30(41) Sisällön julkaiseminen 1 Etsi tai lisää haluamasi sivu 2 Napsauta Tallenna ja julkaise julkaistaksesi sisällöt live-sivustolle. Jos haluat julkaista kerralla useita sivuja, jotka olet valmistellut luonnossivustolle, voit käyttää Toiminnot Julkaise -toimintoa Sivuston sisältö -alueen yläosassa. Klikkaa Toiminnot, valitse alasvetovalikosta Publish, valitse julkaistavat sivut ja klikkaa Go. Vihreä laatikko ilmestyy editorin alapuolelle osoittamaan, että muutokset on onnistuneesti tallennettu live-sivustolle.

31 FlowCMS 31(41) Lomake 1 Valitse sivu, jonka alle haluat luoda uuden lomakkeen. Jos haluat luoda uuden lomakkeen päätasolle, valitse Sivusto (maapalloikoni) 2 Napsauta Luo-painiketta Sivuston sisältö ja rakenne-ruudusta nähdäksesi Sivun tyyli-tiputusvalikon. 3 Napsauta pudotusnuolta ja valitse User Defined Form (UserDefinedForm) pudotusvalikosta 4 Napsauta Siirry-painiketta Uusi lomake samalla tavalla kuin sivujenkin. ilmestyy rakenne-ruutuun. Uuden lomakkeen nimeäminen tapahtuu 5 Mikäli haluat varsinaisen lomakkeen yläpuolelle sisältöä (otsikon, ohjeita, tms.) voit syöttää ne ennen editorissa näkyvää $UserDefinedForm -tekstiä joka merkkaa lomakkeen alkamispaikkaa. 6 Napsauta Lähettäjä-välilehti (englanninkielisessä käyttöliittymässä Form) näkyviin lisätäksesi lomakekenttiä FlowCMS käyttöopas

32 FlowCMS 32(41)

33 FlowCMS 33(41) 7 Valitse pudotusvalikosta haluamasi kenttä ja napsauta Add nappia. Lisää kenttiä niin monta kuin tarvitset ja nimeä kentät. 8 Valitse Show Options mikäli haluat määritellä lisäasetuksia kentälle. Esimerkiksi Viesti: kentälle lisätään rivejä 4. Lomakkeen kenttätyypit Useimmat kenttätyypit ovat hyvin yksiselitteisiä, esim. Date Field on päivämääräkenttä. Joukossa on myös muutama erikoisempi. Checkbox Field => yksi valintaruutu, esim. Osoitettani saa käyttää suoramarkkinointiin Checkbox Group => useita valintaruutuja, esim. Valitse haluamasi lisävarusteet. Syötä vastausvaihtoehdot Options-valikosta. Heading => lomakkeen tai sen osion otsikko. Valitse haluamasi tyyli Options-valikosta (Heading level). HTML Block => voit syöttää lomakkeeseen HTML-koodia (Options). Tässä ei voi käyttää Javascriptiä. Radio Field => valitse useasta vaihtoehdosta yksi. Syötä vastausvaihtoehdot Options-valikosta. Member List Field => antaa käyttäjän valita haluamansa ylläpitäjän, esimerkiksi kenelle viestisi osoitetaan. FlowCMS käyttöopas

34 FlowCMS 34(41) Lomakkeen vastaanottajat Valitse välilehti Recipients, lisää uusi vastaanottaja klikkaamalla + ja täytä tiedot. Tallenna lopuksi. Kentät Subject = Otsikko, joka näkyy vastaanottajan saamassa viestissä. Send From = Osoite, joka näkyy vastaanottajalle viestin lähettäjänä. Ei tarvitse olla oikea osoite, voi olla esim. webserver@focus.fi.. or Select a Form Field to use as the From Address = jos lomakkeessasi vaaditaan lähettäjän sähköposti, voit käyttää myös sitä viestin lähettäjänä. Send To = Lomakkeen vastaanottajan sähköpostiosoite (Loput kentät ovat tarpeen vain erikoistapauksissa, jätä ne tyhjiksi.)

35 FlowCMS 35(41) TIEDOSTOT JA KUVAT Tiedostot ja kuvat -osiossa voit ladata tiedostoja web-palvelimelle ja työskennellä verkkosivustollasi käytettävien tiedostojen ja kuvien kanssa. Tiedostojen ja kuvien löytäminen Ensimmäisenä askeleena tiedostojen tai kuvien kaselemisessa, siirtämisessä ja poistamisessa on etsiä haluttu tiedosto hierarkisesta puurakenteesta, joka näkyy Tiedostot ja Kuvat-ruudussa. Kaikki lähetetyt tiedostot ja kuvat sijaitsevat kansioissa tai alikansioissa puurakenteena esitettynä. Plus ja miinuskuvakkeita käyttämällä voit nähdä ja piilottaa kansioiden sisällöt. 1 Napsauta Tiedostot ja Kuvat-otsikkoa nähdäksesi Tiedostot ja kuvat-ikkunan. 2 Tarvittaessa napsauta plus-kuvaketta kansion vieressä nähdäksesi alikansiot. FlowCMS käyttöopas

36 FlowCMS 36(41) 3 Napsauta kansion nimeä nähdäksesi sen sisällöt. Valitun kansion tiedostot näkyvät Tiedoston sisältö-ruudun Tiedostot-välilehdessä. Ruudussa näkyy joka kerralla vain kymmenen kuvaa, joten sinun täytyy napsauttaa nuolia päästäksesi eteenpäin tiedostoja selatessasi.

37 FlowCMS 37(41) CMS:n tukemat tiedosto- ja kuvatyypit Käyttääksesi tiedostoja ja kuvia verkkosivustollasi, sinun tarvitsee lähettää ne web-palvelimelle. Turvallisuussyistä CMS ei anna ladata kaikki tiedostotyyppejä palvelimelle. Seuraavassa taulukossa näet sallitut tiedostotyypit. Ryhmä Dokumentit Ladattavat kuvat * Lataustiedostot Elokuvatiedostot Äänitiedostot Webbikuvat ** Webbisivut CMS:n tukemat tiedostotyypit PDF, PS, DOC, PPT, PPS, MDB, XLS, RTF BMP, EPS, PSD, TIF EXE, ZIP, TAR, GZ, GZIP, DMG, BIN, COM, DLL, HQX AVI, MOV, MPE, MPG, MPEG, QTW, QT AIF, AU, MID, MIDI, MP3, RA, RAM, RM, WAV JPG, JPEG, GIF, PNG HTM, HTML *) Tiedostoja voi asettaa käyttäjien ladattavaksi, mutta kuvat eivät toimi sivuston kuvituksena **) Tiedostoja voi käyttää sivuston kuvitukseen Tiedostojen ja kuvien lataaminen palvelimelle Ennen kuin voit sisällyttää tiedostoja ja kuvia web-sivuillesi, sinun tarvitsee ladata ne web-palvelimelle. Tiedostot ja kuvat on järjestelty kansioiden ja alikansioiden sarjaan, joissa voit säilyttää niitä johdonmukaisesti ja siten löytää ne helpommin. 1 Etsi tai luo haluamasi kansio 2 Napauta kansiota nähdäksesi sisällöt Kansion sisältö-ruudussa. 3 Napsauta Tiedostot-välilehteä nähdäksesi kansion sisältämät tiedostot. 4 Napsauta painiketta Add files to xxxxx 5 Napsauta Selaa (Browse). Valitse tiedosto -toiminto aukeaa. FlowCMS käyttöopas

38 FlowCMS 38(41) Pystyt nyt navigoimaan ja valitsemaan tiedoston tai kuvan, jonka haluat lähettää. 6 Napsauta haluamaasi tiedostoa tai kuvaa ja sitten paina Avaa. Tiedosto näkyy latauslistalla. 7 Toista kohdat 5 ja 6 valitaksesi kaikki tarvittavat tiedostot. 8 Napsauta Upload lopettaaksesi prosessin. Tiedostot ilmestyvät aakkosellisessa järjestyksessä Tiedostot-välilehteen.

39 FlowCMS 39(41) USEIN KYSYTTYÄ Fonttikoko näyttää poikkeuksellisen suurelta Ongelma johtuu todennäköisimmin sivulle sisältöjen muokkauksen yhteydessä päätyneestä tyhjästä heading-tagiparista (esim. <h1></h1>). Esimerkiksi Internet Explorer 8 -selain ei osaa käsitellä tyhjiä tagipareja oikein ja näyttää koko sivun sisällön väärin. Ratkaisu on tarkistaa ongelmasivun HTML-koodi ja etsiä sieltä tyhjiä tagipareja: 1 Avaa HTML-näkymä 2 Etsi tyhjät tagiparit (kts. kuva, ongelmia aiheuttavat tagit korostettu keltaisella) koodista ja poista ne 3 Klikkaa Lisää ja tallenna muutokset. Tiedostojen lataaminen palvelimelle ei onnistu Voisiko palvelimen levytila olla täynnä? Jos et tiedä miten se tarkistetaan, ota yhteyttä tuki@focus.fi FlowCMS käyttöopas

40 Muokkausoikeuksien hallinta sivukohtaisesti FlowCMS 40(41) Oletuksena kaikki käyttäjät, jotka pääsevät kirjautumaan sisään CMS:ään, voivat muokata sivuston kaikkia sivuja. Mikäli halutaan avata esim. yhteistyökumppanille pääsy muokkaamaan vain jotakin tiettyä osaa sivustosta, menettele seuraavasti: 1. Määritä sivuston juuresta (maapallokuvake Sivuston sisältö -välilehdellä) Oikeudet-välilehden asetukset seuraavasti: a. Kuka voi muokata: Administrators, Content Authors b. Kuka voi luoda päätasolle: Administrators 2. Luo uusi tietoturvaryhmä (Turvallisuusvälilehdellä) ja aseta sille oikeudet Pääsy sivuston sisältöön ja Pääsy Tiedostot ja kuvat, tallenna 3. Lisää uuteen ryhmään haluamasi käyttäjät

41 FlowCMS 41(41) 4. Valitse sivu, jonka haluat avata uuden ryhmän jäsenille. Oikeudet Kuka voi muokata valitse Administrators, Content Authors, sekä äsken luomasi uusi ryhmä. Tallenna ja julkaise. 5. Tarkista asetusten toimivuus kirjautumalla sisään uusilla käyttäjätunnuksilla toisesta selaimesta. Uuden käyttäjän pitäisi pystyä muokkaamaan ainoastaan niitä sivuja, joille on tehty kohdan 4. toimenpiteet. Miten muutan alasivun URL-osoitetta? Sisältö Meta-tiedot Kirjoita haluamasi osoite kenttään URL-osoite Klikkaa hiirellä jossakin toisessa kentässä (esim. Otsikko) ennen kuin tallennat Tallenna ja julkaise Miksi riviväli on niin suuri? Sisältöeditorissa Enter-painike tekee kappalevaihdon, jolloin rivien väliin tulee ilmarako. Mikäli haluat tehdä vain rivivaihdon kappaleen sisällä (ilman suurta ilmatilaa rivien välissä), sinun tulee käyttää näppäinyhdistelmää Shift+Enter aivan kuten esimerkiksi Word-tekstinkäsittelyohjelmassa. Huomaathan, että normaalitilanteessa sinun ei tarvitse huolehtia rivityksestä kappaleen sisällä oleva teksti rivittyy automaattisesti sivuston vierailijan selaimessa. FlowCMS käyttöopas