jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. koko, jossa kuva lisätään tekstiin....

22
1 Jäsenyhdistyssivut ja tiedostopankki Käyttöohje – pitkä oppimäärä Päivitetty 2.9.2015

Upload: others

Post on 19-Jul-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

1

Jäsenyhdistyssivut ja

tiedostopankki Käyttöohje – pitkä oppimäärä

Päivitetty 2.9.2015

Page 2: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

2

Sisällys Jäsenyhdistyssivu ........................................................................................................................................ 3

Mikä jäsenyhdistyssivu on ja mitä se ei ole? ............................................................................................ 3

Sivun tilaaminen – getting started! ......................................................................................................... 4

Yleissilmäys sivuston hallintaan .............................................................................................................. 5

Käyttäjien hallinnointi ............................................................................................................................. 6

Käyttäjätasot .......................................................................................................................................... 6

Alatunniste, perustiedot ja yhdistyksen tunnus ....................................................................................... 7

Yhteydenottolomake ............................................................................................................................... 8

Sivujen muokkaaminen ........................................................................................................................... 8

Artikkelikuvat ......................................................................................................................................... 12

Karuselli ja hallitusesittely ..................................................................................................................... 13

Kalenteri ................................................................................................................................................. 14

Vinkkejä onnistuneeseen sivuun ............................................................................................................ 16

Tiedostopankki ........................................................................................................................................... 17

Tiedostopankin käyttöönotto ................................................................................................................. 17

Kansiot ja niiden käyttöoikeudet ............................................................................................................ 17

Tiedostot ............................................................................................................................................... 20

Tiedostopankin käytön rajoitukset ......................................................................................................... 21

Kysymyksiä ja vastauksia ........................................................................................................................... 22

Liite 1 Ohje omien verkkotunnusten liittämiseksi sivustoon

Page 3: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

3

Jäsenyhdistyssivu Reserviupseeriliitto tilasi vuonna 2011 jäsenyhdistyksilleen uuden sivupohjan, joka tultaisiin toteuttamaan

Wordpress-julkaisujärjestelmän päälle. Tavoitteena oli toteuttaa mahdollisimman helppokäyttöinen ja

helposti lähestyttävä järjestelmä sivujen päivittämiseen ja luomiseen, jotta kynnys pätevän

verkkosivuston ylläpimiseen olisi mahdollisimman matala.

Sivustoa kehitettiin edelleen vuoden 2012 aikana ja vuonna 2013 siihen julkaistiin mittava

elinkaaripäivitys, joka entisestään helpotti sivun käytettävyyttä ja toi siihen lisää ominaisuuksia. Edelleen

vuonna 2014 järjestelmään asennettiin käytettävyyttä parantava päivitys ja uusia ominaisuuksia.

Merkittävästi sivu muuttui jälleen vuonna 2015, kun sivuston hallintatyökalut uusittiin ja se muutettiin

mobiiliyhteensopivaksi.

Tulet ohjetta lukiessasi huomaamaan, että valittu järjestelmä on perusominaisuuksiltaan erittäin

helppokäyttöinen. Se sisältää myös lapsilukon, joka on oletuksena kytketty päälle. Lapsilukko estää

luomisvimmassa tehtyjen pysyvien vahinkojen aiheuttamisen, joten voit huoletta kokeilla, oppia ja

oivaltaa! Tämä ohje ei suinkaan käsittele sivuston kaikkia toimintoja, mutta keskeisimmät ja tärkeimmät

kyllä.

Tässä osiossa:

• Laitetaan perusrunkoinen jäsenyhdistyssivu pystyyn ja tutustutaan sen tekniikkaan

• Opetellaan käyttäjähallintaa ja tutustutaan käyttäjätasoihin

• Opetellaan muuttamaan sivulla olevia kuvia ja tekstejä

• Opetellaan luomaan uusia alasivuja

• Opetellaan tekemään hallitusesittely ja kuvakaruselli

• Opetellaan muuttamaan sivun alatunnistetta ja perustietoja

• Opetellaan muuttamaan sivun määrityksiä ja hakukoneasetuksia

• Opetellaan muuttamaan yhteydenottolomakkeen kenttiä

Mikä jäsenyhdistyssivu on ja mitä se ei ole?Mikä jäsenyhdistyssivu on ja mitä se ei ole?Mikä jäsenyhdistyssivu on ja mitä se ei ole?Mikä jäsenyhdistyssivu on ja mitä se ei ole? Jokaisen yhdistyksen sivusto on oma yksilöllinen kokonaisuutensa, joka edelleen liittyy RUL:n pääsivun

kanssa suuremmaksi kokonaisuudeksi. Teknisesti kyseessä on avoimen lähdekoodin WordPress-

julkaisujärjestelmän, siihen varta vasten luotujen lisäosien ja RUL:n graafisen teeman yhdistelmä.

Sivu on teknisesti suljettu: uusien ominaisuuksien luominen on keskitettyä. Et siis voi lisätä sivuillesi

verkkokauppaa, kirjoitusalustaa etkä mitään muutakaan ylimääräistä palikkaa, minkä toiminnallisuuksia

sivusta ei valmiiksi löydy. Heikko kustomoitavuus on kääntöpuoli helpolle lähestyttävyydelle,

yksinkertaiselle käytettävyydelle ja mahdollisuudelle luoda uusia ominaisuuksia keskitetysti.

Jäsenyhdistyssivulla ei kuulu esitellä valokuvia, listata tiedotteita, säilöä tiedostoja tai mitään muutakaan

vastaavaa. Näitä tarkoituksia varten on tiedostopankki, joka on nimenomaisesti tähän tarkoitettu. Voit

