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



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

FLOWCMS KÄYTTÖOPAS V 1.73

SILVERSTRIPE 3.X KÄYTTÖOPAS V 1.4.0

Google-dokumentit. Opetusteknologiakeskus Mediamylly

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

Oma kartta Google Maps -palveluun

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

Office 365 palvelujen käyttöohje Sisällys

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

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

Hittitoimiston Forte-kotisivujen päivitysohje

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

JAKELUPISTE KÄYTTÖOHJE 2/6

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

Wordpresspikaopas. Viivamedia

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

BLOGGER. ohjeita blogin pitämiseen Googlen Bloggerilla

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

Pedanet oppilaan ohje Aleksanteri Kenan koulu Eija Arvola

HAKUKONEMARKKINOINTI KOTISIVUJEN PÄIVITYSOHJE

KYMP Webmail -palvelu

Seutudokumenttien pä ivittä misohje

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

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

UpdateIT 2010: Uutisten päivitys

KÄYTTÖOHJE LATOMO VERSO

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

UpdateIT 2010: Editorin käyttöohje

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

Ohjeistus yhdistysten internetpäivittäjille

OHJE -LIPPUKUNTASIVUN MUOKKAAMISEEN

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

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

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

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

Suvi Junes Tietohallinto / Opetusteknologiapalvelut 2012

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

CMS Made Simple Perusteet

PROJEKTISIVUJEN PAÄ IVITTAÄ MISEN OHJEET

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

VSP webmail palvelun ka yttö öhje

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

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

Oppilaan opas. Visuaaliviestinnän Instituutti VVI Oy. Versio 0.2 ( )

Asiointipalvelun ohje

Pikaohjeita OneNote OPS:in käyttäjille

Uutiskirjesovelluksen käyttöohje

SUOMI LIIKKUU KOULULIIKUNTATAPAHTUMIEN ILMOITTAUTUMISJÄRJESTELMÄ

NTG CMS. Julkaisujärjestelm. rjestelmä

OpasOodi Opintokohteiden muokkaus

ohjeita kirjautumiseen ja käyttöön

Uuden työtilan luonti

Yrjö Määttänen Kokemuksia SuLVInetin käytön aloituksen

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

Informaatiotekniikan kehitysyksikkö

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

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

Opintokohteiden muokkaus

Kyläsivujen InfoWeb-ohje

ChatSimulaatio Käyttöopas

Ohjeita Porin Lyseon koulun yrittäjuuskasvatuksen blogin kirjoittamiseen

Artikkelin lisääminen

FrontPage Näkymät

Optima käyttöopas opiskelijalle

Netsor Webmailin käyttöohje

Yrityspalvelujärjestelmä

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

Drupal-sivuston hallintaopas

Yksityiskohtaiset ohjeet. TwinSpacen käyttäminen

OpasOodi Opintokohteiden muokkaus

Vehmaan kunta. Wordpress käyttöopas. Betta Digital Oy

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

STS Uuden Tapahtuma-dokumentin teko

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

EeNet materiaalit ohje

Tietokannan luominen:

Lappi.fi -pikaohje Kittilän kylille:

Artikkelien muokkaaminen sekä sisältöeditorin peruskäyttö

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

SUPERIN AMMATTIOSASTON VERKKOSIVUJEN PÄIVITYSTYÖKALUOHJE

Aloitusopas verkkosivuston ylläpitoon

Opintokohteiden muokkaus

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

SALITE.fi -Verkon pääkäyttäjän ohje

Moodle-oppimisympäristö

HAAGA-HELIA ammattikorkeakoulu Lomakkeen tekeminen Google Docsilla

Onni-oppimispäiväkirjan ohje version 1.2

KiMeWebin käyttöohjeet

1 Kirjautuminen ja Käyttöliittymä Kirjautuminen Käyttöliittymä Uuden varauksen tekeminen Normaali varaus...

24MAGS PIKAOHJE HALLINTAPANEELIN KÄYTTÖÖN

Office 365 OneDrive Opiskelijan ohje 2017

Bioenergia.fi VERKKOPALVELUKOHTAINEN OHJE

Skhole Käyttöohjeet Pääkäyttäjille ja Ohjaajille. Päivitetty

