FLOWCMS KÄYTTÖOPAS V 1.73

Samankaltaiset tiedostot
SILVERSTRIPE 3.X / FLOWCMS 3 KÄYTTÖOPAS V 1.2.1

SILVERSTRIPE 3.X / FLOWCMS 3 KÄYTTÖOPAS V 1.3

SILVERSTRIPE 3.X KÄYTTÖOPAS V 1.4.0

Google-dokumentit. Opetusteknologiakeskus Mediamylly

Oma kartta Google Maps -palveluun

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu Martat - KÄYTTÖOHJE Yhdistyksille 2017

Ohjelman käyttöön ei sisälly muita kuluja kuin ohjelman lisenssimaksu ja mahdolliset webbipalvelusi käyttömaksut.

Webmailin käyttöohje. Ohjeen sisältö. Sähköpostin peruskäyttö. Lomavastaajan asettaminen sähköpostiin. Sähköpostin salasanan vaihtaminen

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu WordPress KÄYTTÖOHJE Sotkamo 2016

Skype for Business ohjelman asennus- ja käyttöohje Sisällys

KYMP Webmail -palvelu

KÄYTTÖOHJE LATOMO VERSO

1 Johdanto. 2 Kirjautuminen. Sisällysluettelo. Kanakoirakerho - websivujen ylläpito

Pikaohjeita OneNote OPS:in käyttäjille

VSP webmail palvelun ka yttö öhje

JAKELUPISTE KÄYTTÖOHJE 2/6

Sähköisen Markkinoinnin Koulutus Kotisivutyöpaja. Julkaisujärjestelmän ohje

Autentikoivan lähtevän postin palvelimen asetukset

UpdateIT 2010: Uutisten päivitys

Wordpresspikaopas. Viivamedia

NETTISIVUOHJE. MUITA OHJEITA käyttäjän lisääminen, mediakirjasto, sähköpostien lisääminen

Artikkelin lisääminen

VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE

VERKKOVELHO-YLLÄPITOTYÖKALUN KÄYTTÖOHJE

Psychosocial Risk Management etraining. -portaalin käyttöopas

Sisältö. Päivitetty viimeksi Sivu 2 / 14

UpdateIT 2010: Editorin käyttöohje

Seutudokumenttien pä ivittä misohje

Office 365 palvelujen käyttöohje Sisällys

Tekstieditorin käyttö ja kuvien käsittely

Fixcom Webmail ohje. Allekirjoitus. Voit lisätä yhden tai useamman allekirjoituksen.

PROJEKTISIVUJEN PAÄ IVITTAÄ MISEN OHJEET

CMS Made Simple Perusteet

Kopiodaksesi, leikataksesi ja liittääksesi helpointa on käyttää näppäimistön pikavalintoja:

Asiointipalvelun ohje

Epooqin perusominaisuudet

Uutiskirjesovelluksen käyttöohje

MOODLE TUTUKSI. Pirkko Vänttilä Oulun aikuiskoulutuskeskus

Tietosuoja-portaali. päivittäjän ohje

Perustietoja Mietoisten kyläportaalista Yhdistyksen ylläpitäjän kirjautuminen Yhdistyksen etusivun muokkaaminen... 2

SISÄLTÖ KIRJAUTUMINEN 2. OMA SIVUNI 3 Tekstien, kuvien ja videon lisääminen 4

HAKUKONEMARKKINOINTI KOTISIVUJEN PÄIVITYSOHJE

KESKUSTANUORTEN NETTISIVUT- OHJEITA PIIRIYLLÄPITÄJÄLLE 1. KIRJAUTUMINEN

Netsor Webmailin käyttöohje

Pika-aloitusopas. Sisältö: Projektin luominen Projektin muokkaaminen ja hallinnointi Projektin/arvioinnin tulosten tarkastelu

Kirkkopalvelut Office365, Opiskelijan ohje 1 / 17 IT Juha Nalli

1 Yleistä Web-editorista Web-editori -dokumentin luominen Pikatoimintopainikkeet Tallenna... 3

FrontPage Näkymät

Skype for Business ohjelman asennus- ja käyttöohje Sisällys

Tiedostojen palauttaminen tehtävien palautuskansioihin Office 365 tilin yhdistäminen iperho verkko-oppimisympäristöön

Sisällys Clerica Web-sovellusten käytön aloittaminen 2

KULTA2-JÄRJESTELMÄN KÄYTTÖOPAS Liikunta-, kulttuuri-, nuoriso-, hyvinvointiavustukset

Bioenergia.fi VERKKOPALVELUKOHTAINEN OHJE

SharePoint Foundation 2010 perusteet ylläpitäjille

Optima käyttöopas opiskelijalle

Westiekerho.fi päätoiminnallisuudet

1. ASIAKKAAN OHJEET Varauksen tekeminen Käyttäjätunnuksen luominen Varauksen peruminen... 4

Ohjeistus yhdistysten internetpäivittäjille

Yksityiskohtaiset ohjeet. TwinSpacen käyttäminen

HAAGA-HELIA ammattikorkeakoulu Lomakkeen tekeminen Google Docsilla

Moodle-oppimisympäristö

Pedanet oppilaan ohje Aleksanteri Kenan koulu Eija Arvola

ohjeita kirjautumiseen ja käyttöön

