1.0 JCE-editorin peruskäyttö

Transkriptio

1 sivu 1 Tämä opas esittelee perusohjeet artikkelin kirjoittamisesta Joomla-julkaisujärjestelmässä. Editorina on JCE-editorin perusversio (ilmaisversio). 1.0 JCE-editorin peruskäyttö Kuvassa 1 näkyy JCE-editorin yläosan näkymä, kun editori on avattuna: Kuva 1. Kirjoituseditorin yläosan näkymä.

2 sivu 2 Pakollisia kohtia artikkelin kirjoittamisessa 1. Otsikko 2. Artikkelin sisältö 3. Pääryhmä 4. Ryhmä 5. Tallennus Jos jätät Pääryhmän ja Ryhmän valitsematta, niin artikkeli kyllä tallentuu, mutta sen voi julkaista vain ylläpitäjä hallintapuolelta. Otsikko (nuoli 1) Artikkelin otsikko annettava, ilman sitä artikkeli ei tallennu. Joomla käyttää artikkelin otsikkoa linkkinä useissa paikoissa, esimerkiksi modulissa Uusimmat artikkelit jne. Sisältö (nuoli 2) Kirjoituskentässä kirjoitetaan artikkelin sisältö. Samoin tekstiä voidaan muotoilla monipuolisesti. Pääryhmä ja ryhmä (nuolet 3 ja 4) Pääryhmä ja ryhmä ovat pakollisia. Ne luodaan etukäteen ylläpitopuolella. Pääryhmiä ja ryhmiä kumpiakin voi olla useampia. Ryhmä on pääryhmän alaryhmä. Tallennus (nuoli 5) Tallennus vie artikkelin tekstin tietokantaan ja luo tarvittavat linkit artikkeliin. Kirjoittajan käyttöoikeustasosta riippuen juttu julkaistaan heti tallennuksen jälkeen tai jos kirjoittajan käyttöoikeustaso ei riitä, artikkeli tallentuu, mutta ylläpitäjä julkaisee sen. Tallennuksen jälkeen kirjoittaja voi muokata/päivittää artikkeliaan milloin tahansa. Julkaistu Julkaistu-kohdassa valitaan kyllä tai ei Näytä etusivulla Voidaan valita näytetäänkö artikkeli etusivulla vai ei. Kirjoittajan alias Oletusarvoisesti kirjoittajan nimeksi tulee käyttäjätunnus, jolla henkilö on rekisteröitynyt sivustolle. Tässä kohdassa nimeä voidaan artikkelikohtaisesti vaihtaa. Nimi näkyy artikkelissa päiväyksen alapuolella. Jos et halua muuttaa nimeä, voit jättää kohdan tyhjäksi. Kuva, sivukatko, lue lisää Heti editorin kirjoituskentän alareunassa löytyvät painikkeet Kuva, Sivukatko ja Lue lisää. Kuva-painike on Joomlan oletustapa lisätä kuva artikkeliin ja ladata kuvia palvelimelle. Voit käyttää tätäkin, mutta asetukset eivät ole yhtä monipuoliset kuin JCE-editorin kuvanlisäyksen. Sivukatkolla voit sivuttaa pitkän artikkelisi, jonka etusivulle muodostuu linkit muille sivuille ja linkki, josta koko artikkeli aukeaa kokonaisuudessaan. Linkit ovat muotoa Sivu 1, Sivu 2, Sivu 3 jne. ja alinna Kaikki sivut Lue lisää -painikkeella tehdään etusivun artikkeliin Lue lisää -linkki kohtaan, josta artikkeli katkeaa ts. etusivulla näytetään vain lyhyt alkuosa artikkelista.