ALVin käyttöohjeet. Kuvaus, rajaus ja tallennus puhelimella ALVin -mobiilisovelluksen avulla dokumentit kuvataan, rajataan ja tallennetaan palveluun.

Tekstieditorin käyttö ja kuvien käsittely

Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta.

Toimittajaportaalin rekisteröityminen Toimittajaportaalin sisäänkirjautuminen Laskun luonti Liitteen lisääminen laskulle Asiakkaiden hallinta Uuden

5. Klikkaa avautuvan ikkunan oikeasta yläkulmasta käyttäjätunnustasi ja valitse Luo pikakuvake

Epooqin perusominaisuudet

TEEMA 2 Aineistot. Kirjautuminen Moodleen. Sisältö. Kirjaudut Moodleen sivulta Voit vaihtaa kielen valikosta.

Transkriptio:

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 1(25) SILVERSTRIPE 3.X / FLOWCMS 3 KÄYTTÖOPAS V 1.2.1 Sisällysluettelo 1. Yleistä 3 1.1. Ylläpito 3 1.2. Ylläpitotunnuksien hallinta 3 2. Perusteet 4 2.1. Käynnistäminen ja kirjautuminen 4 2.2. Uloskirjautuminen 4 3. Sisältöeditori 5 3.1. Sivun etsiminen 6 3.2. Haku 6 3.3. Otsikon lisääminen 7 3.4. Sisällön lisääminen 7 3.5. Sisällön kopioiminen Microsoft Word:sta tai muusta lähteestä 8 3.6. Linkkien lisääminen 8 3.7. Kuvien lisääminen 10 3.8. Taulukot 11 3.9. Upotusten lisääminen (esim. videot) 12 4. Muutosten tallentaminen 13 4.1. Sivun esikatselu 13 4.2. Sivun historian tarkastelu 13 4.3. Palauttaminen aiempaan versioon 15 5. Sivun lisääminen 15 5.1. Sivun julkaiseminen 15 5.2. Useiden sivujen julkaiseminen 16 5.3. Käännösten / kieliversioiden luominen 16 6. Lomake 17 6.1. Lomakkeen kenttätyypit 17 6.2. Lomakkeen vastaanottajat 18 7. Tiedostot ja kuvat 19 7.1. Tiedostojen ja kuvien löytäminen 19 7.3. CMS:n tukemat tiedosto- ja kuvatyypit 20 7.4. Tiedostojen ja kuvien lataaminen palvelimelle 20 8. Usein kysyttyä 22 8.1. Miksi fonttikoko näyttää oudon suurelta? 22 8.2. Miksi tiedostojen lataaminen palvelimelle ei onnistu? 22

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 2(25) 8.3. Miten rajaan muokkausoikeuksia sivukohtaisesti? 23 8.4. Miten muutan alasivun URL-osoitetta? 24 8.5. Miksi riviväli on niin suuri? 24 8.7. Miten teen uudelleenohjauksia? 25 8.8. Miksi päivitetty tieto ei näy sivustolla? 25 Muutoshistoria v 1.0.0: Ensimmäinen FlowCMS 3-versiota koskeva käyttöopasversio. v 1.0.1: Lisätty ohje uudelleenohjauksista v 1.1.0: Päivitetty ulkoasu, tarkennettu ohjeita kuvien lisäämisestä v 1.2.0: Lisätty ohje kieliversioista v 1.2.1: Lisätty UKK-kohtia

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 3(25) 1. 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. 1.1. Ylläpito Kirjautuminen sisällönhallintaan tapahtuu osoitteessa http://www.omadomainisi.fi/admin Ylläpitotunnukset 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äpito-oikeuksia (käyttäjätunnus Oletusylläpitäjä tai admin tai Default Admin ). 1.2. Ylläpitotunnuksien hallinta Uuden ylläpitäjän luonti 1. Valitse vasemmalta Tietosuoja-osio. Osiossa on kolme välilehteä: Käyttäjät, Ryhmät ja Roolit. Tässä ohjeessa keskitytään käsittelemään Käyttäjät-välilehteä. 2. Klikkaa Lisää Jäsen -painiketta. Sinulle aukeaa uuden käyttäjän luontiin tarkoitettu lomake. Täytä lomakkeeseen uuden käyttäjän tiedot. 3. Valitse Ryhmät-kohdasta käyttäjälle ryhmä Järjestelmänvalvojat, jos haluat antaa käyttäjälle täydet oikeudet. Ryhmään Sisällöntuottajat kuuluvat käyttäjät voivat hallita sivuston sisältöä, kuten Sivuja ja Tiedostoja. 4. Voit halutessasi määrittää käyttäjälle myös päivämäärän ja ajan esitysmuodot. Nämä ovat kuitenkin oletuksena suomalaiset. 5. Paina sivun alareunasta Luo. Vanhojen käyttäjien hallinta Vanhoja käyttäjiä voi muokata kunkin rivin päässä olevilla muokkaus ( )- ja poistopainikkeilla ( ).

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 4(25) 2. PERUSTEET 2.1. Käynnistäminen ja kirjautuminen Avaa Internet-selaimesi. Suosittelemme käyttämään selaimesi viimeisintä versiota. Kirjoita Web-osoitteesi, jonka perään /admin. Esim. http://www.sinunsivusi.fi/admin. Paina enter:iä tai napsauta Go painiketta selaimestasi. Tämä vie sinut kirjautumissivulle. Kirjoita sähköpostiosoitteesi ja salasanasi, jonka jälkeen napsauta Kirjaudu sisään -painiketta. Tämä vie sinut CMS-pääikkunaan. Jos valitset Muista seuraavalla kerralla?, kirjautumiskenttä 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. 2.2. Uloskirjautuminen Uloskirjautuminen tapahtuu hallintanäkymän vasemmassa laidassa olevasta uloskirjautumispainikkeesta ( ).

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 5(25) 3. SISÄLTÖEDITORI 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 Selitys 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ää uudelleenohjauksen toiselle sivulle. Virhesivu Luonnos-teksti sivun vieressä kertoo sivulla olevista muutoksista, jotka eivät vielä näy julkaistulla sivustolla. Luonnos-teksti sivun vieressä kertoo sivun olevan luonnos, eikä se vielä näy julkaistulla sivustolla. Luonnoksista poistettu sivu on vielä näkyvillä julkaistulla sivustolla. Poistettu sivu ei näy julkaistulla sivustolla.

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 6(25) 3.1. Sivun etsiminen Valitse vasemmalta Sivut-osio. -kuvake sivun vasemmalla puolella kertoo, että sivulla on lapsia. Lapsisivut saa näkyviin kuvaketta klikkaamalla. Tämä näyttää alla olevat (lapsi)sivut, jotka ovat linkittyneinä valittuun (vanhempi) sivuun. Jatka klikkaamalla vasemmalle osoittavaa nuolta löytääksesi haluamasi sivun. Tämä levittää sivukartan tasoja, jotta löytäisit haluamasi sivun. Tasot saa pienennettyä klikkaamalla tason vasemmalla puolella olevaa alaspäin osoittavaa nuolta. 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. 3.2. Haku Jos et löydä haluaamasi sivua yllä kuvatulla tavalla, voit kokeilla hakua sivuista. Haku aktivoituu klikkaamalla joko tekstiä Suodata tai alhaalla näkyvää kaksoisnuolta oikealle. Avattuun hakuun voit kirjoittaa haluamasi hakusanan kohtaan Sisältö. Lisäksi voit etsiä sivuja esim. Sivutyypin perusteella. Järjestelmä suorittaa haun Suodata-painikkeesta. Jos haluat taas näyttää kaikki sivut, klikkaa Nollaa-painiketta. Haun saat piiloon näytön alareunassa Suodata-kohdan alapuolella näkyvästä vasemmalle osoittavasta kaksoisnuoleta.

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 7(25) 3.3. Otsikon lisääminen Mene haluamasi sivun muokkaustilaan klikkaamalla sivun nimeä listalta. Kirjoita otsikkoteksti Napsauta Muotoilu-työkalun tiputusvalikkoa nähdäksesi sivustollesi määriteltyjen tyylien listan. Napsauta sopiva Otsikko-tyyli (esim. Otsikko 2) erottaaksesi tekstin otsikkona. Tyyli kytkeytyy siihen kappaleeseen, missä tekstinsyöttö on asetettu. Enterin painaminen aloittaa uuden kappaleen ilman muotoiluja. 3.4. 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. Valitse vasemmalta Sivut-osio. 2. Etsi tai lisää haluamasi sivu 3. Napsauta Sisältö-kenttää lisätäksesi tekstinsyöttöpisteen 4. Kirjoita teksti

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 8(25) Sisältöeditorin muotoilutoiminnot toimivat kuten missä tahansa tekstinkäsittelyohjelmassa. 3.5. Sisällön kopioiminen Microsoft Word:sta tai muusta lähteestä Napsauta Liitä pelkkänä tekstinä -työkalua lisätäksesi muualta kopioidut sisällöt ilman muotoiluita. Tämän jälkeen voit liittää tekstin painamalla Ctrl + V. Työkalu poistuu käytöstä automaattisesti liitettyäsi tekstin. Jos haluat keskeyttää työkalun käytön ennen liittämistä, klikkaa työkalun kuvaketta uudestaan. Voit halutessasi käyttää myös Liitä Wordistä -työkalua (W-kuvake) kun liität sisältöä Microsoft Word:sta, jolloin osa muotoiluista säilyy liitettäessä. Tälle toiminnolle ei kuitenkaan anneta toimivuustakuuta, joten käyttö omalla vastuulla. 3.6. Linkkien lisääminen 1. Valitse teksti, josta tulee linkki. 2. Napsauta Insert/edit link työkalua. Tämä aukaisee Lisää/muokkaa linkki(ä) valittuun tekstiin -ikkunan. Auenneen ikkunan oikeasta yläkulmasta voit sulkea ikkunan tallentamatta muutoksia. 3. Valitse yksi vaihtoehdoista Linkki-kohtaan.

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 9(25) 4. Linkki-valinnan alapuolella sijaitsevan valikon vaihtoehdot muuttuvat riippuen valitsemastasi linkkityypistä. Linkki vaihtoehto Kentän Nimi alapuolella Toiminta vaihtuu Sivu sivustolla Sivu Avaa tiputusvalikko nähdäksesi yksinkertaistetun esityksen sivustostasi. Napsauta valikossa vasemmalle osoittavia nuolia nähdäksesi sivujen alatasot. Etsi ja napsauta sivua merkitäksesi sen linkkisi kohteeksi. Toinen URL Kirjoita verkkosivun osoite, johon haluat linkitettävän. verkkosivusto Ankkuroi tähän Ankkuri Luo ankkuri ja nimeä se. sivuun Sähköpostiosoite Sähköpostiosoite Kirjoita sähköpostiosoite, johon haluat linkitettävän. Lataa tiedosto Tiedosto Valitse tiputusvalikosta aiemmin sivustollesi ladattu tiedosto. 5. Kohta Avataanko linkki uudessa ikkunassa? on valittavissa kaikille muille linkkityypeille, paitsi sähköpostiosoitteelle. 6. Täydennä Tiedot-kohta. 7. Klikkaa Lisää linkki -painiketta lisätäksesi linkin sivulle.

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 10(25) 3.7. Kuvien lisääminen Napsauta sivua asettaaksesi syöttöpisteen. Tähän kohtaan lisätään grafiikkaa. Napsauta Insert image-työkalua. Avautuvassa ikkunassa on kolme välilehteä. Jos haluat ladata uuden kuvan järjestelmään, käytä Omalta tietokoneeltasi -välilehteä. Välilehdeltä CMS-järjestelmästä voit valita jo järjestelmään ladatun kuvan. Tässä ohjeessa näytetään uuden tiedoston lataaminen. Olemassa olevan tiedoston valinta on samankaltainen. Klikkaa Valitse ladattavia tiedostoja ja valitse haluamasi tiedostot sekä paina Avaa/OK. Vaihtoehtoisesti voit myös raahata haluamasi tiedostot Raahaa tiedostot tähän -alueelle. Odota, kunnes valitsemasi tiedostot ilmestyvät kohtaan Tarkat tiedot ja mitat. Klikkaamalla kunkin

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 11(25) rivin Muokkaa-painiketta pääset muuttamaan mm. kuvan kokoa ja asemointia. Tee haluamasi muutokset ja paina lopuksi Päivitä-painiketta. Jos haluat muuttaa kuvan asemointia latauksen jälkeen, se onnistuu valitsemalla kuva (maalaamalla) ja muuttamalla asemointia Tyylit-valikosta. Kuvien kanssa toimivat seuraavat tyylit: Left = vasemmalla tekstin ympäröimänä Center = keskitetty Right = oikealla tekstin ympäröimänä LeftAlone = vasemmalla yksin 3.8. 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ä taulukon otsikkoriville, klikkaa hiiren oikealla napilla taulukon 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.

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 12(25) 3.9. Upotusten lisääminen (esim. videot) Perussivuihin on mahdollista upottaa iframe-koodilla esimerkiksi videoita 3. osapuolen palveluista. 1. Hae esimerkiksi YouTubesta embed-koodi (<iframe>) 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 5. Paina lopuksi Päivitä-painiketta.

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 13(25) Upotuskoodin hakeminen YouTubesta. Kopioi maalattu koodi ja liitä se sivustolle edellä olevan ohjeen mukaan. 4. MUUTOSTEN TALLENTAMINEN Muutokset tallennetaan painamalla CMS:n alareunassa olevaa Tallenna luonnos-painiketta. Tämä tallentaa sivusta luonnoksen, jota voi esikatsella CMS:n kautta. Jos haluat julkaista sivun suoraan, katso kohta Sisällön julkaiseminen. 4.1. Sivun esikatselu Klikkaa CMS:n alareunassa olevaa Esikatselu»-painiketta. Avautuvassa näkymässä voit valita joko Luonnossivuston tai Julkaistun sivuston ikkunan alareunassa olevilla painikkeilla. Lopeta esikatselu painamalla «Muokkaa-painiketta. 4.2. Sivun historian tarkastelu 1. Valitse sivu (tai jatka jo valitun sivun kanssa työskentelyä) aikaisempien ohjeiden perusteella. 2. Valitse oikeasta yläkulmasta Historia-välilehti. 3. Avautuvassa näkymässä voit katsella yksittäisiä versioita valitsemalla ne version vasemmalta puolelta olevasta taulukosta. Näytä julkaisemattomat versiot -valinta on oltava valittuna, jos haluat nähdä luonnosversiot. 4. Klikkaamalla Vertailutila (valitse kaksi) -valintaa pääset vertailemaan eri versioita.

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 14(25) 5. Kokonainen valitun sivun versiolista tulee näkyville. Nyt voit valita molemmat sivut ja vertailla muutoksia. Napsauta sivun kahta versiota, joita haluat vertailla. Muutokset näkyvät ikkunan oikeanpuolimaisella osalla. 6. Tarkastusmerkit (kts. seuraava taulukko) osoittavat versioiden väliset eroavaisuudet. Tarkastusmerkki Esimerkki Selitys Vihreä pystyviiva Tämä teksti on lisätty uudempaan versioon Punainen pystyviiva Tämä teksti on poistettu uudemmasta versiosta. Jos haluat palauttaa sivun aiempaan versioon, kts. ohjeet kohdasta Palauttaminen aiempaan versioon.

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 15(25) 4.3. Palauttaminen aiempaan versioon 1. Mene tarkastelemaan sivun historiaa kohdan Sivun historian tarkastelu mukaan. 2. Valitse haluamasi versio vasemmalta. 3. Ensin kannattaa verrata kahta versiota, niin tiedät minkä versiot haluat palauttaa. Katso ohjeet kohdasta Sivun historian tarkastelu. 4. Klikkaa Palaa tähän versioon palataksesi takaisin parhaillaan näkyvän versioon. 5. Sinut siirretään Sisältö-välilehdelle. 6. Voit nyt julkaista palautetun version kohdan Sisällön julkaiseminen mukaan. 5. SIVUN LISÄÄMINEN 1. Valitse sivu, jonka alle haluat luoda uuden sivun. Jos haluat luoda uuden päätason sivun, valitse vasemmalta Sivut-osio uudelleen. 2. Napsauta Lisää uusi-painiketta. Sinulle aukeaa alla oleva näkymä. Voit myös tässä vaiheessa valita sivun sijainnin onko sivu ylätason sivu, vai jonkin toisen sivun alla. 3. Valitse haluamasi vaihtoehdot. 4. 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. 5. Klikkaa Luo-painiketta. Uusi sivu avautuu muokattavaksesi. 5.1. Sivun julkaiseminen Etsi tai lisää haluamasi sivu Napsauta Tallenna & julkaise julkaistaksesi sisällöt live-sivustolle.

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 16(25) 5.2. Useiden sivujen julkaiseminen 1. Valitse vasemmalta Sivut-osio. 2. Laita rasti Monivalinta-ruutuun. 3. Valitse haluamasi sivut niiden vasemmalle puolelle ilmestyneistä valintaruuduista. 4. Valitse Toimenpiteet-pudotusvalikosta Julkaise. 5. Klikkaa Siirrä 5.3. Käännösten / kieliversioiden luominen Lisättäessä käännöksiä sivuista tulee ensisijaisesti käyttää kunkin sivun Käännökset-välilehden toimintoa, jolloin esimerkiksi ensisijaiseen kieleen jo syötetyt kuvat ovat valmiina paikallaan uudessa kieliversiossa. Uusien sivujen luominen vieraassa kielessä on suositeltavaa vain, jos kieliversion rakenne poikkeaa merkittävästi muista kieliversioista. Esimerkki Kieliversiota, esim. englanti, rakennettaessa luodaan ensin sivuston rakenne ensisijaiseen kieleen (suomi). Kun ensisijainen kieli on valmis, uudet sivut luodaan seuraavasti: 1) Avaa suomenkielinen sivu 2) Sisältö Käännökset Uusi kieli English (US) Luo 3) Täytä käännökset paikalleen, tallenna ja julkaise

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 17(25) 6. LOMAKE Luo sivu kohdan Sivun lisääminen mukaan. Valitse kuitenkin sivutyypiksi User Defined Form. 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. Klikkaa Lähettäjä-välilehti näkyviin lisätäksesi lomakekenttiä Valitse pudotusvalikosta haluamasi kenttä ja klikkaa Add-painiketta. Lisää kenttiä niin monta kuin tarvitset ja nimeä kentät. Valitse Show Options mikäli haluat määritellä lisäasetuksia kentälle. Esimerkiksi Viesti: kentälle voi asettaa useampi rivejä, jolloin kenttä on tavallista korkeampi. 6.1. Lomakkeen kenttätyypit Useimmat kenttätyypit ovat hyvin yksiselitteisiä, esim. Date Field on päivämääräkenttä. Joukossa on myös muutama erikoisempi, joista lista alla.

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 18(25) 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 Optionsvalikosta. Member List Field => antaa käyttäjän valita haluamansa ylläpitäjän, esimerkiksi kenelle viestisi osoitetaan. 6.2. Lomakkeen vastaanottajat Valitse välilehti Form Options, lisää uusi vastaanottaja klikkaamalla Add Email Recipient 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.

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 19(25) 7. TIEDOSTOT JA KUVAT Tiedostot ja kuvat -osiossa voit ladata tiedostoja web-palvelimelle ja työskennellä verkkosivustollasi käytettävien tiedostojen ja kuvien kanssa. 7.1. Tiedostojen ja kuvien löytäminen Ensimmäisenä askeleena tiedostojen tai kuvien katselemisessa, siirtämisessä ja poistamisessa on etsiä haluttu tiedosto hierarkkisesta kansiorakenteesta, joka näkyy Tiedostot-näkymässä. Kansiorakennetta voi navigoida sisäänpäin klikkaamalla kansion kuvakkeesta tai nimestä. Ulospäin navigoidaan klikkaamalla tiedostolistauksen yläpuolelle ilmestyvää -painiketta. 1. Valitse Tiedostot-osio vasemmalta. 2. Navigoi haluamaasi kansioon. Kansion sisältö näytetään tiedostolistauksessa.

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 20(25) 7.3. 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 sekä asettaa käyttäjien ladattavaksi. 7.4. Tiedostojen ja kuvien lataaminen palvelimelle Ennen kuin voit sisällyttää tiedostoja ja kuvia web-sivuillesi, sinun tarvitsee ladata ne webpalvelimelle. 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. Avaa kansio klikkaamalla sitä. 3. Klikkaa Siirrä-painiketta. 4. Voit joko klikata Valitse ladattavia tiedostoja -painiketta tai raahata tiedostot Pudotusalueelle.

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 21(25) 5. Jos klikkasit Valitse ladattavia tiedostoja painiketta, voit nyt navigoida ja valita tiedostot, jotka haluat lähettää. 6. Valitse haluamasi tiedostot ja klikkaa sitten Avaa/OK. 7. Odota, kunnes näkymäsi päivittyy lukemaan File Upload Completed!

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 22(25) 8. USEIN KYSYTTYÄ 8.1. Miksi fonttikoko näyttää oudon 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ää sen vuoksi koko sivun sisällön väärin. Ratkaisu on tarkistaa ongelmasivun HTML-koodi ja etsiä sieltä tyhjiä tagipareja: Avaa HTML-näkymä Etsi tyhjät tagiparit (kts. kuva, ongelmia aiheuttavat tagit korostettu keltaisella) koodista ja poista ne Klikkaa Lisää ja tallenna muutokset. 8.2. Miksi tiedostojen lataaminen palvelimelle ei onnistu? Voisiko palvelimen levytila olla täynnä? Jos et tiedä miten se tarkistetaan, ota yhteyttä.

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 23(25) 8.3. Miten rajaan muokkausoikeuksia sivukohtaisesti? 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 Asetukset-osiosta Oikeudet-välilehden asetukset seuraavasti: o Kuka voi muokata sivuja tällä sivustolla: Järjestelmänvalvojat, Sisällöntuottajat o Kuka voi luoda sivuston juureen: Järjestelmänvalvojat 2. Luo uusi tietoturvaryhmä (Tietosuoja-välilehdellä) ja aseta sille oikeudet Pääsy Sivut -osioon ja Pääsy 'Tiedostot' -osioon. Klikkaa lopuksi Luo. 3. Lisää uuteen ryhmään haluamasi käyttäjät. Valitse sivu, jonka haluat avata uuden ryhmän jäsenille. Asetukset Kuka voi muokata tätä CMS:ssä? valitse Järjestelmänvalvojat, Sisällöntuottajat sekä äsken luomasi uusi ryhmä (kuva seuraavalla sivulla) 4. 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 3. toimenpiteet.

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 24(25) 8.4. Miten muutan alasivun URL-osoitetta? 1. Sisältö URL-osoite - Edit 2. Kirjoita haluamasi osoite kenttään 3. Klikkaa jossain toisessa kentässä varmistaaksesi, että muutos jäi näkyviin URL-kenttään 4. Klikkaa OK 5. Tallenna ja julkaise 8.5. 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.