kuitenkin toki linkata tiedostoja tiedostopankista.

Sivua tuleekin käyttää ensisijaisesti tiedon jakamiseen. Tieto tapahtumista, hallituksesta, toiminnasta ja

yhdistyksestä kannattaa laittaa sivuille. Sisältöä voi myös tehdä yksityiseksi: siis sellaiseksi, että se näkyy

vain yhdistyksesi jäsenille, jos nämä ovat kirjautuneet sisään. Vaikkapa kalustolistat, ampumaratavuorot

ja muun arkaluotoisemman tiedon voi tehdä tällä tavoin yksityiseksi.

Page 4: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

4

Sivun tilaaminen Sivun tilaaminen Sivun tilaaminen Sivun tilaaminen –––– getting getting getting getting started!started!started!started! Uuden muotoinen jäsenyhdistyssivu ei ole käytettävissä automaattisesti, vaan se pitää erikseen tilata ja

luoda yhdistystä varten. Tästä prosessista huolehtii RUL:n järjestösihteeri. Sivuston luominen

tapahtuukin ottamalla vapaamuotoisesti yhteyttä järjestösihteeriin, esimerkiksi sähköposti osoitteeseen

[email protected] sopii tähän tarkoitukseen hyvin.

Yhteydenoton jälkeen järjestösihteeri luo tunnukset järjestelmään ja toimittaa ne yhdistyksen

sähköpostiosoitteeseen. Tunnukset ovat käyttäjäkohtaiset: teoriassa voit hallita omilla tunnuksillasi

useiden yhdistysten sivuja, jos muut yhdistykset vain näin haluavat. Samoin yhdellä sivustolla voi olla

kuinka monta käyttäjää hyvänsä. Samoilla tunnuksilla voit käyttää www-sivuja, tiedostopankkia ja

toimintalomaketta sekä muita mahdollisia tulevia sähköisiä palveluita.

Kirjautuminen annetuilla tunnuksilla tapahtuu RUL:n sivuston

alalaidasta. Kirjauduttuasi saat näkyviin jäsenportaalin, jossa näet

käytössäsi olevat sähköiset palvelut sekä ne yhdistyssivut, jotka ovat

hallinnoinnissasi. Tässä tapauksessa siis sen yhden, jonka

järjestösihteeri on sivulle luonut. Klikkaa itsesi sivuston hallintaan ja

seikkailu voi alkaa!

Jäsenportaalista löydät myös paljon muuta mielenkiintoista: ajankohtaisia tiedotteita palvelujen

toiminnasta, linkit ulkoisiin palveluihin sekä muistilistan. Tässä tapauksessa klikkaamme siirtymistä

Wordpress-hallintaan.

Page 5: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

5

Yleissilmäys sivuston hallintaanYleissilmäys sivuston hallintaanYleissilmäys sivuston hallintaanYleissilmäys sivuston hallintaan Kaikki sivuun tehtävät muokkaukset ja lisäykset toteutetaan hallintanäkymän kautta. Vasemmalta

puolelta näkymää löytävät sivun varsinaiset muokkaustyökalut, keskeltä taas yleistä tietoa sivua koskien.

Näiden tietojen näkyvyyttä voit muuttaa ylhäältä näyttöasetukset-valikon kautta. Tämä näkymä on

kuvattu siten, kun sivuston pääkäyttäjä (korkein käyttäjätaso) sen näkee. Matalammat käyttäjätasot

näkevät hallinnassa vähämmän toimintoja.

Hallintatyökalut esittävät toisinaan sellaista tietoa, mikä ei oikeastaan edes kosketa jäsensivuja:

esimerkiksi kirjoitettujen kommenttien määrän. Tämä johtuu pohjajärjestelmänä käytetyn Wordpressin

blogi-taustasta, eikä näistä lisätiedoista kannata liiemmin välittää. Samasta syystä hallinnasta löytyy

myös joitakin työkaluja ja valikoita, jotka eivät aina tunnu tämän käyttötarkoituksen sivuihin aivan

loogisilta.

Keskitymme tässä ohjeessa vasemmalta löytyvien muokkaustyökalujen käyttöön. Muokattavia kohteita

on seitsemän: määritykset, mediakirjasto, sivut, tapahtumat (kalenteri), etusivun kuvakaruselli,

hallitussivun kokoonpano ja sivuston käyttäjät.

Page 6: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

6

Käyttäjien hallinnointiKäyttäjien hallinnointiKäyttäjien hallinnointiKäyttäjien hallinnointi Voit hallinnoida omalla sivustolla olevia käyttäjiä ja näiden rooleja käyttäjät-välilehden kautta. Sama

käyttäjä voi kuulua useampaan sivustoon, joten hallintaoikeutesi rajoittuu vain niihin asioihin, jotka

koskettavat tämän käyttäjän olemassaoloa omalla sivustollasi.

Voit kuitenkin luoda uusia käyttäjiä rajattomasti. Suositeltavaa on, että tunnukset tehtäisiin ainakin

yhdistyksen avainhenkilöille ja näille tunnuksille asetettaisiin roolit tarpeiden mukaan.

1. Uuden käyttäjän lisääminen. Voit valita, lisäätkö olemassa olevan käyttäjän (joka kuuluu jollekin

toiselle RUL:n sivustolle) vai kokonaan uuden.

2. Yhteenveto käyttäjien määrästä ja käyttäjärooleista.

3. Roolin vaihtaminen tapahtuu raksittamalla haluamasi käyttäjät ja valitsemalla käyttäjille uusi

rooli Vaihda rooli-toiminnolla.

4. Pääset lisäämään uusia käyttäjiä ja muokkaamaan omia tietojasi vasemmalta.

