Tämä ohjepaketti sisältää ohjeita Suns.fi Wordpress-sivujen päivittäjille.

Transkriptio

1 Tämä ohjepaketti sisältää ohjeita Suns.fi Wordpress-sivujen päivittäjille. Ohjeet koonnut Maiju Tompuri 4/2011

2 Sivujen lisääminen ja muokkaaminen Artikkelien lisääminen ja muokkaaminen Linkkien tekeminen Ohjeet pääkäyttäjälle: Ulkoasun hallinnointi Käyttäjien hallinnointi Suns.fi väripaletti Lomakkeiden hallinta Julkinen/jäsentieto samalla sivulla (etusivu) Huom! Sivujen ja artikkelien muokkaaminen on hyvin lähellä toisiaan, siksi kannattaa seurata kummankin ohjeita mikäli toisessa tulee ongelmia

3 Eli staattisten (valikosta löytyvien) sivujen muokkaaminen ja hallinnointi

4 Sivut-valikossa listataan kaikki sivustolla olevat julkaistut ja luonnos-tilassa olevat sivut. Listassa olevaa sivua klikkaamalla pääsee muokkaamaan sivua. Uuden sivun voi luoda painikkeella Lisää uusi

5 Avaa sivu, jota haluat muokata Lisää kuva /video / ääniklippi klikkaamalla Siirrä/Lisää -nappia

6 Valitse tiedosto omalta tietokoneeltasi, nettiosoitteesta tai mediakirjastosta (aiemmin lisätyt tiedostot)

7 Oletuksena kaikkia kuvia voi tarkastella suurempina klikkaamalla niitä. Mikäli kuvat pidetään mielummin pienempinä, tulee koodia hieman muuttaa. Avaa muokattava sivu ja valitse koodieditori.

8 Poista kuvan koodista <a href=. > ja </a> Tämä poistaa kuvan linkin, mutta säilyttää sen muuten samanlaisena.

9 Toisinaan voi käydä niin, että ominaisuus, jota haluaisitte päivittää sivuilla tai artikkeleilla, on kadonnut. Tarkista tällöin ensimmäisenä Näyttöasetuksesi muokattavan sivun ylälaidasta. Avautuvasta valikosta löytyy esimerkiksi Wordpress Access Control (sivun näkyvyyden säätely), Keskustelu (kommentointimahdollisuudet) jne. Mikäli ominaisuus, jota haluat muokata, ei ole ruksittu, ruksi se ja pääset taas muokkaamaan!

10 Sivut ovat jaoteltu jäsenille (kirjautuneet) näkyviksi ja julkisesti näkyviksi sivuiksi. Sivujen näkyvyyttä voidaan hallinnoida Sivut - näkymässä Sivulistan oikeassa laidassa oleva lukon kuva paljastaa näkyvyyden nopeasti. Ilman lukkoa sivu on näkyvä kaikille Avoimella lukolla sivu on näkyvä ainoastaan kirjautumattomille käyttäjille Kiinni oleva lukko tekee sivusta näkyvän ainoastaan kirjautuneille käyttäjille

11 Muokataksesi sivun näkyvyyttä avaa sivu. Sivun oikeasta ylälaidasta löytyy Wordpress Access Control Avoin kaikille: jätä valinnat tyhjiksi Avoin lukko, julkisesti näkyvä: Valitse Only accessible by nonmembers Suljettu lukko, vain jäsenille: Valitse Only accessible by members

12 Sivujen ulkoasun (otsakekuvan) määrittämiseen käytetään avainkenttiä Avainkenttiä on yhtä monta kuin otsakekuvia, ja ne on nimetty ylätason valikon mukaan. seura, jaseneksi, yhteystiedot, jasenyys, toiminta Mikäli avainkenttä teema jätetään lisäämättä, oletuksena on etusivun kuva

13 Avainkentän nimi on aina teema Arvoksi sille annetaan haluttu otsakekuva, eli esimerkiksi Jäsenyys -sivun alasivun teema olisi myöskin jasenyys. Mikäli et löydä avainkentät -valikkoa, muokkaa näyttöasetuksia (oikea yläkulma, ks. ohje aik.)

14 Uuden sivun lisääminen ei automaattisesti lisää sitä vielä valikkoon. Jotta valikkoa voi muokata, on siirryttävä Ulkoasu -> Valikot

15 Oikealla näet nykyisen valikon (Huom! Sekä jäsen että epäjäsen sivut ovat samassa valikossa!) Voit lisätä uuden sivun valikkoon valitsemalla sen vasemmalta listasta ja painamalla Lisää valikkoon Tämän jälkeen voit raahata sivun oikealle paikalle. Muista tallentaa valikko muutosten jälkeen!