SilverStripe 3.x / FlowCMS 3 käyttöopas v 1.2.1 25(25) 8.7. Miten teen uudelleenohjauksia? Sisällönhallintajärjestelmällä pystyy luomaan lyhytosoitteita (esimerkiksi www.sivusto.fi/kisa), joilla voidaan ohjata käyttäjä johonkin tiettyyn sivuun tai tiedostoon syvemmällä verkkopalvelussa. Tämä tapahtuu seuraavasti: 1. Lisää uusi Ylätaso Uudelleenohjaava sivu 2. Anna sivun nimeksi haluamasi lyhytosoite, esim. kisa, sen jälkeen klikkaa toisessa kentässä ja valitse Update URL, kun painike ilmestyy. 3. Valitse sivu, mille haluat uudelleenohjauksen vievän (Minne ohjataan). 4. Tallenna luonnos 5. Avaa sivun Asetukset, poista valinnat kohdista Näytetäänkö valikoissa ja Näytetäänkö hauissa. 6. Tallenna ja julkaise Huomio: Jos muutat minkä tahansa sivun osoitetta, järjestelmä tekee automaattisesti uudelleenohjauksen vanhasta osoitteesta uuteen. Näin esimerkiksi hakukoneet löytävät sivun myös uudesta osoitteesta. 8.8. Miksi päivitetty tieto ei näy sivustolla? Olethan muistanut julkaista päivittämäsi sivun? Huomaa, että joissakin tapauksissa ns. dataobjekteilla (kts. kuva) hallittavaa sisältöä ei pysty julkaisemaan suoraan hallintanäkymästä. Tällaisessa tilanteessa tallenna dataobjekti ja julkaise esimerkiksi sivuston etusivu uudestaan, eli avaa etusivu => Tallenna ja julkaise ilman sisältömuutoksia.