KäyttäjätasotKäyttäjätasotKäyttäjätasotKäyttäjätasot Käyttäjätasot ja niihin liittyvät oikeudet vaihtelevat tasoittain:

PääkäyttäjäPääkäyttäjäPääkäyttäjäPääkäyttäjä YlläpitäjäYlläpitäjäYlläpitäjäYlläpitäjä AvustajaAvustajaAvustajaAvustaja JäsenJäsenJäsenJäsen

Käyttäjien lisääminen ja roolien vaihtaminen Kyllä Ei Ei Ei

Sisällön hallinta ja sivun määritysten muuttaminen Kyllä Kyllä Ei Ei

Uuden sisällön tekeminen, mutta ei asettaminen näkyviin Kyllä Kyllä Kyllä Ei

Toimintalomakkeen käyttäminen Kyllä Kyllä Kyllä Ei

Yksityisen sisällön näkeminen Kyllä Kyllä Kyllä Kyllä

4

1 2

3

Page 7: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

7

Alatunniste, perustiedot ja yhdistyksen tunnusAlatunniste, perustiedot ja yhdistyksen tunnusAlatunniste, perustiedot ja yhdistyksen tunnusAlatunniste, perustiedot ja yhdistyksen tunnus Kävijöille näkyvän sivuston alalaidassa näkyy perustietoja yhdistyksestä: sen nimi, puheenjohtajan

yhteystiedot ja muuta vastaavaa. Tätä sivun alalaittaa kutsutaan alatunnisteeksi:

Alatunnistetta ja tiettyjä muita asioita sivuston ulkoasussa voi muokata,

esimerkiksi vasemmassa ylänurkassa näkyvään RUL:n logon tilalle voi

vaihtaa omaansa. Kaikkien näiden sivuston perusulkoasussa olevien

kohteiden muokkaus löytyy hallinnasta ”Määritykset / Yhdistyksen

tiedot”-valinnan alta. Tähän tutustummekin ensimmäisenä.

Alatunnisteessa näkyväksi haluttavat tiedot syötetään suoraan tämän

sivun ”Alatunnisteen tiedot”-kohdasta löytyviin tekstikenttiin ja logon

korvaaminen tapahtuu yksinkertaisesti valitsemalla tietokoneelta uusi

tiedosto RUL:n tunnuksen tilalle. Käyttöön otettava oma tunnus on syytä

käsitellä oikean kokoiseksi kuvankäsittelyohjelmalla jo etukäteen. Jos yhdistyksesi on ottanut käyttöön

RUL:n tiedostopankin, linkki yhdistyksen tiedostopankkikansioon luodaan tätä kautta. Itse

tiedostopankin luominen kuuluu RUL:n toimiston tehtäviin, tätä kautta ainoastaan luodaan siihen linkki.

Page 8: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

8

YhteydenottolomakeYhteydenottolomakeYhteydenottolomakeYhteydenottolomake ”Määritykset”-kohdan alta löytyy myös alavalikko nimellä

”Yhteystietolomakkeen asetukset”.

Lomake on oletuksena automaattisesti käytössä uusilla

sivustoilla. Se otettiin oletuksena käyttöön myös vanhoille,

olemassaoleville sivustoille vuonna 2014.

Toiminnallisuuksiltaan lomake on yksinkertainen ja

monikäyttöinen työkalu, joka lähettää sivulla täytetyn

yhteydenoton haluttuun sähköpostiosoitteeseen. Voit

muokata lomakkeen kenttien nimiä, jolloin samaa lomaketta

voi käyttää luontevasti yhteydenottoon, yhdistyksen

omistaman saunan varauksien tekemiseen tai jäsenen

toiminnan ilmoittamiseen yhdistykselle.

Yhteydenotto-linkki näkyy sivuston navigaatiossa vasta kun

”Vastaanottajan sähköposti” kohtaan on asetettu pätevä

sähköpostiosoite.

Voit myös ottaa sivustolla käyttöön Google Analytics-kävijäseurannan luomalla profiilin osoitteessa http://www.google.com/analytics/ ja syöttämällä saamasi UA-koodin ’’Yleisasetukset’’-valikosta löytyvään ’’Universal Analytics -seurantakoodi’’ tekstikenttään.

Sivujen muokkaaminenSivujen muokkaaminenSivujen muokkaaminenSivujen muokkaaminen Jäsensivuston sydän on sen sisältö. Hallinnan vasemman laidan painikkeesta ”Sivut” aukeaa lista

valmiiksi luoduista sivuista. Suurin osa näitä on vapaasti muuteltavissa ja poistettavissa muutamalla

poikkeuksella:

• Aloitussivuna/etusivuna näkyvä sivu valitaan

”Määritykset / Yleisasetukset”-valikon alta

löytyvästä Etusivu-pudotuslaatikosta.

• Valikossa näkyvää sivua ”Tapahtumat” ei ei ei ei muokatamuokatamuokatamuokata, vaan sivun olemassaolo on puhtaasti

tekninen. Siihen ei ole syytä koskea.

• Sivujen yhteydenotto, kalenteri ja hallitus pääsisältö tulee sivuston muista määrityksistä, mutta

pääsisällön yläpuolelle ilmestyvä sisältö on vapaasti muokattavissa. Jos kyseisiä sivuja ei haluta

näyttää päänavigaatiossa, ei niitä tule poistaa, vaan ne voi halutessaan piilottaa navigaatiosta

valitsemalla ruksi kohtaan ”Piilota navigaatiosta”.

Siirrymme suoraan luomaan uutta sivua. Tämän esimerkin aikana tutustumme tärkeimpiin

