Lanuti.fi 2016 Lapin nuorisotiedotus TIETOTALO INFOCENTER OY HTC Keilaniemi Keilaranta 17, 02150 Espoo Rovakatu 17, 96100 Rovaniemi Y-tunnus 1008465-8 www.tietotalo.fi
Päivämäärä Versio Kuvaus Tekijä 27.1.2015 1.0 Kuvataan käyttöliittymän toiminnot sekä moduulit Susanna Lämsä 14.1.2016 2.0 Kirjoitetaan ohje sisältö päivityksiä varten Susanna Lämsä 15.1.2016 2.1 Kirjoitetaan ohje sisältö päivityksiä varten Susanna Lämsä 2
1. INFOWEB PERUSOHJE... 4 Hallintaliittymän yleinen käyttö... 4 Ýlänavigaatio... 5 Sivuhakemisto... 5 Lisää sivu... 5 Sivun perusasetukset... 7 Uudelleenohjaus... 10 Sivurakenteen asetukset... 12 Alasivujen järjestäminen... 12 Poista sivu... 13 Sivusisällön muokkaus (ylävalikko muuttuu tilan muuttuessa)... 14 Sivun asetukset... 14 Työkalun valintanauhat... 16 Editori... 17 Tekstisisällön muokkaaminen ja sisällön tuominen muista ohjelmista... 17 Tyylimääritykset... 18 Hyperlinkki tekstissä... 19 Kuvan / Tiedoston lisääminen tekstisisältöön... 21 Taulukon lisääminen ja muokkaaminen... 26 Uutisointi... 31 Lomake... 33 Tapahtumat... 40 Palstamallin hallinta... 45 2. KÄYTTÖLIITTYMÄ... 45 Etusivun ulkoasu... 45 Alasivujen ulkoasu... 47 Käyttöliitymäasetukset... 48 Etusivun sivuteema... 48 Piilota sivun otsikko... 48 Väriteema... 48 Etusivun karuselli... 49 Alatunniste... 50 Responsiivisuus... 52 Tablet (leveys pienempi kuin 768px)... 52 Puhelin (leveys pienempi kuin 480px)... 53 3. MODUULIT... 54 Valikko ja linkkimoduulien linkkien palstoitus... 54 Asemoitus sisältö... 55 Nosto.xml -sivupohja... 55 Facebook LikeBox sivupohja... 57 Bannercarousel.xml sivupohja... 59 3
1. Infoweb perusohje Kirjautuminen Hallintaliittymän yleinen käyttö Kirjaudu www-sivujen päivitysalueelle käyttämällä osoitetta www.lanuti.fi/admin Muista minut toiminto pitää sinut kirjautuneena järjestelmässä niin kauan kuin selain on auki. Jos muista minut toimintoa ei ole klikannut, järjestelmä heittää sinut ulos hallintaliittymästä, jos et ole käyttänyt infowebiä 20 minuuttiin. Huom! Järjestelmä ei tunnista sinun tekemiä muutoksia jos kirjoitat yli 20 minuuttia editorissa olevaa sisältöä, ilman että klikkaat tallenna sanaa välissä. Salasanan vaihdon voit suorittaa joko Unohditko salasana toiminnolla (edellyttää että omiin tietoihin on tallennettu sähköpostiosoite) tai kirjautuneena hallintaliittymästä omalta alueeltasi. Voit kirjautua www-päivitysalueelle myös suoraan sivulta, johon päivitys tehdään lisäämällä domainin perään sanan edit, esimerkiksi: www.lanuti.fi/edit/suomeksi/valitse-kunta!/kemi 4
Ýlänavigaatio Sivut Sivun sisältöä hallitaan Sivut-osion oikeassa palstassa. Sivuille navigoidaan, joko käyttöliittymän valikoiden tai vasemman palstan sivupuun avulla. Työkaluvalikosta löytyvät kaikki tarpeelliset toiminnot sisällön muokkaukseen. Moduulit Ylänavigaation moduulit listaa sellaiset työkalut, joilla on olemassa tietovarasto, johon ko. moduulin tiedot tallennetaan. Tietojen hallinta tapahtuu suoraan sivuilta, missä moduuli sijaitsee, tietoja on mahdollista tarkistaa myös ylänavigaation kautta. Tiedostot Tiedostot alueelle tallennetaan kaikki infowebissä käytössä olevat kuvat ja tiedostot. Raportit Alueella voit selata Lanuti.fin eniten vierailuja sivuja ja ja sivuja hoita on haettu, mutta ei ole löydetty järjestelmästä. Myös liikennettä voit seurata. Ota huomioon, järjestelmän tulokset eivät ole ollenkaan niin tarkkoja kuin omat seurantaohjelmistot kuten Google Analytics. Infoweb ei tunnista robotin tekemiä hakuja kuten GA. Sivuhakemisto Lisää sivu Sivun lisääminen tapahtuu seuraavin vaihein; 5
Voit aloittaa sivun lisäyksen joko oikealla hiirenpainikkeella sivun päältä klikkaamalla tai klikkaamalla sivuhakemiston yläosan kynä-ikonia. Kirjoita pop-ikkunaan nimi, tallenna ja sulje. 6
Sivun perusasetukset Sivun osoite muodostuu Sivun nimen alapuolelle muodostuvaan murupolkuun. Voit hyödyntää oheista sivupolkua mm. linkkien muodostuksessa sivuilla. Sivupohja valinta on aina oletuksena tyhjä, valikossa voi olla valittavissa erilaisia toiminnallisuuksia valmiiksi käyttöön. Sivupohjat voivat sisältää valmista tekstiä, työjalut ja palstat joita sivulla voidaan käyttää. 7
Sivun toiminta valikoiden suhteen Kentän nimi Tyyppi Kommentti Piilota valikosta Checkbox Sivun voi piilottaa verkkosivuilta näkyvistä. Sivu kuitenkin toimii verkossa ja on löydettävissä myös hakukoneiden kautta. Avaa uuteen ikkunaan Checkbox Kun käyttäjä klikkaa sivua, se voidaan valita avautuvaksi uuteen ikkunaan. Ei yleisestikäytetä tätä toimintoa. Julkaistu Checkbox Voidaan julkaista sivu tätä kautta tai poistaa sivu julkaisusta. 8
SEO-ominaisuudet Kentän nimi Tyyppi Kommentti Otsikko Teksti Teksti näkyvissä googlen hakutuloksissa kohdassa, johon googlessa linkki muodostuu. Ei saa olla kovin pitkä tieto tässä > ihan muutama tai yksi -sana, joka kuvaa sivua. Kuvaus Teksti Kuvataan sivun sisältöä parilla lauseella. Tulostuu näkyviin googleen linkkitekstin alapuolelle. Avainsanat Teksti Voidaan lisätä sivulle avainsanoja. Huom. Nämä rivit eivät ole pakollisia tietoja täytettäväksi. Lisäominaisuudet 9
Kentän nimi Tyyppi Kommentti Kieli Pudotusvalikko Voidaan valita sivulla käytettävä kieli. Välimuisti Checkbox Voidaan valita välimuistin tallennus. Sivukartta Checkbox Oletuksena valittuna, jos sivua ei haluta näytettäväksi sivukartassa, checkbox tulisi poistaa. Sivukarttaan piirtyminen auttaa googlea indeksoimaan sivuja. Prioriteetti Pudotusvalikko Voidaan pisteyttää tärkeysjärjestykseen olennaisia sivuja. Google lukee näitä pisteytyksiä ja niiden avulla voit kertoa sivun tärkeydestä googlelle Sisällön muuttumistiheys Pudotusvalikko Oletus päivittäin. Voidaan kertoa googlelle tällä tavoin kuinka usein sivut päivittyvät. Oletus asetusta ei tarvitse muuttaa. Pakota salattu yhteys Checkbox Valintaa voi käyttää, jos sivustolla käytössä https (https:n toimintaan tarvitaan maksullinen lisenssi toimiakseen) Uudelleenohjaus 10
Kentän nimi Tyyppi Kommentti Uudelleenohjaus Linkki Avoinna olevan sivun uudelleen ohjautuvaksi toiselle sivulle automaattisesti kun käyttäjä klikkaa sivun nimeä. Sijaintiin perustuvat uudelleenohjaukset Checkbox Sijaintiin perustuvalla uudelleenohjauksella Infoweb saadaan tunnistamaan käyttäjän maa, mistä verkkokäyttäjä saapuu sivustolle, tämän myötä tietyn maan käyttäjät voidaan ohjata tietylle sivulle palvelemaan suoraan tämän alueen käyttäjiä. Sijaintiin perustuvien uudelleenohjauksien lisääminen tapahtuu valitsemalla listalta maa ja painamalla Lisää-painiketta. Tämän jälkeen voit lisätä ohjaukselle sivun tai osoitteen. Virtuaalipolut Checkbox Virtuaalipolkuja lisätään automaattisesti aina, kun sivupolku muuttuu. Voit myös määrittää sivupolkuja manuaalisesti. Virtuaalipolut toiminnolla voit tehdä sivupolkuja, jotka ohjaavat polun määrittämälle sivulle. Uusi virtuaalipolku Pudotusvalikko Virtuaalipoluilla voit manuaalisesti tehdä esimerkiksi sivuille lyhytosoitteita markkinointiviestintää varten. www.lanuti.fi/parastanuortenlappia 11
Sivurakenteen asetukset Alasivujen järjestäminen Alasivuja pääset järjestelemään klikkaamalla pääsivulla oikeaa hiirenpainiketta, jonka alisivuja haluat järjestellä. Valitse >> Asetukset ja Järjestele alasivut 12
Poista sivu Oikea hiirenpainikkeella pääset poistamaan aktiivisena olevan sivun ja kaikki sen alisivut (jos aktiivisella sivulla alisivuja) Valitse >> Poista Jos poistat vahingossa väärän sivun, käy katsomassa pääsetkö palauttamaan sivun roskakorin kautta: 13
Sivusisällön muokkaus (ylävalikko muuttuu tilan muuttuessa) Julkaistu näkymä Muokkaus näkymän valintanauha Esikatselu näkymän valintanauha Julkisen sivuston näkymä valintanauha Sivun asetukset Sisältöversiot Sisältöveriot arkistoituvat infowebiin ja ovat selattavissa pudotusvalikkoon. 14
Kentän nimi Luonnos Julkaistu Arkistoitu Kommentti Luonnokset ovat kopioita kopioinnin yhteydessä julkaistuna olleesta sivusta. Julkaistusta sivuversioista muodostuu aina Muokkaa sanaa klikatessa uusi luonnos. Luonnoksia voi olla sivuilla useita. Sivu joka näkyy julkaistuna verkkosivulla. Yhdestä sivusta voi kerrallaan olla vain yksi sivu julkaisu tilassa. Julkaistusta sivuversioista muodostuu aina Muokkaa sanaa klikatessa uusi luonnos. Joskus ennen julkaistuna ollut sivu. Kun uusi luonnos sivu julkaistaan, vanha julkaistu sivu muodostuu arkistoiduksi. Voi olla useita. Suoraan arkistoidulla sivulle ei pääse muokkaan, vaan tekee muokkaa sanasta klikatessa uuden sisältöversion arkistoidusta sivusta ja siirtää uuden sivun luonnos tilaan. Sivuversioita pääsee hallinnoimaan / poistamaan ja lisäämään seuraavasti: 15
Sisältöversion hallintanäkymässä voit poistaa tarpeettomia sisältöversioita tai lisätä ihan uuden puhtaan sisältöversion. Työkalun valintanauhat Moduulin lisääminen 16
Voit valita moduulin sivulle käyttöön joko valintanauhan työkaluriviltä tai suoraan sivun palstasta Palstaxx osion kautta. Editori Editorilla luot sisältöä sivuille; tekstiä, linkkejä, taulukkoja ja kuvia. Jotta sisältö olisi tyylikästä, tutustu verkkokirjoittamisen alkeisiin, yksinkertainen on kaunista ja tiivistetysti kerrottu tieto menee parhaiten perille. Googlesta löytyy paljon verkkokirjoittamisen aiheen alla olevia artikkeleita, tutustu niihin, katso esim.: http://nettibisnes.info/verkkokirjoittaminen/ Editorin työkalurivin toiminnallisuudet ovat rajattavissa käyttäjäryhmälle asetettujen oikeuksien mukaan; minimal, basic tai full. Lanutin kunta käyttäjillä on käytössä full tason käyttöoikeudet editoreihin, eli kaikki mahdollinen mitä editorilla voitte tehdä on ulottuvillanne. Editorin toiminnallisuudet: Tekstisisällön muokkaaminen ja sisällön tuominen muista ohjelmista Tyylimääritykset Hyperlinkki tekstissä Kuvan / Tiedoston tuominen editori-sisältöön Taulukon lisääminen ja muokkaaminen Tekstisisällön muokkaaminen ja sisällön tuominen muista ohjelmista Editorin -työkalun toiminnot ovat yleisistä toimisto-ohjelmista tuttuja. Tekstin kopioiminen ja liittäminen toisesta ohjelmasta suoraan editori-työkaluun voi tapahtua käyttäen: 17
Valikkorivin painikkeita (Liitä / Liitä Word:sta / Liitä Word:sta, poista fontit / Liitä tekstinä / Liitä HTML:nä) Hiiren oikeasta painikkeesta avautuva valikon Kopioi ja Liitä -toiminnoilla. Hyödyntäen pikanäppäimiä (Ctrl+C ja Ctrl+V) Kuva: 1. Liitä 2. Liitä Word:sta 3. Liitä Word:sta, poista fontit 4. Liitä tekstinä 5. Liitä HTML:nä HUOM! Kun editoriin siirretään kopioimalla tekstiä ja kuvia suoraan jostain toisesta ohjelmasta, teksti siirtyy automaattisesti sellaisenaan, mutta kuvat eivät siirry suoraan sisältöön. Lisättävät kuvat täytyy ladata InfoWebiin käyttämällä tiedostovarastoa. Kun kopioit sisältöä esim. Microsoft Wordista, kannattaa tekstiä liittäessä käyttää editorin liitäntävaihtoehtoa Paste as plain text (=Liitä tekstinä), joka siivoaa kaikki muotoilut pois tekstistä. Tyylimääritykset InfoWeb-järjestelmä tekee kirjoitettuun ja kopioituun tekstiin julkaisun yhteydessä tyylimääritykset automaattisesti. Näin käyttäjän ei itse tarvitse tehdä esim. fonttityyleihin liittyviä muotoiluja, vaan järjestelmä muokkaa tekstin fonttityylin, -koon ja -värin standardiin muotoon tallennuksen ja julkaisun yhteydessä. Tämä toiminto auttaa säilyttämään julkaistujen sivujen ulkoasun yhtenäisenä. Käyttäjä voi itse tehdä tekstiin otsikkotasomäärityksiä (Heading 1, Heading 2, jne.). Määritellyille otsikko-tasoille on valmiit tyylimäärityksensä. 18
Kuva 1. Otsikkotyylien pudotusvalikko HUOM! Editoria käytettäessä on syytä aina muistaa tallentaa tehdyt muokkaukset ennen lopettamista. Pitkän muokkausoperaation aikana myös istunto voi vanhentua, joten välitallennuksia on syytä suosia. Hyperlinkki tekstissä Lisää linkki (Insert Hyperlink) Poista linkki (Remove Hyperlink) Aktivoi teksti tai kuva, johon haluat lisätä linkin (esim. hiirellä maalaamalla). URL: Kohteen tarkka osoite, esim. http://www.google.fi Link Text: Teksti, joka maalattiin linkkialueeksi. Type: Valitse linkin muoto linkkimuodon. o Esim. http://-muoto kun kyseessä on www-linkki o E-mail välilehdellä lisätään sähköpostiosoite. Target: Määritellään, miten linkki aukeaa. 19
Yleisenä käytäntönä pidetään seuraavaa: organisaation omille sivuille linkatessa käytetään Same Window - valintaa, kun taas jonkun muun tuottamien www-sivujen kohdalla käytetään uuteen ikkunaan avautuvaa New Window -valintaa. Vaihtoehtoina ovat: New Window = linkki avautuu uuteen ikkunaan. Parent Window = linkki avautuu frame-ikkunaan. Same Window = linkki avautuu samassa ikkunassa. Browser Window = linkki avautuu koko selaimen ikkunaan. Search Panel = Haku paneeliin Media Panel = Media paneeliin Tooltip: Kun hiiren kursori osuu kuvan kohdalle, näkyy Tooltip-tekstiriville merkattu teksti. Linkkiä pääsee muokkaamaan myöhemmin klikkaamalla hiirellä linkitettyä sanaa editorissa ja valitsemalla Hyperlink-kuvakkeen. Näin Hyperlink-ikkuna avautuu ja muutokset voi tarvittaessa tehdä ja tallentaa. Linkki editorin sisällä Ankkureiden avulla voidaan luoda editorin tekstin sisäisiä linkkejä. Jos editorin tekstisisältö on pitkä ja se sisältää useita eri kappaleita, sivun alkuun voidaan luoda sisällysluettelo. Ankkurit, esimerkiksi kappaleiden otsikot, toimivat linkkeinä sisällysluettelossa mainittujen kappaleiden alkuun. 20
Maalaa hiirellä editorin tekstistä ankkuroitava kohde esim. kappaleen otsikko. Valitse työkaluriviltä HyperLink Manager, siirry Anchor -välilehdelle, kirjoita riville esimerkiksi hiirellä maalatun kohteen teksti, palaa takaisin tekstiin. Siirry editorissa tekstin alkuun, maalaa hiirellä sisällysluettelossa oleva tekstialue, valitse Hyperlink Manager ja Target pudotusvalikosta ankkuroitu kohde. Link text kohtaan ilmestyy editorin alusta maalattu teksti ja URL-riville sama teksti #-etumerkillä varustettuna. Ankkuri valmis. Kuvan / Tiedoston lisääminen tekstisisältöön Aseta hiiren kursori haluamaasi kohtaan editorissa Valitse editorin työkaluriviltä Image manager (kuvan tuonti sivulle) tai File manager (tiedoston tuonti sivulle) Näkymään avautuu tiedostovarasto Etsi kansio, jossa kuva / tiedosto sijaitsee tai hae kuva/tiedosto hakutoiminnolla Valitse kuva/tiedosto sivulle Hae kuva / tiedosto omalta tietokoneelta suoraan editoriin Aseta hiiren kursori haluamaasi kohtaan editorissa Valitse editorin työkaluriviltä Image manager (kuvan tuonti sivulle) tai File manager (tiedoston tuonti sivulle) Näkymään avautuu tiedostovarasto Klikkaa hiiren kursori Uusi tiedosto -tekstikentässä, näkymään avautuu Oman tietokoneen tiedoston haku-paneeli. 21
o Infowebissä oletuksena suuret kuvat pienennetään kokoon 1200*1200, mikäli toimintoa ei erikseen kielletä Valitse toiminnon alla olevasta checkbox-ruudusta. Hae tiedosto omalta koneelta. InfoWeb lataa tiedoston automaattisesti valittuun tiedostokansioon. Tuo kuva/tiedosto sivulle. 22
Kuvan asettelujen muokkaus Kuvan kokomuutos, kuvan kehykset, kuvan kohdistus palstalla, kuvan url-osoite ja alt-teksti voidaan muokata hiiren oikeasta painikkeesta avautuvan valikon Ominaisuudet -toiminnosta. Kuvan sisäpuolen alueita voidaan asettaa linkiksi. Linkin upotus kuvassa olevalle tietylle alueelle saadaan hiiren oikeasta painikkeesta avautuvan valikon Image Map Editor -toiminnosta Koko kuva linkiksi saadaan aktivoimalla kuva ja valitsemalla työkaluriviltä toiminto Hyperlink Manger. 1. Kuvan kokomuutokset 2. Kuvan reunojen väri ja paksuus 3. Alt-teksti ja kuvausteksti, kuvan sisällöstä 4. Kuvan sijoitus sivulla 5. Kuvan osoite 6. Kuvan reunusten marginaali 7. Kuvan valmis tyyli, mikäli sellainen tehty Saat kuvan asemoitua siististi tekstin rinnalle seuraavasti: 23
Tiedoston nimen muotoilu editorissa Klikkaa hiiren kursori editorissa olevan tiedoston linkin päälle ja valitse editorin toiminnoista Hyperlink Manager. (lisätietoja hyperlinkki tekstissä- kappaleessa) 24
25
Taulukon lisääminen ja muokkaaminen InfoWeb -järjestelmässä taulukolla tarkoitetaan perinteistä taulukkoon aseteltua tietoa tai tietyissä tapauksissa sivun palstoitusta. Tällä ei ole kuitenkaan mitään tekemistä sivupohjan palstajaon kanssa. Tieto voi olla esimerkiksi tekstiä ja kuvia ja tekstiä voi olla yhdessä solussa useammalla rivillä. Taulukon lisääminen tapahtuu klikkaamalla taulukon kuvaa editorin työkaluriviltä ja valitsemalla rivit ja sarakkeet sen mukaan, kuinka monta riviä ja saraketta halutaan taulukossa olevan. Taulukkoa ja taulukon soluja voidaan muokata hiiren oikeasta painikkeesta avautuvasta monivalintavalikosta HUOM! Taulukot eivät ole responsiivisia, taulukot eivät näytä kovin siisteiltä tableteilta ja puhelimilta katsottuna. Siksi taulukkoja kannattaa välttää sisällöissä. Taulukon ominaisuudet - Table Properties Mm. taulukon kokomuutos, taulukon rajat, taulukon kohdistus palstalla voidaan muokata hiiren oikeasta painikkeesta avautuvan valikon Taulukon Ominaisuudet -toiminnosta. Dimension Width / Heigh SELITE Taulukon leveys / korkeus. Prosentteina määritelty taulukko mukautuu parhaiten näytön erilaisten tarkkuuksien mukaan. Layout 26
Cell Spacing Cell Padding Alignment Background Color Style Builder Solun väleissä oleva tila (taulukon rivien ja sarakkeiden väleissä oleva tila) Solun täyte Taulukon asettelu palstalla sivuttaisesti Taulukon taustaväri Taulukon muotoilun lisäasetukset Solun ominaisuudet Solun ominaisuuksiin määritellään solun leveydet, solun taustavärit, solun sisässä olevien tekstien asettelut. 1. Solun koko, solun taustavärit, solun sisässä olevien tekstien asettelut =content alignment 27
Taulukon siisti ulkoasu saadaan seuraavasti: Maalaa toivottu määrä taulukolle rivejä ja sarakkeita Valitse taulukon ominaisuudet: Aseta taulukolle leveys, ja asettele taulukon solujen tilat. 28
Siirry Cell Properties välilehdelle ja kliksuttele 25% jokaiselle palstalle leveydeksi, koska taulukossa neljä palstaa rinnakkain ja 4x25%=100%. Taulukoiden sarakkeiden yhteissummaksi pitää tulla aina 100%, >> eli jos taulukossa kaksi palstaa aseta molempien leveydeksi esimerkiksi 50%, tai jos haluat toisesta palstasta kapeamman, aseta toiseen palstan leveydeksi 20% ja viereisen palstan leveydeksi 80%. 29
Lopputulos Lisätietoja editorin toiminnallisuuksista: http://www.telerik.com/documents/radeditorajaxendusermanual.pdf 30
Uutisointi Järjestelmän ajankohtaismoduulin avulla voidaan syöttää ajankohtaistiedot julkaistavaksi valituissa julkaisupaikoissa. Uutisen lisääminen sivulle / uutisen muokkaus. Avaa sivu, jossa uutisia listataan, siirry sivun muokkaustilaan. Valitse uutismoduulin "Sisältö" valinta, jolloin avautuu lista sivun kaikista uutisista; uusista ja vanhoista. Näkymässä voit lisätä uutisen Lisää -toiminnolla tai muokata kynä-ikonista olemassa olevaa uutista. Uutiseen täydennettävät tiedot: Kategoria pudotusvalikosta valitaan uutisen julkaisukohteet, millä sivuilla uusi uutinen julkaistaan. o Valintavaihtoehtona on kunnan sivut ja Lanuti pääsivu. 31
Uutisen julkaisuaika; päivämäärä- ja kellonaikatiedot o Huomaa, että uutisen julkaisun alkuaika on vasta tunnin päästä siitä hetkestä kun aloitat uuden uutisen kirjoittamisen, muuta siis kellonaika menneeseen aikaan jos haluat julkaisun heti. 32
Otsikko Ingressi eli lyhyt kuvaus Varsinainen teksti uutiseen kirjoitetaan editoriin. Editori mahdollistaa uutisen tekstin lisäksi kuvien, tiedostojen ja linkkien upotuksen suoraan tekstin sekaan. (kts editori) Lisäksi uutisessa voidaan käyttää lisäotsikkoa sekä kirjoittajan tietoja. Kuvat, tiedostot ja linkit voidaan lisätä myös omille välilehdilleen. Näin kuvat, tiedostot ja linkit saadaan ulkoasumäärityksillä jokaisessa uutisessa samaan kohtaan. Uutinen voidaan kirjoittaa samaan aikaan myös eri kielillä. Kielet, joita uutisessa voidaan käyttää, on riippuvainen kieliversioista, jotka sivustolle asetettu käyttöön. Eri kielille tarkoitetut kentät löytyvät uutisen lisäysnäkymän oikeasta laidasta Muut kentät -ikonista. Tallenna ja sulje lopuksi uutinen > mene tarkastelemaan lopputulosta sivuille. Lomake Verkkolomakkeen käyttökohteita voivat olla mm. palautelomakket, kilpailulomakkeet, ilmoittautumislomakkeet. Lomakemoduulin käyttöönotto Lomake on valmis käyttöönotettavaksi perustietojen ja kenttä-välilehdelle syötettyjen tietojen jälkeen. Pudota lomakemoduuli sivulle, sivun moduulialueen liukuhihnalta. Tallenna vihreästä painikkeesta. Näkymään avautuu Asetukset ja lomakkeen valinta -näkymä. 33
Valitse pudotusvalikosta jo olemassa oleva lomake tai siirry oikeasta kulmasta Sisältö alueelle ja aloita uuden lomakkeen lisäys. Uuden lomakkeen lisääminen Lisää uusi lomake moduulin sisältö alueella 34
Lomakkeen lisäyksessä valitse Kategoriat -pudotusvalikosta uudelle lomakkeelle kategoria. Kategoria tarkoittaa lomakkeen tietokantaa, varataan lomakkeelle paikka, johon lomakkeen tiedot tallentuvat. Kategorian valinta pakollinen tieto. o Mikäli pudotusvalikosta ei löydy sopivaa kategoriaa uudelle lomakkeelle. Luo uusi kategoria klikkaamalla ratas-ikonia. Siirryt kategorioiden hallintaan. Näkymään avautuu kategorioiden sivurakenne, josta voidaan aktivoida esimerkiksi avoinna oleva sivu kategoria sivuksi. Palaa perustietoihin Tallenna ja Sulje toiminnolla. Täydennä lomakkeen perustiedot käyttötarpeen mukaan; kategoriat, nimi, vastausten lähetys sähköpostiin, vastauksen lähetys lomakkeen täyttäjän sähköpostiin ja esikatselu ennen lomakkeen lähetystä. Huom! Lomakkeen vastaukset tallentuvat automaattisesti lomakekategoriaan, josta vastauksia voidaan selata tai viedä vastaukset Excel/CSV-tiedostoon. Siirry kentät välilehdelle ja lisää lomakkeen kysymyskentät 35
Ulkoasu välilehdelle on määritetty oletusulkoasut, joten kysymysten luonnin jälkeen, lomake on valmis. 36
Lomakkeen kysymysten kenttätyyppien merkitys: Lisää lomakkeen kysymys "Kentät" -välilehden Nimi -tekstialueelle. Aktivoi "Kenttä on pakollinen", mikäli halutaan, että käyttäjän on pakko täyttää kysymys ennen lomakkeen lähetystä. Valitse tyyppi, missä muodossa kysymksen vastausalue lomakkeella esitetään. Tekstikenttä: Yksi rivi tekstiä Tekstialue: Useamman rivin tekstilaatikko Editor: Tekstieditori, käyttäjä voi käyttää tekstissä mm: lihavointia, kursivointia, alleviivausta Sähköposti: Pakollinen kenttä lomakkeen kysymyksissä, mikäli perustiedoissa aktivoitu valinta Lähetä käyttäjälle sähköposti Päivämäärä: Päivämäärä Koordinaatit: Kartan koordinaatit Monivalintalista: Valmiit vastausvaihtoehdot monivalintaruudussa. Monivalintaruutulista (checkbox): Valmiit vastausvaihtoehdot monivalintaruudussa. Pudotusvalikko: Yksivalintainen vastausvaihtoehtolista Valintanappilista (Radiobutton): Yksivalintainen vastausvaihtoehtolista 37
Lomakkeiden kenttätyyppien esimerkki: 1. Päivämäärä 2. Teksikenttä 3. Radiobutton 4. Pudotusvalikko 5. Iso tekstialue Monivalintavaihtoehdot lomakkeella Lomakkeella kysytyn kysymyksen valmiiden vastausvaihtoehtojen lisäys voidaan toteuttaa kahdella tapaa; syöttää jokainen vastaus yksitellen tai kaikki yhdellä kertaa. 38
Yksitellen syötetyt vastausvaihtoehdot: Lisää vastaukset valintavaihtoehdon jälkeen tulevalle arvokenttä alueelle. Yhdellä kertaa kaikki vastausvaihtoehdot: Valitse vaihtoehtotyyppi ja valitse oikean laidan nuolipainikkeesta avautuva toiminto "Lisää lista arvo". Valintavaihtoehdot lisätään avautuvaan popup ikkunaan puolipisteellä erotellen. Lomakkeen ulkoasu Lomakkeen ulkoasuvälilehdelle ei tarvitse välttämättä tehdä mitään. Lomake on valmis käyttöönotettavaksi ilman manuaalisesti tehtävää lomakkeen ulkoasun suunnittelua. Poistamalla valinnat "Käytä oletus ulkoasua" voi lomakkeen ulkoasun suunnitella itse editorin "Insert Code Snippet" -toiminnon avulla. Tallenna lomake lopuksi vihreällä tallennus -painikkeella ja poistu Tallenna ja sulje -toiminnolla lomakkeelta. Näkymä palaa lomakelistalle Käyttöönota uusi lomake Asetukset -välilehdellä Valitse Lomake-pudotusvalikosta sivulle käyttöönotettava lomake ja kirjoita lomakkeen lähetyksen jälkeinen Kiitos-teksti tai määrittele URL-osoite, johon käyttäjä ohjautuu lomakkeen lähetyksen jälkeen. 39
Tapahtumat Tapahtumamoduuliin täytetään tiedot ajankohtaisista tai tulevista tapahtumista. Tapahtumamoduulin avulla voidaan esittää erilaisten määritysten avulla yhdeltä tapahtumakategoriasivulta eri näkymiä, kuten etusivulla kolme uusinta tapahtumaa tai tapahtumasivulla kaikki tulevat tapahtumat. Tapahtumamoduulin käyttöönottovaiheet sivulle Lisää tapahtumat moduuli Siirry tapahtumien asetuksiin. Kategoriat pudotusvalikosta valitse kategoria tapahtumalle o Mikäli sopivaa kategoriaa ei pudotusvalikosta löydy, lisää kategoria ko. sivulle valitsemalla muokkaa-toiminto kategoriat pudotusvalikon oikeasta laidasta. o Aktivoi sivulle kategoria. Tallenna ja sulje. o Valitse juuri aktivoitu kategoria -pudotusvalikosta. Sivun tapahtumat tämän jälkeen käyttövalmiina eli voit aloittaa tapahtuman lisäksen sivulle. Mikäli tapahtumamoduuli löytyy jo sivulta, voit siirtyä suoraan lisäämään tapahtuma sivulle. Tapahtuman lisääminen sivulle / tapahtuman muokkaus Avaa sivu, jossa tapahtumia listataan, siirry sivun muokkaustilaan. Valitse tapahtumamoduulin "Sisältö" valinta, jolloin avautuu listaus sivun kaikista tapahtumista. Tapahtumien varastolistauksessa ilmaistaan tapahtuman julkaisutila värikoodilla: punainen = tapahtuman julkaisuaika umpeutunut harmaa = tapahtuman julkaisuaika tulevaisuudessa musta = julkaisuaika meneillään 40
Listausnäkymässä voit lisätä tapahtuman Lisää -toiminnolla tai muokata kynä-ikonista olemassa olevaa tapahtumaa. Tapahtumaan täydennettävät tiedot: Kategoria pudotusvalikosta valitaan tapahtumalle julkaisukohteet. Vinkki! Jos Kategoria -pudotusvalikossa esitetään vain yksi julkaisukohde, ja haluaisit tapahtuman julkaista useammassa kategoriassa, käy tarkistamassa tapahtuman tiedot tapahtumavarastoalueella eli siirry tapahtumaan Infowebin hallinnasta ylänavigaation kautta kohteeseen Moduulit/Tapahtumat, valitse muokattava tapahtuma tai lisää uusi tapahtuma, kategorian pudotusvalikkoon avautuu tätä kautta useampi kategoria tapahtumalle. Sivualueen tapahtuman lisäyksessä esitetään vain ko. sivun tapahtuman asetuksiin määritetyt kategoriat, mutta Moduulit/Tapahtumat -alueen kautta avautuvat tapahtuman lisäyksessä kategoriapudotusvalikkoon kaikki kategoriat, joihin käyttöoikeutesi riittävät. Täytä tapahtuman julkaisuaika sekä tapahtuman päivämäärä- ja kellonaikatiedot. Oletuksena tapahtumien listaus verkkosivulla määräytyy tapahtuman päivämäärätietojen mukaan. 41
Otsikko Ingressi eli lyhyt kuvaus tapahtumasta Teksti, täydennetään tapahtuman esittely. Editori mahdollistaa tekstin lisäksi kuvien, tiedostojen ja linkkien upotuksen suoraan tekstin sekaan. Tapahtumaan voidaan täydentää lisäotsikko sekä kirjoittajan nimi ja kuva. (Nämä tiedot eivät ole oletuksena näkyvillä, täytyy käyttöönottaa erikseen sivulle tapahtuma asetusten ulkoasumäärityksissä) Kuvat, tiedostot ja linkit voidaan lisätä myös omille välilehdilleen. Näin tiedot saadaan ulkoasumäärityksillä jokaisessa tapahtumassa aina samaan kohtaan ja yhdenmukaisuus tapahtumissa säilyy. Tapahtumasta voidaan täyttää samaan aikaan sisältö myös eri kieliversioille. Kielet, joita tapahtumissa voidaan käyttää, on riippuvainen kieliversioista, jotka sivustolle asetettu käyttöön. Eri kielille tarkoitetut kentät löytyvät tapahtuman lisäysnäkymän oikeasta laidasta Muut kentät -ikonista. Kaikkia kenttiä ei voi kääntää, esimerkiksi Tapahtuman tiedot -välilehden sisällöt ovat kaikilla kielillä samat. 42
Tapahtuman tiedot -välilehdelle täytetään tarkemmat tiedot tapahtumasta Hinta ja varaustietokentät, sekä tapahtuman järjestäjätiedot ovat tavallisia tekstikenttiä, joihin voi vapaasti täyttää sisältöä. Tapahtuman tyypin ja tapahtumapaikan nimet ovat listattu pudotusvalikkoon. Pudotusvalikkoon on integroitu tekstikenttä, eli jos pudotusvalikosta ei löydy etsimääsi valintaa, voit tehdä uuden valintavaihtoehdon suoraan kirjoittamalla pudotusvalikko -riville ja tallentamalla täydentämäsi sisällön tapahtuman alaosan tallenna -painikkeesta. Huom! Samaan tapaan voit muokata myös pudotusvalikosta löytyvän tietueen tietoja, valitset sisällön ja muokkaat esimerkiksi muuttuneet osoitetiedot. Pudotusvalikossa olevia valintoja ei voi poistaa. Tapahtuman tyyppi -pudotusvalikosta voidaan käyttää ilmaisemaan tapahtuman laji; kuten konsertti, festivaali, koulutus. 43
Tapahtumapaikkatietoihin täydennetään tapahtuman osoitetiedot, puhelunnumero, sähköposti ja web-osoite (muista täydentää web-osoite täydelliseen muotoon: http://www.google.fi) Tapahtuman järjestäjätiedoilla voi olla erit yhteystiedot kuin itse tapahtumapaikan tiedoilla, siksi nämä ovat eriytetty toisistaan. Huom! Tapahtuman tiedoista kaikki sisällöt eivät nouse automaattisesti näkyviin, vaikka sisällöt täyttääkin tapahtuman eri tietoalueille. Tapahtuman tiedoista oletuksena nousee näkyviin vain päivämäärä, otsikko, ingressi ja teksti-alue. Ulkoasu kannattaakin suunnitella aina verkkosivujen tarpeiden mukaiseksi. Tietotalo voi auttaa / tehdä tarpeiden mukaisen ulkoasun tapahtumiin. Tallenna ja sulje lopuksi 44
Palstamallin hallinta 2. Käyttöliittymä Etusivun ulkoasu 45
Etusivun kaltaisen ulkoasun saa käyttöön valikoimalla käyttöliittymäasetuksista Etusivun sivuteeman + palstamallin 10. 46
Alasivujen ulkoasu Alasivuilla hyödynnetään yläkuvia. Yläkuva voidaan vaihtaa sivun asetuksista, käyttöliittymä välilehdeltä. Kuvan suosituskoko on 878 px x 300 px. 47
Käyttöliitymäasetukset Etusivun sivuteema Tätä asetusta käytetään sivuilla (esim etusivu), joissa ei tarvita vasemmassa reunassa olevaa alavalikkoelementtiä Piilota sivun otsikko Sivuilla näkyvän yläkuvan avoinna olevalta sivulta näkyvistä. Kuva: Sivun otsikkokuva piilotettu Kuva: Sivun otsikkokuva näkyvissä Väriteema Tämä vaihtaa logon sekä käyttöliittymän väriteeman vihreäksi, siniseksi tai violetiksi. 48
Etusivun karuselli Sisältöä ylläpidetään karuselli nimisellä sivulla. Karuselli -sivun sisältö heijastetaan yhtä tasoa ylemmälle sivulle. Jokainen kunta voi siis tehdä omalle kunnalle karusellisivun. Kuva: Esimerkiksi Suomeksi sivun alasivulle luotu karuselli sivun sisällöt heijastuvat Suomeksi sivulle. Etusivun karuselli -toimintoa ylläpidetään karuselli sivulla asemoitu sisältö moduulissa. 49
Kentän nimi Tyyppi Kommentti Link Linkki Karusellin kuvakkeen linkki Title Teksti Karusellitietueessa näkyvä otsikko Image Kuva Karusellin kuvat skaalautuvat automaattisesti oikeaan kokoon. Esimerkeissä kaikki kuvat ovat kokoa 380 px x 174 px. Jos kuva on korkea, niin karuselli pienentää kuvan oikeassa suhteessa niin, että leveys on aina 380 px, korkeus mukautuu leveyteen. Text Teksti Teksti joka generoituu kuvan alle. Alatunniste Sisältöä ylläpidetään footer nimisen sivun kautta. Footer -sivun sisältö heijastetaan kaikille samassa sivuhaarassa oleville sivuille, sivun alaosaan. Jokainen kunta voi siis tehdä oman footer sivun kunta sivun alasivuksi, josta tieto välittyy koko kunnan sivualueen alaosaan. 50
Somelinkit toimintoon voi kerätä esimerkiksi eri some osoitteita näkyviin (twitteri, instagram yms). 51
- Icon Erilaisia ikonikuvakkeita suorakaiteen sisään voi valikoida osoitteesta: http://fortawesome.github.io/font-awesome/icons/. Lisää ikoni muodossa fa-tähänikonintunnus Huom. pikalinkkien ei ole pakko olla somelinkkejä, siihen voi muodostaa mitä mielikuvituksellisempia linkkejä. Responsiivisuus Käyttöliittymä mukautuu pienille näytöille. Mukautuminen alkaa yleisestä table laiteiden pystymallin leveydestä 768px. Tablet (leveys pienempi kuin 768px) 52
Yleisesti pienennetään elementtien marginaaleja Palstaleveyksien suhteita muokataan Alasivujen sisällössä palstoitus poistetaan ja moduulit allekkain. Puhelin (leveys pienempi kuin 480px) Päävalikko ja apuvalikko pudotusvalikoksi painikkeen taakse. Palstoitus poistetaan sisällöstä ja moduulit allekkain Alatunnisteen elementit allekkain 53
3. Moduulit Valikko ja linkkimoduulien linkkien palstoitus Valikkomoduuli sijaitsee etusivulla palstassa 2, paikassa 1. Linkki moduuli sijaitsee etusivulla palstassa 3, paikassa 2. Valikko moduulin ja linkkimoduulin linkit saadaan järjestymään palstoittain kirjoittamalla moduulin asetuksiin Css-tyyliin tekstin kunta. 54
Asemoitus sisältö Nosto.xml -sivupohja Sisältöä ylläpidetään nosto.xml -sivupohjan kautta. 55
Kentän nimi Tyyppi Kommentti Teksti Kuva Vapaa tekstialue Linkki Linkki Linkkiteksti Teksti Linkin otsikko Etusivulla toiminto sijaitsee palstassa 1, paikalla 1. 56
Facebook LikeBox sivupohja Sisältöä ylläpidetään Facebook LikeBox-sivupohjassa. 57
Kentän nimi Tyyppi Kommentti URL Linkki Facebook sivun osoite yllä esimerkin mukaisessa muodossa Width Leveys pixeleinä Merkitään fb-toiminnon leveys pixeleinä. Etusivulla toiminto sijaitsee palstassa 2, paikalla 2. Show faces Show stream Show header Valinta Valinta Valinta 58
Bannercarousel.xml sivupohja Kentän nimi Tyyppi Kommentti Link Linkki Image Kuva Kuvat skaalautuvat automaattisesti oikeaan kokoon. 59