3 sivu 3 Editorin alaosa (jatkoa) Kuva 2. Kirjoituseditorin alaosan näkymä Aloita julkaisu (ajastus) Oletusarvoisesti artikkeli julkaistaan samalla hetkellä kuin se tallennetaan. Voit myös muuttaa julkaisuajankohtaa myöhäisemmäksi. Kirjoituskentän oikealla puolella on painike, josta aukeaa kalenteri. Voit käyttää kalenteria aloituspäivän määrittämiseen. Ajastuksen voi toki kirjoittaa manuaalisestikin. Lopeta julkaisu (ajastus) Oletusarvoisesti artikkelilla ei ole lopettamisajankohtaa. Voit antaa artikkelille lopettamisajankohdan (sulkeutumisajankohdan) tarvittaessa. Päiväyksessä käytetään väliviivaa ja kellonajoissa kaksoispistettä erottimena. Kirjoituskentän oikealla puolella on painike, josta aukeaa kalenteri. Voit käyttää kalenteria lopetuspäivän määrittämiseen. Ajastuksen voi kirjoittaa myös manuaalisesti. Käyttöoikeustaso Oletusarvoisesti artikkeli näkyy kaikille, eli se on julkinen. Voit antaa artikkelisi käyttöoikeustasoksi rekisteröityneet, jolloin artikkeli näkyy vain rekisteröityneille, kun he ovat kirjautuneet sivustolle. Käyttöoikeustaso erikois tarkoittaa, että artikkelisi näkyy vain ylläpitopuolen oikeudet omaaville (järjestäjä, ylläpito ja pääylläpitäjä), kun he ovat kirjautuneet sivustolle. Järjestys Uusi artikkeli sijoitetaan ylläpidon määrittelemällä tavalla. Tavallisin tapa on, että uusin artikkeli on ylinnä.

4 sivu 4 Metatieto: Kuvaus (description) ja Avainsanat (keywords) Muista metatiedot! Ne eivät ole pakollisia, mutta erittäin tärkeitä lukijoille, jotka hakevat tietoa hakukoneiden (esimerkiksi Google) kautta. Lisäksi niistä on apua, kun käytetään sivuston sisäistä hakua. Kuvan 2 metatiedot näkyvät sivun lähdekoodissa (mukaan on esimerkin vuoksi otettu myös title eli otsikkotieto): <meta name="title" content="artikkelin otsikko tähän" /> <meta name="description" content="etappi ry on Joomla-osaamiskeskus Tampereella. Valmistamme Joomla-pohjaisia verkkosivustoja ja annamme käyttäjäkoulutusta niin peruskäyttäjille kuin ylläpitäjillekin." /> <meta name="keywords" content="etappi, Joomla, CMS, julkaisujärjestelmä" /> Hakukoneessa tulos taas näkyy näin: Niin, miten antamasi näkyvät vaikkapa Googlen haussa? Tee harjoitusjuttu omalla Joomlallasi ja testaa. Metatietojen käyttäminen ei vie kirjoitusaikaa kuin muutaman minuutin, mutta lukijat kiittävät mielessään. Metatietojen käyttäminen pieni asia, mutta osoitus kirjoittajan halusta palvella lukijoitaan. Kokeile ja opettele käyttämään myös oman sivustosi sisäistä hakua. Vinkki: Jos editori tuntuu liian pieneltä, etsi työkaluista Kokonäyttö-työtila ja napsauta sitä, jolloin editori aukeaa koko näyttösi kokoiseksi. Toisella napsautuksella editori palaa normaalikokoon.

5 sivu Kuvan lisäys artikkeliin ja kuvan lataus palvelimelle Kuvan lisäys artikkeliin Kuvanhallintatyökalu. Kaikki editorin työkalujen kuvat ja selitykset löytyvät liitteestä 1. Useimmista juuri kuvan lisääminen ja asemoiminen tekstiin on yksi niistä hankalista vaiheista, jotka saavat jutun kirjoittamisen tuntumaan vaikealta. Editorin monipuoliset asetukset kuvien käsittelyssä lisäävät tätä tunnetta. Muista: Editori ei ole kuvankäsittelyä varten vaan kuvan lisäämistä artikkeliin. Varsinainen kuvankäsittely on tehtävä siihen tarkoitetuilla ohjelmilla (PhotoShop, PaintShop Pro, Gimp jne.) Pienellä harjoittelulla kuvan lisäämisestä tulee kuitenkin nopeasti rutiinia, joka sujuu helposti ja nopeasti. Seuraavalla sivulla kuva (kuva 3) editorin kuvanhallinnasta avattuna juttua kirjoitettaessa. Kuvanhallinnan työkalu löytyy työkaluriviltä. Omia muistiinpanoja:

6 sivu 6 Kuvanhallinta-ikkuna Kuva 3. Kuvanhallintaikkuna avattuna. Url-riville tulee valitun kuvan osoite (polku), kun napsautat valitsemasi kuvan nimeä alaosan keskisarakkeessa. Vaihtoehtoinen teksti -riville (alt) tulee oletusarvoisesti kuvan tiedostonimi ilman päätettä (jpg, gif, png). Alt-teksti tulee näkyville valmiissa jutussa kun osoitin viedään hiirellä kuvan päälle. Voit kirjoittaa tähän oman kuvaa selittävän tekstin. Kuvan mitat tulevat näkyviin alkuperäisen kuvan mukaan. Jos haluat muuttaa mittoja, pidä samalla rivillä Säilytä mittasuhteet -kohta valittuna. Riittää, kun kirjoitat uuden leveys- tai korkeusarvon ja napsautat toiseen mitta-arvoruutuun, jolloin toinen arvo muuttuu automaattisesti. Näin vältät kuvan vääristymisen.

7 sivu 7 Asettelu näytetään oletusarvoisesti arvossa -- ei asetettu --, joka tarkoittaa, että kuva tulee tekstin kanssa samalla riville ts. kuva on vain yksi merkki, tosin saattaa olla iso sellainen. Yleisin valinta on Vasen, joka tarkoittaa, että kuva tulee vasempaan reunaan ja teksti kiertää sen oikealta. Vaikka valitsisit arvoksi Oikea (kuva tulee oikeaan reunaan ja teksti kiertää sen vasemmalta), niin anna kursorin olla sen rivin vasemmassa reunassa, jonka kanssa haluat kuvan yläreunan oleva tasassa. Esikatsele-ruutu näyttää kuvan käyttäytymisen eri arvoilla ja asetuksilla. Käytä tätä hyödyksesi. Esikatselussa ei näy valitsemasi kuva vaan mallikuva ja malliteksti. Tyhjennä (Clear) tarkoittaa elementin puolta, jolla ei voi sijaita toista elementtiä. Peruskirjoittamisessa voit pitää tämän arvossa ei asetettu -. Marginaali tarkoittaa tyhjää tilaa kuvan ja tekstin välissä pikseleinä. Ellet anna mitään arvoa, niin teksti alkaa aivan kuvan reunasta ja sen lukeminen vaikeutuu. Jos haluat kuvan kaikille reunoille (ylös, oikea, ala, vasen) saman arvon, kirjoita ensimmäiseen ruutuun (top2, ylä) arvo ja napsauta Equal-ruutu valituksi saman rivin lopussa. Kuvan kaikille reunoille tulee saman levyinen tyhjä väli. Kun poistat Egual-valinnan, voit antaa arvon tyhjälle välille reunakohtaisesti. Marginaalien muutokset näet Esikatsele-ruudussa Reunat (rajat, border) tarkoittaa kuvan ympärille piirrettävää viivaa, kehyksiä. Oletusarvoisesti valinta ei ole päällä. Rastita valinta tai napsauta Reunat-sanaa. Kaikki reunan arvot on annettava erikseen: leveys (vahvuus) pikseleinä tyyli (yhtenäinen viiva, katkoviiva, tuplaviiva jne.), antamasi tyyli näkyy esikatselukuvassa väri valitaan napsauttamalla rivin lopussa olevaa Väriselainta tai antamalla suoraan Väri-kirjoituskenttään väri heksadesimaalilukuna. Oletusarvoisesti mitään väriä ei ole valittu. reunat ja niiden leveys, tyyli ja väri näkyvät Esikatsele-ruudussa Seuraavalla sivulla kuvassa 4 selostetaan tarkemmin kuvanhallintaikkunan alaosan toimintoja.

8 sivu 8 Kuvanhallinnan alaosassa näkyvät kaikki palvelimelle artikkeleiden kirjoittamista varten tallennetut kuvat ja hakemistot. Katso kuva 4. Kuva 4. Kuvanhallinnan alaosa Selaa-kohdasta alaspäin. Kansiot-sarakkeessa näkyvät kaikki kansiot (hakemistot), joissa kuvat sijaitsevat. Juuri tarkoittaa kuvien hakemistoa, jonka ylläpito on määritellyt oletushakemistoksi ja johon kuvat ladataan. Oletusarvoisesti se on Joomlassa images/stories. Kuvat latautuvat juureen ellei kohteeksi ole valittu jotain alakansiota. Esimerkissä se on /food eli yksi stories-hakemiston alikansio. Kaikki kuvat voivat luonnollisesti sijaita myös juuressa, mutta kun kuvia kertyy paljon, niiden hallinta kansioiden avulla on helpompaa esimerkiksi antamalla jokaiselle kirjoittajalle oma kansionsa, johon hän lataa kuvansa ja josta ne helposti löytää. Kansio valitaan napsauttamalla kansion nimeä Kansiot-sarakkeessa tai keskisarakkeessa. Kuva valitaan napsauttamalla kuvan nimeä keskisarakkeessa. Valittu kuva (pieni esikatselukuva) tietoineen näkyy oikealla Tiedot (Details)-sarakkeessa ja kuvan tiedot (url jne.) näkyvät kuvanhallinnan yläosassa. Lisää-painike lisää kuvan artikkeliisi! Selaa-kohdassa (katso kuva 4 yläreuna) näet käytössä olevan hakemiston (kansion): Nykyinen hakemisto on: Esimerkissä latauskohteena on /food eli yksi stories-hakemiston alakansio.