EeNet materiaalit ohje

Kyläsivujen InfoWeb-ohje

OHJE -LIPPUKUNTASIVUN MUOKKAAMISEEN

Aloitusopas verkkosivuston ylläpitoon

Kangasniemen yrityshakemisto KÄYTTÖOHJE YRITTÄJÄLLE. KANGASNIEMEN KUNTA yrityshakemisto.kangasniemi.fi

STS Uuden Tapahtuma-dokumentin teko

KÄYTTÖOHJE. Servia. S solutions

Teams-ohjelman asennus- ja käyttöohje vertaisohjaajille

Ohjeita Porin Lyseon koulun yrittäjuuskasvatuksen blogin kirjoittamiseen

SPORTTISAITTI KÄYTTÖOHJE

Lappi.fi -pikaohje Kittilän kylille:

Esittely. Muistathan, että voit myös käyttää Petsietä aivan normaalina käyttäjänä kasvattajapalveluiden lisäksi. Antoisaa Petsien käyttöä!

Hittitoimiston Forte-kotisivujen päivitysohje

ehr-järjestelmän käyttö palkka- ja kehityskeskusteluissa opasdfghjklzxcvbnmqwertyuiopasdfg

Transkribuksen pikaopas

NTG CMS. Julkaisujärjestelm. rjestelmä

Microsoft Outlook Web Access. Pikaohje sähköpostin peruskäyttöön

Paperiton näyttösuunnitelma

H5P-työkalut Moodlessa

Yrityspalvelujärjestelmä

Send-It ilmoittautumisjärjestelmä (judotapahtumat Suomessa)

Joomla pikaopas. Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta.

TIETOKONEEN ASETUKSILLA PARANNAT KÄYTETTÄVYYTTÄ

SÄHKÖPOSTIN PERUSKURSSI. HERVANNAN KIRJASTO TIETOTORI Insinöörinkatu Tampere

STS UUDEN SEUDULLISEN TAPAHTUMAN TEKO

SiteAdmin.

Uuden työtilan luonti

Skype for Business pikaohje

,QWHUQHWVHODLPHQNl\WWlPLQHQ±,QWHUQHW([SORUHU

Routa Markkinointi. Ohjeet päivitystyökalun käyttöön

Moodle 2.2 pikaohje. 1. Kirjautuminen ja omat kurssit (Työtilat) 1. Mene internet-selaimella osoitteeseen

NÄIN TEET VIDEO-MAILIN (v-mail)

SÄHKÖPOSTIN PERUSKURSSI. HERVANNAN KIRJASTO TIETOTORI Insinöörinkatu Tampere

Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä

Verkkosivuston hallinnan ohjeet. atflow Oy AtFlow Oy, +358 (0)

Sähköpostitilin käyttöönotto

Transkriptio:

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... 11 SISÄLLÖN KOPIOIMINEN MICROSOFT WORD:STA... 12 LINKKIEN LISÄÄMINEN... 12 KUVIEN LISÄÄMINEN... 16 TAULUKOT... 19 UPOTUSTEN LISÄÄMINEN (ESIM. VIDEOT)... 19 MUUTOSTEN TALLENTAMINEN... 21 MUUTOKSIEN KATSELEMINEN... 22 PALAUTTAMINEN AIEMPAAN VERSIOON... 26 SIVUN LISÄÄMINEN... 27 LUONNOSSIVUSTON KATSELEMINEN... 28 SISÄLLÖN JULKAISEMINEN... 30 LOMAKE... 31 TIEDOSTOT JA KUVAT... 35 TIEDOSTOJEN JA KUVIEN LÖYTÄMINEN... 35 CMS:N TUKEMAT TIEDOSTO- JA KUVATYYPIT... 37 TIEDOSTOJEN JA KUVIEN LATAAMINEN PALVELIMELLE... 37 USEIN KYSYTTYÄ... 39 FONTTIKOKO NÄYTTÄÄ POIKKEUKSELLISEN SUURELTA... 39 TIEDOSTOJEN LATAAMINEN PALVELIMELLE EI ONNISTU... 39 MUOKKAUSOIKEUKSIEN HALLINTA SIVUKOHTAISESTI... 40 MITEN MUUTAN ALASIVUN URL-OSOITETTA?... 41 MIKSI RIVIVÄLI ON NIIN SUURI?... 41 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

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 http://www.omadomainisi.fi/admin 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.

FlowCMS käyttöopas FlowCMS 3(41)

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. http://www.sinunsivusi.fi/admin. 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.

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

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ä.

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

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.

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

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.

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

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.

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

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.

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

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

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

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.

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

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

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

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.

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

FlowCMS 24(41)

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

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.

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

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.

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

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.

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

FlowCMS 32(41)

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

FlowCMS 34(41) Lomakkeen vastaanottajat Valitse välilehti Email Recipients, lisää uusi vastaanottaja klikkaamalla + ja täytä tiedot. Tallenna lopuksi. Kentät Email Subject = Otsikko, joka näkyy vastaanottajan saamassa viestissä. Send Email 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 Email To = Lomakkeen vastaanottajan sähköpostiosoite (Loput kentät ovat tarpeen vain erikoistapauksissa, jätä ne tyhjiksi.)

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

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.

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

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.

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

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

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