muokkaustyökaluihin ja lisäämme tekstin sekaan yhden kuvan. Jos klikkaamme muokkausnäkymästä

kohtaa ”uusi sivu”, saamme eteemme seuraavan näkymän:

Page 9: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

9

1. Yleisillä muokkaustyökaluilla voit muotoilla tekstiä: lihavoida, kursivoida tai tasata sitä. Voit myös

palstoittaa sisältöä, lisätä listoja ja paljon muuta. Käytä aina näitä työkaluja: älä muotoile älä muotoile älä muotoile älä muotoile

tekstiä valmiiksi esimertekstiä valmiiksi esimertekstiä valmiiksi esimertekstiä valmiiksi esimerkiksi Wordissakiksi Wordissakiksi Wordissakiksi Wordissa ja siirrä sitä sitten sivustolle. Muotoilut menevät yleensä

tällöin rikki.

2. Linkkityökalulla voit luoda tekstin sekaan

linkkejä. ”Maalaa” (valitse) haluamasi kohta

tekstistä ja klikkaa linkkityökalua. Linkkityökalun

taakse kirjoitetaan url-osoite, johon linkin

halutaan osoittavan. Otsikko-kohta määrittelee,

mitä käyttäjä näkee ohjatessaan hiiren linkin

päälle. Viimeinen valinta määrittelee, avautuuko

linkki uuteen välilehteen vai käyttäjän

senhetkisen sijainnin päälle.

3. Tekstin tyylejä muutetaan ”Formats”-vetovalikosta. Tätä valikkoa ei yleensä tarvita, mutta se

tulee tarpeelliseksi tahtoessasi tehdä tekstiin väliotsikoita. Älä tee tekstin väliotsikoita

lihavoinneilla tai muuttamalla tekstin kokoa: maalaa sen sijaan haluamasi väliotsikko, ja valitse

sen tyyliksi ylä- tai alaotsikko. Tällä tavoin sivuston visuaalinen ilme pysyy yhtenäisenä ja

toimivana.

4. Julkaisuasetuksilla voit aikatauluttaa sivun julkaisun myöhemmäksi, tehdä sitä pelkän

luonnoksen tai julkaista valmiin sivun. Myös sivun esikatselu onnistuu tätä kautta.

Page 10: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

10

Jos haluat asettaa sivun yksityiseksi ja näkymään vain kirjautuneille käyttäjille, se tapahtuu

klikkaamalla ”näkyvyys” -> ”yksityinen.

5. Sivun asetuksista voit määrittää sivun jonkin toisen sivun alasivuksi, kuten esimerkkisivussa

”hiihto” ja ”ammunta” ovat ”toiminta”-sivun alasivuja.

Sivupohja-toiminto on tekninen, eikä sitä lähtökohtaisesti tule käyttää. Toiminto kertoo

järjestelmälle, että sivulle, jonka pohjaksi on merkitty esim. ”Hallitus”, tulee näyttää hallituksen

jäsenet. Jos vahingossa poistat hallitus-sivun, voit luoda uuden tyhjän sivun ja antaa sille

sivupohjaksi ”Hallitus”

Myöskään järjestys-kenttää ei käytetä sivujärjestyksen muuttamiseen, vaan se tapahtuu Re-Order

– työkalulla.

6. Re-Order-työkalu. Tämän työkalun avulla voit järjestää sisältöä haluamaasi järjestykseen. Tämä

työkalu määrittää esimerkiksi sivujen järjestyksen navigaatiossa, hallituksen jäsenten järjestyksen

hallitussivulla ja etusivun karusellikuvien ilmestymisjärjestyksen.

7. Artikkelikuvan lisääminen. Tätä toimintoa käsitellään seuraavassa kappaleessa.

8. Sivun kestolinkki. Tästä voit muuttaa, millä osoitteella sivu näkyy www-selaimessa.

9. Sivun nimi, tämä teksti tulee näkyviin sivuston navigaation.

10. Kuvan tai muun median lisääminen sivulle:

Sivulle voi lisätä kuvia kahdella tavalla: artikkelikuvana, jolloin kuva näkyy sivun ylälaidassa,

taikka tavallisina kuvina tekstin joukkoon. Artikkelikuvat ovat aina samassa paikassa ja

samankokoisia, niiden lisäämistä käsitellään seuraavassa kappaleessa. Tavallisia kuvia sen sijaan

voi sijoitella sisällön sekaan mielensä mukaan.

Työkalut mediatiedostojen lisäämiseen ja hallinnointiin ovat varsin monipuoliset. Käymme tässä

ohjeessa läpi vain yhden käyttötapauksen: kuvituskuvan lisäämisen piristämään tekstiä ja

parantamaan sen luettavuutta.

Kuvan voi lisätä monella tavalla, yksinkertaisinta

on yleensä asettaa valitsemasi kansio

tietokoneelta rinnakkain selaimen kanssa ja vetää

sekä ”tiputtaa” haluamansa kuvatiedostot

latausikkunaan, kuten esimerkissä toimitaan.

Jos tiputtaminen tuntuu hankalalta tai ei

vanhemman selainversion vuoksi onnistu, voit

myös klikata nappia ”valitse tiedostot” ja hakea

haluamasi tiedoston tietokoneelta itse.

Page 11: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

11

11. Raksittamalla ”Piilota navigaatiosta”-valinta, ei luotu sivu näy sivuston päänavigaatiossa.

Kun kuva tai muu mediatiedosto on lisätty sivuille, käyttöön tulee mittava määrä työkaluja kuvan

muokkaamiseksi tai sijoittelemiseksi. Tässä niistä lyhyesti:

1. Kuvan perustiedot.