9 sivu 9 Vinkki: Voit selata kuvia napsauttamalla kuvan nimirivillä oikealla tyhjää tilaa, jolloin pieni esikatselukuva näkyy oikealla Tiedot-sarakkeessa, mutta kuvan tiedot eivät siirry kuvanhallinnan yläosaan. Vasta kuvan nimen napsauttaminen siirtää tiedot yläosaan. Uuden kansion luominen Uusi kansio luodaan Tiedot (Details)-sarakkeen yläreunassa olevasta Uusi kansio (New folder) - painikkeesta. Anna kansiolle nimi (nimi ei saa sisältää välilyöntejä eikä skandeja ä, ö, å) ja paina OK. Kansio on käyttövalmis. Ole tarkkana luotko kansion juureen vai olemassa olevan kansion sisälle. Katso kuva 4.1. alla. Helpota elämääsi ja käytä kansioiden ja tiedostojen nimissä pelkästään pieniä kirjaimia. Kirjoitusasu on aina helppo muistaa. Palvelimilla pieni ja iso kirjain ovat eri merkkejä! Kuva 4.1. Uuden kansion luominen palvelimella. Kuvan lataaminen palvelimelle

10 sivu 10 Kuva ladataan palvelimelle oletusarvoisesti juureen (oletuskansioon) tai valittuna olevaan kansioon, joka näkyy kuvanhallinnan Selaa-kohdassa (edellisellä sivulla). Aloita Palvelimelle tuonti (nuoli 1) painikkeesta. Kuva 4.2. (alla) Lisää (=Selaa)-painikkeella (nuoli 2) valitset omalta koneeltasi kuvan tai useamman kuvan. Ladattavien kuvien nimet näkyvät Jono-kohdassa (nuoli 3). Onnistunut lataus näkyy kuvan nimen perässä vihreänä merkkinä. Ennen latausta siinä näkyy Nimeä uudelleen ja Poista- merkit. Valinnat kohdassa kysytään mitä tehdään, jos palvelimella on jo samanniminen kuva. Vaihtoehdot: 1. ylikirjoita olemassa oleva tiedosto (oletus) 2. tai anna ladattavalla kuvalle uniikki (yksilöllinen) nimi Jono osoittaa latautumisen Jos valitsit väärän kuvan, paina punaista rastia kuvan nimen perässä ja valitse uusi kuva Voit myös korjata tai vaihtaa ladattavien kuvien nimet ennen latausta Tuo tiedosto -painike (nuoli 4) lähettää valitsemasi kuvan tai kuvat palvelimelle. Kuvien nimen perään ilmestyy vihreä merkki latauksen onnistumisesta (nuoli 3). Latauksen lopettaminen Kun kuva tai kuvat ovat latautuneet palvelimelle, sulje Tuo tiedosto -ikkuna painamalla Perupainiketta. Lataamasi kuva tai kuvat näkyvät nyt kuvaluettelossa ja voit valita sen artikkeliisi edellä annettujen ohjeiden mukaan. Kuva 4.2. Kuvan lataaminen palvelimelle. Kuvassa ladataan kaksi kuvaa samalla latauksella.

11 sivu 11 Kuvan päivittäminen artikkelissa on yksinkertaista 1. Avaa artikkeli, jossa olevaa kuvaa tai kuvia haluat muokata 2. Napsauta kuvaa, jolloin se aktivoituu 3. Paina Lisää/muokkaa kuva työkalua ja kuvanhallinta-ikkuna avautuu 4. Muuta kuvan asetukset 5. Paina Päivitä-painiketta (keskimmäinen)