Ouka.fi-käyttöohje 1. Sivun luominen 2 1.1. Sivun piilottaminen 3 1.2. Kopioi isäntä-sivu 3 1.3. Sivun ominaisuuksien muokkaaminen 4 1.4. Sivun poistaminen 4 1.5. Sivujärjestyksen muuttaminen navigaatiossa 4 2. Portletin lisääminen sivulle 5 2.1. Portletin konfigurointi 5 2.2. Sosiaalisen median jakolinkit 5 2.3. Portletin pyöreä kehys 6 2.4. Portletin poistaminen 6 2.5. Otsikon lisääminen portletille 6 3. Artikkelin luominen 7 3.1. Yhteystietojen esittäminen 7 3.2. Valmiin artikkelin valitseminen käytettäväksi 8 4. Uutisen lisääminen Asset julkaisijalla 8 4.1 Eräpäivän asettaminen artikkelin näkymiselle (virheilmoitus) 8 5. Kuvien näyttäminen 9 6. Dokumentin lisääminen 11 6.1 Dokumentin päivittäminen 12 7. Linkittäminen 13 1
1. Sivun luominen Sivuja hallitaan Hallinnoi sivuja -näkymässä. Näkymä avataan valitsemalla Hallinnoi-valikosta vaihtoehto Sivukartta. Tämän jälkeen eteesi avautuu sivujen hallinnointivalikko. Valikon vasemmassa laidassa näkyy koko sivupuu sisältäen myös navigoinnista piilotetut sivut. Sivupuun oikealla puolella on kontrollit, joilla sivupuun sisältöä voidaan muokata. Seuraavassa esimerkissä haluamme lisätä Uutiset ja tiedotteet-sivun alle Tapahtumatiedotteet-sivun. 1. Valitse sivukartasta Uutiset ja tiedotteet-sivu. 2. Tarkista sivun polku varmistaaksesi, että olet varmasti lisäämässä alisivua oikeaan aihepiiriin/sivustoon. 3. Valitse Alisivut-välilehti siirtyäksesi luomaan uutta alisivua. 2
1. Kirjoita Nimi-kohtaan lisättävän sivun nimi. Tässä esimerkissä käytämme nimeä Tapahtumatiedotteet. 2. Valitse Tyyppi-valitsimella sivun tyypiksi Portletti. 3. Valitse Pohja -valitsimella sivun pohjarakenteeksi Peruspohja. 4. Paina lopuksi Lisää sivu-painiketta luodaksesi sivun. 1.1. Sivun piilottaminen Huomaathan, että sivu voidaan tarvittaessa piilottaa navigoinnista valitsemalla optio Piilotettu. Piilottaminen on suositeltavaa esimerkiksi sivuille, jotka eivät ole vielä valmiita julkaistaviksi. 1.2. Kopioi isäntä-sivu Kopioi isäntä valinnalla voidaan kopioida isäntä-sivu. Tämän esimerkin tapauksessa Tapahtumatiedotteet-sivun isäntä on sivu Uutiset ja tiedotteet. Jos Kopioi isäntä olisi valittu sivua luotaessa, kopioituisi Uutiset ja tiedotteet-sivu täydellisenä uudelle Tapahtumatiedotteet-sivulle sisältäen kaikki kyseisellä sivulla olevat portletit. Kopioimalla luodun sivun muokkaaminen ei vaikuta isäntä-sivuun. Kopioimalla isäntä-sivu pystytään helposti luomaan samankaltaisia sivuja, joihin voidaan tehdä tarvittavat muutokset nopeasti, ilman että sivut täytyisi rakentaa kokonaan alusta asti. 3
1.3. Sivun ominaisuuksien muokkaaminen Sivun ominaisuuksia voidaan tarkistella ja muokata valitsemalla kohdesivu sivukartasta ja avaamalla tämän jälkeen välilehti Sivu, ellei se avaudu automaattisesti. Ominaisuuksista voidaan esimerkiksi piilottaa keskeneräinen sivu tai muokata sivun osoitetta. 1.4. Sivun poistaminen Sivu voidaan poistaa järjestelmästä avaamalla Sivujen hallinta-näkymä. Etsi poistettava sivu sivukartalta ja avaa sen ominaisuudet. Poista sivu Poista-painikkeella. Järjestelmä pyytää tämän jälkeen vahvistamaan poiston ja poistaa sivun lopullisesti järjestelmästä. Huomaathan, että et voi poistaa sivua, jolla parhaillaan olet. 1.5. Sivujärjestyksen muuttaminen navigaatiossa Sivun (tai alisivujen) paikka Navigaatio-portletin tuottamassa navigaatiovalikossa (näytetään Aihepiirin etusivulla) määräytyy sivun sijainnista sivukartalla. Sivun sijaintia sivukartalla voidaan muuttaa avaamalla Sivujen hallinta -näkymä. Valitse sivukartalta sivu, jonka alasivut haluat järjestää uudelleen ja avaa Näyttöjärjestys-välilehti. Valitse siirrettävä sivu listalta ja siirrä se halutulle paikalle joko hiirtä tai ruudulla näkyviä nuolia käyttäen. Näyttöjärjestys -välilehden avulla voidaan muuttaa ainoastaan sivukartan hierarkiassa samalla tasolla olevien kohteiden järjestystä. Mikäli haluat siirtää alisivun kokonaan toisen sivun alle, tulee siirto tehdä vetämällä kyseinen sivu hiirellä uuteen sijaintiinsa. 4
2. Portletin lisääminen sivulle Jotta sivuilla olisi sisältöä, niihin täytyy lisätä portleteiksi kutsuttavia sovelluksia. Yleisin sovellus on Web sisällön näyttö -portlet, joka näyttää jo luotua sisältöä kuten web-artikkeleita. Muita mahdollisia sovelluksia ovat esimerkiksi Asset julkaisija, jolla voidaan näyttää muun muassa uutiset ja nostot. Oletuksena kaikki luotavat sivut ovat tyhjiä, paitsi jos sivu on luotu sivu- tai sivustomallin avulla. Tällöin sivulle lisätään automaattisesti mallissa määritetyt portletit. Navigoi sivulle, jolle tahdot lisätä uuden portletin. Tarkista, että valinta Näytä/piilota muokkauskontrollit on raksitettu ja valitse Lisää näytön ylälaidan valikosta. Lisättävä portletti valitaan ruudulle avautuvasta valikosta. Yleisimmin käytetyt Web sisällön esitys ja Asset julkaisija -portletit löytyvät suoraan valikon päätasolta. Valitsemalla vaihtoehdon Lisää näet kaikki käytettävissä olevat portletit. Erityisesti Ouka.fi-sivustoa varten kehitetyt portletit löytyvät listalta Oukakohdasta. Lisää portletti sivulle joko napsauttamalla Lisää-linkkiä sen nimen perässä tai vetämällä se hiirellä haluttuun kohtaan sivulla. Portlettien asemointia toisiinsa nähden määräytyy käytettävän leiskan perusteella. Lisää-linkkiä käytettäessä portlet lisätään ensimmäiseen vapaaseen paikkaan sivun leiskassa. 2.1. Portletin konfigurointi Porlettien sisältöä ja ulkonäköä muokataan muuttamalla niiden konfiguraatiota. Tämä tapahtuu napsauttamalla jakoavaimen kuvaa portletin muokkauskontrolleissa ja valitsemalla avautuvasta valikosta vaihtoehdon Konfiguraatio. Jos muokkauskontrolleja ei näy, ne saadaan näkyviin raksittamalla Näytä/ piilota muokkauskontrollit -kohtaa ylävalikosta. Tämän jälkeen muokkauskontrollien tulisi ilmestyä näkyviin. 2.2. Sosiaalisen median jakolinkit Sosiaalisen median jakolinkit ovat oletuksena päällä Web sisällön näyttö -portletissa. Jakolinkkejä ei tarvitse sivulla olla kuin yhdet, sillä ne jakavat aina kyseisen sivun osoitteen, eivät tiettyä portlettia tai sen sisältämää artikkelia. Jakolinkkejä on hyvä käyttää, kun portlet näyttää kunnollista pitkähköä artikkelia. Niitä ei kannata käyttää esimerkiksi oikean laidan pienissä artikkeleissa. Konfiguraatiosta voit poistaa/lisätä sosiaalisen median jakolinkit haluamaasi portlettiin. 5
2.3. Portletin pyöreä kehys Portlettien ympärillä voidaan käyttää pyöreää kehystä. Kehyksen voi lisätä/poistaa konfiguraation asetuksista. 2.4. Portletin poistaminen Portlet voidaan tarvittaessa poistaa sivulta napsauttamalla portletin muokkauskontrolleissa olevaa raksia. Poistettaessa järjestelmä kysyy ensin varmistuskysymyksen ja poistaa portletin sivulta myöntävän vastauksen saatuaan. 2.5. Otsikon lisääminen portletille Jokaisella portletille voi lisätä otsikon. Otsikoiden tyyli on sama kaikilla portleteilla. Otsikko lisätään portletille sen Ulkoasu-asetussivun kautta. Työkaluikonin kautta avautuvasta listasta valitaan Ulkoasu. Valitse Käytä muokattua otsikkoa ja valitse Näytä kehykset. Napsauta tämän jälkeen Tallenna. Sulje ikkuna yläreunan punaisesta ruksista. Päivitä sivu (Ctrl+R tai F5 tai klikkaa selaimen osoiteriviä ja paina Enter). 6
Portletille on nyt ilmestynyt otsikko sen nimen mukaan esimerkiksi Web sisällön näyttö. Siirry uudestaan työkaluikonista Ulkoasu-sivulle. Korvaa teksti otsikollasi kohdassa Portletin otsikko. Napsauta Tallenna. Tämän jälkeen portletissa näkyy haluamasi otsikko. 3. Artikkelin luominen Uuden artikkelin voit luoda napsauttamalla portletin alareunassa olevaa Lisää web-artikkeli -ikonia. Tämän jälkeen artikkelille valitaan pohja. Napsauta oikealla näkyvää Valitse-painiketta. Lista näyttää kaikkia valittavissa olevat artikkelipohjat. Peruspohja sopii hyvin tavallisen artikkelin kirjoittamiseen. Voit myös tarvita esimerkiksi Yhteystiedot- tai Linkkilista-pohjia. Sivun muokkauskontrollit muuttuvat vastaamaan sivupohjan rakennetta. Täytä kentät ohjeiden mukaan ja valitse lopuksi Julkaise. Huomaathan, että ouka.fi-sivuilla emme käytä artikkelin pohjassa olevaa Otsikko-kohtaa. Kohdassa 2.5. on kerrottu otsikon lisäämisestä portletille. 3.1. Yhteystietojen esittäminen Yhteystietoja varten on tehty oma artikkelipohja. Käytä sitä ja seuraa sen ohjeita yhteystietojen luomiseksi. Valitse artikkelin kategoriaksi yhteystieto. Yhteystiedot voit näyttää esimerkiksi sivun oikean reunan palkissa aihealueen / organisaation etusivulla. Tällöin Web sisällön näyttö -portletille kannattaa konfiguraation valikosta valita pyöreiden reunojen luominen portletille. Voit myös näyttää yhteystietoja erillisellä Yhteystiedot-sivulla. Asset julkaisijaan on tehty erillinen Yhteystiedot-näyttötyyli, joka sovittaa yhteystiedoille paremman ulkoasun listausta varten. Tätä tyyliä käyttämällä ja valitsemalla kategoriafiltteriin Yhteystiedotkategorian, voit listata eri paikkojen yhteystietoja sivulla. Kannattaa käyttää myös jotain muuta suodatinta (kategoriaa/tagia), jotta voit rajoittaa mitä kaikkia yhteystietoja haluat listata. 7
3.2. Valmiin artikkelin valitseminen näytettäväksi Web sisällön näyttö -portletiin voit valita näytettäväksi myös valmiin portletin. Tällöin valitse alareunasta ratas-ikoni. Klikkaa listalta haluamaasi artikkelia tai etsi se haku-työkalun avulla. Edistynyttilan kautta voit hakea sisältöä myös muista organisaatioista joihin kuulut. Lopuksi valitse alhaalta Tallenna. 4. Uutisen lisääminen Asset julkaisijalla Artikkelin lisääminen Asset julkaisijan kautta tapahtuu valitsemalla Asset julkaisijan yläpuolelta Lisää uusi -> Web artikkeli. Artikkeli kirjoitetaan normaalisti ja kategorisointi-kohdassa voidaan huomata, että Asset julkaisija on automaattisesti "liimannut" artikkeliin kyseisen Asset julkaisijan suodattamat kategoriat. Näin artikkeli saa automaattisesti oikeat kategoriat ja näkyy oikeassa paikassa. Kategorioita voidaan valita samasta kohtaa lisää ja julkaisu voidaan ohjata myös muille aihealueille. 4.1. Eräpäivän asettaminen artikkelin näkymiselle (virheilmoitus) Liferayssä on bugi, jonka vuoksi artikkelin eräpäivää ei voida asettaa ensimmäisellä tallennuskerralla. Eräpäivämäärän päivämäärätyökalu ei avaa päivämääriä muokattaviksi silloin kuin pitäisi. Alla olevalla menetelmällä eräpäivämäärän asettaminen artikkelille kuitenkin onnistuu. Artikkelia kirjoitettaessa avaa Ajastus-kohta oikealta, jos se ei ole vielä näkyvissä. Ota ruksi pois kohdasta Ei vanhene itsestään. Julkaise artikkeli, jolloin saat kaksi virheilmoitusta. 8
Artikkelin yläreunaan tulee ilmoitus, että "syötteessäsi oli virheitä...". Ajastus-kohtaan tulee ilmoitus joka pyytää "syöttämään kelvollisen loppupäivämäärän". Valitse nyt haluamasi eräpäivämäärä artikkelille ja paina Julkaise-painiketta. Nyt artikkeli tallentuu eräpäivämäärän kanssa. 5. Kuvien näyttäminen Voit lisätä kuvia editorilla tekstin sekaan. Kuva lisätään kursorin kohdalle klikkaamalla kuva-ikonia editorista. 9
Jos olet lisännyt kuvan Hallintapaneelin kautta jo Kuvagalleriaan, voit valita tässä kohtaa Selaa palvelinta ja valita kuvan aukeavasta resurssiselaimesta. Jollet ole lisännyt kuvaa, voit samalla resurssiselaimella lisätä kuvan. Tässä vaiheessa sinun on kuitenkin täytynyt jo tallentaa kuva omalle tietokoneellesi. Tämän jälkeen navigoi haluamaasi kansioon. Jos kuulut useaan eri organisaatioon, valitse kyseisen organisaation kansio, johon kuvan haluat lisätä. Voit luoda myös alareunan Create new folder -toiminnolla uuden kansion. Valitse tiedosto omalta koneeltasi ja valinnan jälkeen tiedoston nimi ilmestyy painikkeen oikealle puolelle. Klikkaa tämän jälkeen oikeasta reunasta Upload. Kuva siirretään palvelimelle ja se ilmestyy listan alimmaksi. Valitse kuva napsauttamalla sitä. 10
Kuvan osoite tulee automaattisesti kuvan valinnan jälkeen ja esikatselu näyttää miten kuva näkyy tekstin seassa. Kuvan Vaihtoehtoinen teksti tulisi aina asettaa (jollei kyseessä ole ikoni tms.). Esimerkiksi ruudunlukijat lukevat tämän kentän, jotta näkövammaiset tietävät mikä kuva sivulla on. Ikonien yms. kohdalla kenttä tulee jättää tyhjäksi, jotta ruudunlukija ei lue sitä. Linkki-välilehdeltä voit asettaa kuvalle linkin. Selaa palvelinta -kohdasta voit valita esimerkiksi kuvasta isomman version, niin että alkuperäistä pientä kuvaa klikkaamalla aukeaa suurempiresoluutioinen kuva. Voit myös kirjoittaa osoittaa käsin ja linkittää kuvasta toiselle sivulle, esimerkiksi relatiivisen osoitteen (/oulu/ajankohtaista/arkisto) tai absoluuttisen osoitteen (http://example.com). Target-kohdasta voit asettaa aukeaako linkki uudelle sivulle (_blank) vai samalle sivulle (_self). Asetusta ei normaalisti tarvitse muuttaa. Pääset muokkaamaan kuvaa napsauttamalla kuvaa. Kuva muuttuu tällöin siniseksi. Tämän jälkeen napsauta kuva-ikonia, jolloin pääset muokkaamaan kuvan ominaisuuksia tai voit esimerkiksi vaihtaa kuvan tilalle toisen kuvan. 6. Dokumentin lisääminen Voit lisätä tekstiin dokumentin, joka voi olla esimerkiksi pdf- tai Word-tiedosto. Ouka.fi-sivuilla suosittelemme käyttämään aina mahdollisuuksien mukaan aina pdf-tiedostoja. Dokumentin lisääminen tapahtuu käyttämällä Lisää linkki/muokkaa linkki -ikonia tekstieditorissa. Mustamaalaa teksti, johon haluat lisätä tiedoston. Napsauta tämän jälkeen Lisää linkki/muokkaa linkki-ikonia. 11
Tämän jälkeen saat näkyville näkymän, josta sinun tulee valita Selaa palvelinta. Saat näkyville resurssiselaimen, josta sinun tulee valita yläreunasta resurssin tyypiksi Dokumentti. Navigoi tämän jälkeen sopivaan kansioon ja valitse haluamasi dokumentti. Tällöin sinun on jo aiemmin täytynyt lisätä kuva Hallintapaneelin kautta Dokumenttipankkiin. Jollet ole lisännyt dokumenttia, voit samalla resurssiselaimella lisätä dokumentin. Navigoi haluamaasi kansioon. Jos kuulut useaan eri organisaatioon, valitse kyseisen organisaation kansio, johon dokumentin haluat lisätä. Voit luoda myös alareunan Create new folder -toiminnolla uuden kansion. Valitse tiedosto omalta koneeltasi ja valinnan jälkeen tiedoston nimi ilmestyy painikkeen oikealle puolelle. Klikkaa tämän jälkeen oikeasta reunasta Upload. Dokumentti siirretään palvelimelle ja se ilmestyy listan alimmaksi. Valitse dokumentti napsauttamalla sitä. Dokumentit saat avautumaan tekstissä uuteen ikkunaan maalaamalla tiedoston sisältämän sanan ja napsauttamalla Lisää linkki/muokkaa linkki -ikonia. Tämän jälkeen sinun tulee valita Kohde. Targetkohdan alasvetovalikosta valitse New Window (_blank). Lopuksi napsauta OK. Esimerkiksi pdf-tiedostot on hyvä ohjata avautumaan uuteen ikkunaan. 6.1. Dokumentin päivitys Kun olet sivulla, jolle haluat tehdä dokumentin päivityksen, siirry Hallintapaneelin kautta Dokumenttipankkiin. Dokumenttipankista valitse kansio, jossa päivitettävä dokumentti sijaitsee. Joskus vanhan dokumentin löytäminen voi olla hankalaa, minkä vuoksi dokumenttien nimeämiseen ja 12
järjestelmälliseen kansioimiseen on hyvä kiinnittää huomiota. Löydettyäsi oikean dokumentin napsauta Toiminnot-kohtaa ja valitse Muokkaa. Valitse Selaa ja etsi päivitetty dokumentti omalta koneeltasi. Tämän jälkeen voit julkaista dokumentin napsauttamalla Julkaise sivun alareunasta. 7. Linkittäminen Linkkejä voi luoda sivuston sivuihin, ulkoisiin sivuihin, sähköpostiosoitteisiin, dokumentteihin, kuviin jne. Tekstiin voit luoda linkkejä, kuten muillakin editoreilla. Mustamaalaa teksti, jonka haluat toimivan linkkinä. Klikkaa tämän jälkeen Lisää linkki / muokkaa linkki -ikonia. Normaalin ulkoisen linkin voit tehdä suoraan kirjoittamalla (tai liittämällä leikepöydältä) osoitteen. Oukan vanhoille sivuille linkität oulu.ouka.fi-osoitteella. Tehdäksesi sivuston sisäisen linkin (sisäinen linkki kannattaa aina tehdä koska se vähentää verkkoliikennettä palvelimilla ja toimii myös kun beta.ouka.fi muuttuu www.ouka.fi-muotoon). Valitse protokollaksi <other> ja kirjoita linkki (tai copypastea selaimesta domainin jälkeinen osa http://beta.ouka.fi/oulu/paatoksenteko-ja-hallinto -> /oulu/paatoksenteko-ja-hallinto) relatiivisesti juuresta alkaen, esim. /oulu/paatoksenteko-ja-hallinto. 13