16 Ulkoasu -> Valikot -valikosta voidaan muokata valikkorakennetta muutenkin. Sivuja voidaan poistaa valikosta, tai alisivuja voidaan raahata muiden valintojen alle (Huom! Mikäli sivu siirretään alasivun alle, on hyvä muuttaa myös sen teema vastaamaan uutta ylätasoa) Valikkoon voi myös lisätä Mukautetun linkin eli tavallisen linkin ulkoiseen sivuun. Muista tallentaa valikko muutosten jälkeen

17 Eli uutisten ja ajankohtaisten asioiden lisääminen blogi-tyylisesti

18 Artikkelivalikko löytyy vasemmasta palkista ja sisältää listan julkaistuista ja luonnosasteella olevista artikkeleista. Artikkelin nimeä klikkaamalla pääset muokkaamaan artikkelin tekstiä

19 Nimeä uutinen ja kirjoita tekstikenttään, lisää kuvia ja linkkejä samalla tavoin kuin sivuillekin. Napsauta artikkelille kategoria, jossa se näkyy ( Ajankohtaista on etusivun uutisten kategoria) Voit myös esikatsella uutista ennen julkaisua. Muista painaa Julkaise/Päivitä -nappia jotta artikkeli näkyy sivuilla! Voit myös tallentaa artikkelin ensin luonnoksena

20 Poista salli kommentointi mikäli artikkelissa ei kaivata kommentteja Huom! Mikäli et löydä Keskustelu -valintaa, seuraa seuraavan sivun ohjeita

21 Sivun oikeassa ylälaidassa on Näyttöasetukset -valikko Avaa se ja paina Keskustelu -valinta päälle, tämän pitäisi avata edellisellä sivulla näytetty Salli kommentointi -näkymä.

22 Maalaa sana johon haluat lisätä linkin. Klikkaa kuvaketta

23 Kirjoita linkki kohtaan URL. Voit antaa linkille myös jonkin otsikon, mutta jos jätät kohdan tyhjäksi käytetään maalattua sanaa Voit myös linkittää sivustolla olevaa sisältöä toiselle sivulle. Tällöin saat listan Suns.fi:n sivuista ja artikkeleista, joihin viitata. Paina Lisää linkki lisätäksesi linkin tekstiin.

24 Sivupalkkiin tai muihin listoihin

25 Valitse vasemmalta Linkit

26 Valitse muokattava linkki tai lisää uusi

27 Täytä/Päivitä linkin nimi, verkkosivu ja kuvaus Sivupalkin linkkien kategoria on Linkkejä Tallentaaksesi muutokset, muista painaa sivun oikeassa laidassa olevaa nappia Päivitä linkki (/ Lisää linkki )!

28 Saadaksesi linkin aukeamaan uudessa ikkunassa, valitse _blank -valinta. Muista asetuksista ei tarvitse välittää Muista taas päivittää muutokset!

29 Ohjeita sivuston laajemman tason hallintaan, esimerkiksi rakenteen ja ulkoasun hallinnoimiseen