2. Muokkaustyökalut kuvan rajaamiseen ja koon muuttamiseen. Suosittelemme kuvien

käsittelyä kuvankäsittelyohjelmalla suoraan oikeaan kokoon (maksimileveys sivulla on 730

kuvapistettä).

3. Yleisiä tietoja kuvasta. Toistaiseksi mikään näistä ei vaikuta kuvan näkymiseen www-

sivustolla, mutta voit tehdä muistiinpanoja itsellesi.

4. Kuvan sijoittelu tekstiin nähden. Tässä tapauksessa sijoitamme kuvan vasemmalle.

5. Jos tahdot kuvaan linkin, syötä se tähän. Jos et tahdo kuvaan linkkiä, paina ”ei mitään”.

6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista

suoraan oikeaan kokoon ja lisäämään se täysikokoisena, kuten esimerkissä teemme.

7. Kuvan lisääminen tekstiin.

8. Kuvan käyttö avoinna olevan sivun artikkelikuvana. Tästä lisää myöhemmin.

Page 12: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

12 Lopputuloksena kuva sijoittuu tekstin

vasemmalle puolelle luomaan eloa ja kuvitusta

muuten niin pitkään tekstiin. Kuvia voi

sijoittaa mediatyökalun avulla paljon muillakin

tavoilla, mutta tässä esimerkissä

käsittelimme tätä yhtä tapaa. Tässä

esimerkissä täytetekstinä on käytetty otetta

Kalevalasta, joka kiistatta on varsin

merkittävä teos, mutta yhdistyssivulle

löytynee silti enemmän asiaan liittyvää

tekstiä.

ArtikkelikuvatArtikkelikuvatArtikkelikuvatArtikkelikuvat Kuten todettu, sivuille voi

lisätä kuvia kahdella tavalla:

artikkelikuvana tai tekstin

sekaan lisättynä kuvana.

Artikkelikuvan lisäys tapahtuu

sivun muokkaustyökalun

kautta aiemmassa

kappaleessa esitellyn ”lisää

artikkelikuva”- toiminnon

kautta. Tämä toiminto tuo

esiin täysin saman työkalun,

millä sivulle lisättiin aiemmin

kuvia. Sillä erotuksella, että

kuvatyökalujen toiminnoissa

kuvaa ei lisätä tekstiin, vaan

painikkeena on ”Aseta

artikkelikuva”

Käytettyäsi tätä toimintoa kuva asettuu artikkelikuvaksi sivun ylälaitaan. Artikkelikuvia voi asettaa mille

hyvänsä sivulle, poikkeuksena etusivu: jos lisäät etusivulle artikkelikuvan, se ei tule lainkaan näkyviin.

Etusivulla nimittäin pyörii aina karuselli, josta lisää seuraavassa kappaleessa.

Page 13: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

13

KaruselliKaruselliKaruselliKaruselli ja ja ja ja hallitusesittelyhallitusesittelyhallitusesittelyhallitusesittely Etusivulla pyörivä karuselli on sarja hitaasti vaihtuvia kuvia, joilla voi tehdä kävijälle nopean vaikutelman

yhdistyksestä. Niillä voi esimerkiksi esitellä jotain erityisen ajankohtaista asiaa tai karusellia voi ajatella

”mainostauluna”. Lisäksi sivulla on mahdollisuus oman hallitusesittelyn tekemiseen. Karuselli ja

hallitusesittely toimivat perusajatukseltaan täysin identtisesti, joten tässä esittelemme ainoastaan

karusellin käyttö.

Karusellissa olevia kuvia pääset käsittelemään vasemmalta valikosta kohdasta ”Karuselli”

Karusellin ja hallituskokoonpanon hallinta käyttäytyy perusajatukseltaan täysin samalla tavalla kuin

sivutkin. Karusellissa olevat kuvat listataan täysin samalla logiikalla kuin sivustot, ja myös niiden

lisääminen ja poistaminen noudattaa samaa kaavaa.

Page 14: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

14 Karusellikuvaa lisätessä tai muokatessa kirjoitetaan otsikoksi nimeksi teksti, jonka halutaan näkyvän

karusellissa kuvan päällä. Artikkelikuvaksi määritetään karusellissa näkymään toivottu kuva.

Karusellikuvien suositeltu resoluutio on sama 730 x 290 kuvapistettä kuin sivujen artikkelikuvillakin.

Järjestys määritetään Re-Order-työkalulla, kuten sivujenkin kohdalla.

Karusellikuviin on mahdollista myös määritellä linkki, mihin kuvan klikkaaminen etusivulta johtaa. Tämä

tapahtuu karusellidian asetuksista kirjoittamalla osoite linkki-kenttään.

Hallitusgalleriaa muokataan kuten karusellia. Kuvan lisäksi tietoihin kuitenkin syötetään myös tietoa

hallituksen jäsenestä: titteli, sotilasarvo, puhelin ja sähköposti.

KalenteriKalenteriKalenteriKalenteri Jäsenyhdistys voi halutessaan ottaa käyttöön kalenterin, josta sivulla vierailijat näkevät toiminnan.

Kalenteri on hyvä tapa näyttää, että yhdistys on aktiivinen ja elinvoimainen. Tapahtumiin liittyvän tiedon

voi myös tehdä kootusti kalenterin alle. Kalenterin käyttöönotto tapahtuu yksinkertaisesti luomalla

ensimmäinen kalenteritapahtuma sivun vasemmasta reunasta.

1. Tapahtuman nimi. Tämä nimi näkyy kalenterissa ensimmäisenä. Yritä valita lyhyt ja ytimekäs

nimi.

2. Tapahtuman ajankohta ja kellonaika. Nämä päivät korostuvat kalenterista. .

3. Tapahtuman tiedot. Muokkaustyökalut varmaan näyttävät jo tässä vaiheessa tutuilta – jep, ne

ovat täysin samat, kuin tavallisia sivuja luodessa. Tännekin voi siis laittaa tekstiä, kuvia,

väliotsikoita, mitä vain. Se on jopa suositeltavaa, sillä tapahtumasta saa enemmän irti, jos siitä on

tarjolla enemmän tietoa. Esimerkiksi tapahtuman aikataulu sopii tähän hyvin.

Page 15: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

15

4. Voit halutessasi tallentaa tapahtumalle sijainnin. Sijaintipaikat tallentuvat nimellä, joten pyri

merkitsemään samassa paikassa tapahtuvat tilaisuudet samalla paikannimellä. Syöttämällä

paikan osoitteen saat näkyviin myös kartan.

5. Ja lopuksi tapahtuman tallennus.

Lopputuloksen pitäisi näyttää sivuilla tältä:

Kalenterin hallintatyökaluista löytyy myös mahdollisuudet muokata jo tehtyjä tapahtumia sekä monistaa

tai poistaa niitä. Näiden työkalujen käyttö on hyvin samanlaista kuin vastaavien työkaluihin, joihin

olemme jo aiemmin tutustuneet. Hallinnasta löytyy myös mahdollisuuksia tarkastella tapahtumien

ilmoittautumisia ja kategorioita. Mitkään näistä toiminnoista eivät toistaiseksi ole käytössä.

Page 16: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

16

Vinkkejä onnistuneeseenVinkkejä onnistuneeseenVinkkejä onnistuneeseenVinkkejä onnistuneeseen sivuunsivuunsivuunsivuun Yllä esitetyillä ohjeilla saat sivun perustoiminnot hyvälle mallille! Jos kuitenkin haluat viedä sivustosi vielä

askelta paremmaksi, kannattaa huomioida seuraavat arvostetun raadin kokoamat vinkit:

Vinkki: Muokkaa kuvat etukäteen oikeaan resoluutioon!

WordPress sisältää varsin monipuoliset työkalut kuvakokojen skaalaamiseen sekä kuvan

muokkaamiseen, ja sivusto kyllä ottaa vastaan oikeastaan minkä kokoisen kuvan hyvänsä, mutta

lopputulos ei tällöin ole yleensä kovin hyvä. Muokkaa siis kaikki kuvat kuvankäsittelyohjelmalla

valmiiksi haluamaasi kuvakokoon. Artikkelikuvien ja koko sivun palstan leveys on 730 pikseliä.

Korkeus voi olla mitä hyvänsä, oletuksena 290 pikseliä.

Vinkki: Älä kopioi & liitä tekstiä toisesta ohjelmasta

Kopiointi & liittäminen toisesta ohjelmasta WordPressiin toimii paremmin kuin olisi tarpeen:

liitoksen mukana nimittäin saat paitsi tekstin, myös kaikki siihen liittyvät asettelut: fontin, rivivälit,

sisennykset, tasaukset jne. Nämä eivät luonnollisestikaan näytä täysin toisenlaiselle tyylille

suunnitelussa sivustossa hyvältä. Jos haluat kopioida ja liittää sisältöä WordPressiin, kierrätä se

ensin jonkun muotoiluja käyttämättömän sovelluksen kautta. Esimerkiksi Windowsin

muistio/notepad – sovellus on tällainen.

Vinkki: Linkitä paljon, myös sisäisiä linkkejä

Sivuston käytettävyys sekä hakukonenäkyvyys parantuvat linkityksellä huikeasti. Jos viittaat

tekstissä johonkin toiseen kohtaan, tee siihen kohtaan linkki. Jos yhdistyksellä on yhteistoimintaa

muiden yhdistysten kanssa, linkitä näihin. Jos viittaat johonkin paikkaan, linkitä vaikka Google-

karttaan siitä kohteesta.

Vinkki: Käytä toimintoja siihen, mihin ne on tarkoitettu

Integroi sivuun Googlen analytiikka, esittele hallituksesi galleriassa ja kerro tapahtumatoiminnasta

paljon tapahtumagalleriassa. Saat aikaan hyvän peruspaketin jo niillä toiminnoilla, joita sivu jo

valmiiksi tarjoaa. Alkuun ei kannata tavoitella kuuta taivaalla, vaan laittaa perusasiat kuntoon.

Vinkki: Sovella hieman, älä liikaa

Tietyt elementit on sivuilla suunniteltu käytettäväksi tietyillä paikoilla: karuselli etusivulla, rivitetty

logo otsikossa jne. Voit toki korvata etusivun karusellin vaikkapa omalla kuvagallerialla ja

otsikkorivin logon kokonaan omalla kuvalla, mutta mieti näitä ratkaisuja tarkkaan. Pahimmillaan

lopputulos voi olla kaikkea muuta kuin näyttävä.

Page 17: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

17

Tiedostopankki Reserviupseeriliiton aiemmalla www-sivustolla tiedostot ja lomakkeet oli hajotettu useisiin paikkoihin,

monien eri linkkien taakse. Uuden sivuston mukana kuvagalleria, lomakkeisto, ohjeet ja kiertokirjeet

yhdistettiin saman tiedostopankin alle. Myös jäsenyhdistyksille haluttiin mahdollistaa tämän

tiedostopankin käyttö omien tiedostojensa tai vaikka valokuviensa esittelemiseksi.

Tässä osiossa:

• Asetetaan tiedostopankki käyttöön ja opetellaan navigoimaan sinne