30 Mikäli joidenkin sivujen sisältö olisi julkisilla ja jäsen sivuilla lähes identtinen, voidaan tekstin sekaan kirjoittaa mitkä teksteistä näkyvät milloinkin. Tätä tekniikkaa hyödynnetään myös etusivulla. Avaa muokattava sivu. Kaikille näkyvän tekstin osan kanssa kirjoita seuraavasti *julkinen+ Tämä näkyy vain kirjautumattomille. [/julkinen+ Vain jäsenille *jasen] Tämän voi lukea vain jos on kirjautunut. [/jasen+. Ilman tägejä tekstin voi lukea kuka vaan Tämän voi lukea kaikki. Huom! Viimeisessä tapauksessa mikäli sivu on määritelty näkymään vain jäsenille tai ei-jäsenille, niin se näkyy luonnollisesti vain heille.

31 Artikkeleita voidaan lisätä listana sivuille helposti kuten etusivulla on ajankohtaista -palsta Muokattavan sivun tekstieditorissa lisätään pätkä *catlist name=kategoriannimi+, jolloin kaikki kategorian artikkelit listautuvat. Listaa voi muokata useilla valinnoilla. Näistä hyödyllisimmät ovat ehkä: numberposts=3/5/10..: rajaa näytettävien artikkelien määrän date=yes: lisää artikkelin julkaisun päivämäärän orderby=date/title: määrittelee minkä perusteella artikkelit järjestetään order=asc/desc: määrittlee nousevan tai laskevan järjestyksen excerpt=yes: näyttää artikkelin alusta muutaman rivin, teaser Lisää vaihtoehtoja täältä:

32 Mikäli halutaan luoda uusia kategorioita dynaamisen sisällön tuottamiseen, voidaan luoda uusia artikkelikategorioita ja lisätä niitä sivuille edellisen ohjeen mukaisesti. Lisää uusi kategoria Artikkelit -valinnan alta, muista tallentaa painamalla Lisää uusi kategoria!

33 Käyttäjiä voidaan hallinnoida ja rooleja muuttaa Käyttäjät - valikon kautta Hyvä perussääntö on, että ainoastaan henkilöt, jotka tietävät mitä tekevät, ovat Pääkäyttäjiä (pääasialliset päivittäjät) Hallituksen jäsenet, joilla on oikeus muokata ja julkaista sekä omia että muiden tekstejä, ovat Päätoimittajia Rivijäsenet, joilla on ainoastaan oikeus pystyä kirjautumaan sivustolle, ovat Tilaajia Muita mahdollisia rooleja ovat Kirjoittaja ja Avustaja, joilla on rajoituksia tekstien muokkaamisessa ja julkaisemisessa.

34 Lomakkeiden tekeminen, muokkaaminen ja lisääminen sivuille

35 Lomakkeiden hallinnointi tapahtuu Yhteydenotto -valikon kautta Lomakkeet näkyvät ylälaidassa ja niitä klikkaamalla pääsee muokkaamaan niiden valintoja

36 Lomakkeiden tekeminen ei ole kovin monimutkaista, mutta kannattaa silti tutustua aiemmin luotuihin lomakkeisiin ennen muokkaamista Lomakkeen valintoja muokataan tagien avulla. Vasemmalla muokkausruudussa kirjoitetaan teksti johon lisätään väliin tagit lomakevalinnoille. Tehdäksesi uuden tagin, valitse oikealta Luo tagi ja valitse sopiva valinta. Tämän jälkeen anna ruudulle nimi ja merkitse se pakolliseksi mikäli haluat. Kopioi tämän jälkeen oranssitaustainen teksti vasempaan ruutuun ja vihreätaustainen teksti alapuolelle.

37 Sähköposti-kentässä näet minkälainen viesti lähetetään Mikäli olet luomassa uutta lomaketta tai haluat testata toiminnallisuutta, on ehkä järkevintä muuttaa vastaanottajan osoitetta testauksen ajaksi omaksi osoitteeksesi, jottet kiusaa oikeaa osoitetta testiviesteillä. Rullaamalla alemmas pääset myös muokkaamaan käyttäjälle näkyviä viestejä Muista tallentaa muokkaamisen jälkeen!

38 Lomakkeiden lisääminen sivuille tapahtuu samaan tapaan kuin artikkelilistauksien lisääminen. Sivun muokkaustilassa sopivaan kohtaan lisätään pätkä, joka löytyy lomakkeen muokkaustilan alusta Sen voi lisätä joko yksinään sivulle (jäsenhakemus) tai tekstin lomaan (ota yhteyttä)

39 Värikoodit ja otsakekuvat

40 Linkit Perusväri, sin: #2B547C; RGB: 43,84,124 Hover, vihreä: #799D3B; RGB: 121,157,59 Otsikot Sivuotsikko, harmaa: #C3C8CD; RGB: 195,200,205 Pääotsikko, musta: #000 Muuta Alapalkki, t.sin: #163247; RGB: 22,30,71

41 Valikot K. sin (etusivu): #3F7997, RGB: 63,121,151 Vihreä (seura): #799D3D, RGB: 121,157,59 Sininen (jäsenet): #3D73A5, RGB: 61,115,165 Oranssi (jäseneksi): #E3AC43, RGB: 227,172,67 Punanen (toiminta): #E07238, RGB: 224,114,56 V. punainen (yht. t.): #C79F96, RGB: 199,159,165 V. sininen (hover): #91AFD8, RGB: 145,175,216 Huom. Valikoissa varjostukset, joten nämä värit näyttävät kirkkaammilta

42 Otsakekuvien vaihtaminen onnistuu muille sivuille kuin etusivulle, sillä etusivun kuva on oletuksena. Luo uusi otsake kuva muokkaamalla sopiva kuva kokoon: leveys 940px, korkeus 211px Huom! Kuvan päälle tulee valkoiset reunukset ja pystysuora logo-raita eli kuva itse on vain taustalla Nimeä kuva tunnistettavasti, esim. otsake_kevat.png ja lisää se sivuston kautta Mediakirjastoon. Älä liitä kuvaa mihinkään artikkeliin.

43 Siirry Ulkoasu -valikon Muokkain -valintaan Valitse oikeasta laidasta muokattavaksi tiedostoksi Tyyliohje (style.css). Ota tässä vaiheessa tämä tiedosto talteen vaikka muistioon siltä varalta, että jokin menee pieleen.

44 Tyyliohjeen alusta löydät jokaisen eri teeman nimellä #otsake-kuva -tägin Muokkaa oikean teeman background urlista kuvan nimi vastaamaan lataamaasi kuvaa, esim. otsake-lehva.png -> otsake_kevat.png Tallenna. Päivitä suns.fi: selaimessasi ja katso näkyvätkö muutokset oikein.