• Opetellaan luomaan kansioita sekä muokkaamaan niiden tietoja

• Opetellaan muuttamaan kansioiden käyttöoikeuksia

• Opetellaan lisäämään tiedostoja sekä muokkaamaan niiden tietoja

• Opitaan tiedostopankin käyttöön liittyvät rajoitukset

Tiedostopankin käyttöönottoTiedostopankin käyttöönottoTiedostopankin käyttöönottoTiedostopankin käyttöönotto Pääsivusto, tiedostopankki ja jäsensivusto ovat erillisiä kokonaisuuksia, joten tiedostopankki ei tule

automaattisesti jäsenyhdistyksen käyttöön tämän tilatessa sivuston. Tiedostopankki täytyykin erikseen

tilata liiton järjestösihteeriltä, joka asettaa pankin käyttöön ja luo sinne oman kansion yhdistyksellesi.

Tiedostopankki löytyy Reserviupseeriliiton pääsivun ylälaidasta. Tiedostopankkia käsitellään samoilla

tunnuksilla kuin yhdistyksen uutta sivua, joten jos kirjauduit jo aiemmin sisään, pääset suoraan pankin

kimppuun.

KansiotKansiotKansiotKansiot ja niiden käyttöoikeudetja niiden käyttöoikeudetja niiden käyttöoikeudetja niiden käyttöoikeudet Tiedostopankki rakentuu kansioista, joille jokaiselle on määritelty omat käyttöoikeutensa. Tutustutaan

ensimmäisenä yleisnäkymään ja tavallisen käyttäjän työkaluihin:

1. Kansiorakenne. Tämän rakenteen kautta voit navigoida haluamaasi kansioon. Tässä tapauksessa

haluamme navigoida kansioon Jäsenyhdistykset, ja sieltä edelleen oman yhdistyksemme

kansioon.

2. Tämä rivi näyttää nykyisen sijainnin tiedostopankissa sekä siihen johtavan polun.

3. Näkymän vaihto: varsin tärkeä toiminto. Tällä näppäimellä voit vaihtaa listanäkymästä (kuvassa)

kuvakenäkymään, jossa esimerkiksi kuvista näkyy pienet mallit. Näkymää voi vaihdella vapaasti

kansiosta riippumatta. Jokaisella kansiolla on myös oletusnäkymänsä, johon palaamme

myöhemmin.

1

2 3

Page 18: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

18 Kun navigoimme omaan kansioomme, näkymä muuttuu hieman erinäköiseksi ja olemme saaneet

näkyviin toiminnot-painikkeen joka avaa edelleen lisää toimintoja:

Olemme nyt oman yhdistyksen kansiossa, ja pääsemme tekemään muutoksia oman kansiomme sisällä:

siis käytännössä lisäämään ja muokkaamaan tiedostoja sekä kansioita. Aloitamme harjoitukset luomalla

yhden alakansion klikkaamalla ”uusi kansio”-toimintoa.

Kansiolle määritellään sitä luodessa nimi sekä

oletusnäkymä. Oletusnäkymä kannattaa valita kansion

sisällön mukaan: kuvakansioille yleensä kuvakenäkymä,

tiedostokansioille listanäkymä. Kaikkia näitä tietoja voi

käydä myöhemmin muuttamassa kansion asetuksista.

Valinta ”julkinen kansio” kaipaa enemmän selitystä: tällä

toiminnolla voit asettaa kansiosi näkymään kaikille

tiedostopankissa kävijöille tai poistaa sen näkyvistä. Ei-

julkinen kansio näkyy vain niille, joille on erikseen määritelty

kansioon lukuoikeudet, sekä RUL:n toimistolle.

Kannattaakin aluksi luoda kansioon haluamansa sisältö

(esim. kuvagalleriat jne) ja muuttaa kansio vasta sen jälkeen

julkiseksi.

Näin olemme luoneet omaan tiedostopankin kansioomme yhden alakansion. Kansioiden muokkaus toimii

samalla tavoin kuin niiden lisääminen.

Page 19: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

19 Saman toimintovalikon kautta voi myös muokata kansion käyttöoikeuksia. Oikeudet periytyvät

yläkansioilta kaikille sen alakansioille, ellei

niitä erikseen määritetä. Jos aiot muuttaa

kansioidesi oikeuksia, kannattaa ensin miettiä

kuvio läpi: mitä tarkoitusta varten uusi kansio

on, ja kenelle aiot sinne mitäkin oikeuksia

antaa.

Oikeuksien muokkausnäkymässä on seuraavat toiminnot:

1. Sivusto – siis yhdistys, jonka käyttäjiä haluat oikeuden koskevan. Voit myös valita ”kaikki”, jolloin

oikeus koskee kaikkia sivustoja.

2. Käyttäjärooli, jota haluat oikeuden koskevan. Voit myös valita ”kaikki”, jolloin oikeus koskee

kaikkia rooleja.

3. Haluamasi oikeus. Oikeudet ovat hallinta, kirjoitus ja luku. Hallintaoikeus sallii mitkä tahansa

toimet kansiossa, kirjoitusoikeus ainoastaan tiedostojen lisäämisen ja poistamisen. Lukuoikeus

sallii käyttäjän nähdä muuten ei-julkisen kansion.

4. Oikeus pitää asettaa painamalla lisää-painiketta.

Omat hallintaoikeudet on myös mahdollista poistaa omasta kansiostaan, jolloin joudut pyytämään RUL:n

toimistoa palauttamaan ne. Tämä kannattaa huomioida oikeuksia asettaessa.

1 2 3 4

Page 20: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

20

TiedostotTiedostotTiedostotTiedostot Tiedostojen lisäystyökalu on varsin helppokäyttöinen. Tässä tapauksessa avaamme äsken luomamme

kansion ja lisäämme sinne kuvia. Klikkaamme lisää tiedostoja -> select files, jolloin pääsemme

valitsemaan haluamamme tiedostot.

Tiedostopankki sallii useampien tiedostojen

lisäämisen samanaikaisesti. Tässä tapauksessa

olemme pitäneet pohjassa ctrl-nappia ja valinneet

haluamastamme kansiosta neljä kuvaa, jotka

tahdomme lisätä. Toisin kuin yhdistyssivun

puolella, tiedostopankissa kuvien kuvakokoa ei

tarvitse muokata etukäteen pienempään kokoon.

Itseasiassa se ei ole edes suotavaa, sillä

tiedostopankki muokkaa kuvat sopivan kokoiseksi

automaattisesti ja alkuperäinen kuva on käyttäjien haettavissa esimerkiksi printtikäyttöä varten. Kun

olemme valinneet haluamamme tiedostot, alkaa alkaa sivusto siirtää niitä palvelimelle.

Kun lataus on valmis, voi ikkunan sulkea.

Page 21: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

21 Tiedostojen nimiä ja kuvauksia pääsee

muuttamaan sekä kuvia poistamaan varsin

montaa listanäkymän kautta. Nämä työkalut

sijoittuvat oikeaan laitaan.

Lisäämämme kuvat ovat nyt haluamassamme

kansiossa uteliaiden kävijöiden selattavissa.

Klikkaamalla kuvaa käyttäjät pääsevät

selaamaan kuvia, lataamaan niitä suuressa,

alkuperäisessä koossa sekä näkemään niiden

tarkemmat kuvaukset. Näillä tiedoilla

tiedostopankin pitäisi totella yhdistystään

hyvin.

Tiedostopankin käytön rajoituksetTiedostopankin käytön rajoituksetTiedostopankin käytön rajoituksetTiedostopankin käytön rajoitukset Tiedostopankki on tarkoitettu kuvien, asiakirjojen yms säilyttämistä varten. Vaikka minkään

tiedostotyypin lataamista pankkiin ei ole toistaiseksi teknisesti estetty, tiedostopankin käytössä tulee

käyttää ns. tervettä järkeä. Esimerkiksi pidempien videoiden esittelypaikka on Youtube tai Vimeo, ei

tiedostopankki. Sen sijaan kuvat, pöytäkirjat ja erilaiset ohjeistukset ovat erittäin tervetulleita

tiedostopankkiin.

Luonnollisesti tiedostopankkia ei myöskään saa käyttää henkilökohtaisten tiedostojen säilyttämiseen.

Page 22: Jäsenyhdistyssivut ja tiedostopankki · 2015-09-03 · 6. Koko, jossa kuva lisätään tekstiin. Tässäkin tapauksessa suosittelemme kuvan muokkaamista suoraan oikeaan kokoon ja

22

Kysymyksiä ja vastauksia Tähän osioon on koottu yleisimpiä kysymyksiä sivustoon ja tiedostopankkiin liittyen. Listaa päivitetään

käyttöohjeen ja sivupäivitysten yhteydessä. Jos et löydä vastausta kysymykseesi täältä, ota yhteyttä

RUL:n järjestösihteeriin ([email protected])

Kysymys:

Miten toimin, jos kadotimme salasanamme?

Käytä WordPressin omaa salasananpalautustoimintoa osoitteessa: http://www.rul.fi/wp-

login.php. Klikkaamalla ”salasana hukassa?”-painiketta pääset lomakkeeseen, jolla salasanan

palautus sähköpostiin onnistuu.

Kysymys:

Miten sivuston ulkoasun saa persoonallisemmaksi?

Tällä hetkellä ainoa personointikeino on vaihtaa yhdistyksen logo sivun vasempaan ylälaitaan.

Sivustolle voidaan asentaa uusi teema, jolloin ulkoasu saadaan täysin yksilölliseksi, mutta

käytännössä nämä teemat tulee tilata järjestelmän toimittaneen G-Works Oy:n kautta (myynti@g-

works.fi)

Kysymys:

Voinko saada ftp tai ssh-tunnukset sivuston muokkaamista varten?

Valitettavasti tämä ei onnistu. Kyseessä on keskitetty palvelu, ja keskittämisellä on pyritty

välttämään useiden erilaisten sivujen ja järjestelmien sillisalaatti, jonka päivittäminen ja

hallinnointi on käytännössä mahdotonta. Jos ammattitaito riittää omien sivujen rakentamiseen

palvelintasolta saakka, täytyy tarkoitusta varten hankkia oma www-ylläpito.

Kysymys:

Yhdistyksellämme on oma, www.yhdistys.fi –osoite. Saako sen toimimaan yhdessä tämän sivun kanssa?

Saa ja ei saa. Sivulle on mahdollista tehdä edelleenohjaus niin, että käyttäjä pääsee kyllä sivuille

www.yhdistys.fi – osoitteesta, mutta silti selauspalkissa tulee näkymään osoite

www.rul.fi/yhdistys/. Omien tunnusten hankinnasta on ohjeistettu liitteessä.

Kysymys:

Minulla on idea hyvästä uudesta toiminnosta. Mihin voin toimittaa sen?

Järjestelmään on mahdollista tuodauusia ominaisuuksia ja toimintoja keskitetysti niin, että ne ovat

yhteisesti kaikkien yhdistysten käytössä. Näitä ideoita kannattaa toimittaa järjestösihteerille.

Hyvät ideat on ollut tapana myös toteuttaa. Esimerkiksi hallitusesittelysivu syntyi palautteen

kautta.