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

Samankaltaiset tiedostot
Tietosuoja-portaali. päivittäjän ohje

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA. Kirjaudu -palveluun osoitteessa tunnuksellasi.

Hittitoimiston Forte-kotisivujen päivitysohje

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu WordPress KÄYTTÖOHJE Sotkamo 2016

STS Uuden Tapahtuma-dokumentin teko

Lappi.fi -pikaohje Kittilän kylille:

helsingintaiteilijaseura.fi WordPress-pikaohjeet

BLOGGER. ohjeita blogin pitämiseen Googlen Bloggerilla

KiMeWebin käyttöohjeet

Munstadi Wordpress ohjeet

Vehmaan kunta. Wordpress käyttöopas. Betta Digital Oy

Uutiskirjesovelluksen käyttöohje

Uuden Peda.netin käyttöönotto

KÄYTTÖOHJE / Ver 1.0 / Huhtikuu Martat - KÄYTTÖOHJE Yhdistyksille 2017

Moodlen lohkot. Lohkojen lisääminen: Lohkojen muokkaaminen: Tampereen yliopisto/tietohallinto 2017 Suvi Junes

STS UUDEN SEUDULLISEN TAPAHTUMAN TEKO

Osaamispassin luominen Google Sites palveluun

Kopiodaksesi, leikataksesi ja liittääksesi helpointa on käyttää näppäimistön pikavalintoja:

UpdateIT 2010: Uutisten päivitys

VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE

Google-dokumentit. Opetusteknologiakeskus Mediamylly

Westiekerho.fi päätoiminnallisuudet

Kirjaudu sisään palveluun klikkaamalla Omat kartat -painiketta.

Sivuston muokkaus WordPressin kanssa

Lyhyt ohje Ning-verkoston hallinnoimiseksi ja muokkaamiseksi

ejuttu ohjeet kuinka sitä käytetään.

SALITE.fi -Verkon pääkäyttäjän ohje

Oma kartta Google Maps -palveluun

PROJEKTISIVUJEN PAÄ IVITTAÄ MISEN OHJEET

1 Johdanto. 2 Kirjautuminen. Sisällysluettelo. Kanakoirakerho - websivujen ylläpito

Ohjeita Porin Lyseon koulun yrittäjuuskasvatuksen blogin kirjoittamiseen

Pedanet oppilaan ohje Aleksanteri Kenan koulu Eija Arvola

UpdateIT 2010: Editorin käyttöohje

VIENET JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE

Juricon Nettisivu Joomlan käyttöohjeet

Moodle-alueen muokkaaminen

Tekstieditorin käyttö ja kuvien käsittely

NETTISIVUOHJE. MUITA OHJEITA käyttäjän lisääminen, mediakirjasto, sähköpostien lisääminen

Nettisivujen Päivitysohje

MOODLE-OHJE: Linkin lisääminen tehtävänannon yhteyteen. Web-linkin lisääminen

KÄYTTÖOHJE LATOMO VERSO

OHJEET WORDPRESS-BLOGIN LUOMISEEN JA TAVALLISIMPIIN BLOGITOIMINTOIHIN

HAKUKONEMARKKINOINTI KOTISIVUJEN PÄIVITYSOHJE

Seutudokumenttien pä ivittä misohje

Artikkelin lisääminen

Wordpresspikaopas. Viivamedia

OHJE -LIPPUKUNTASIVUN MUOKKAAMISEEN

Opintokohteiden muokkaus

Ylläpitoalue - Etusivu

Worldpress ohje. Artikkelin kirjoittaminen, päivittäminen, kuvan, linkin, lomakkeen ja Google-kalenterimerkkinnän lisääminen

Päivitysperiaatteet: Verkkosivuja päivitetään selainpohjaisella WordPress-ohjelmalla, pikaohje seuraavilla sivuilla.

Sähköisen Markkinoinnin Koulutus Kotisivutyöpaja. Julkaisujärjestelmän ohje

Pauliina Munter/Suvi Junes Tampereen yliopisto / Tietohallinto Valitse muokkaustila päälle kurssialueen etusivun oikean yläkulman painikkeesta.

Päänäkymä Opiskelijan ohjeet Kurssin suorittaminen Opettajan ohjeet kurssin teko

WordPress. Kysyy. Sähköpostiosoitteen Tulee aktivointi viesti. Käyttäjänimen vähintään 4 merkkiä. Salasanan

Kotkaliikkuu.fi. Ohjeita seuroile ja yhteisöille palvelun käytöstä

Moodle-alueen muokkaaminen

Hittitoimiston Verkkokaupan päivitysohje

PUTTERI JULKAISUJÄRJESTELMÄLLÄ TOTEUTETTUJEN INTERNET-SIVUJEN YLLÄPITO-OHJE

Webmailin käyttöohje. Ohjeen sisältö. Sähköpostin peruskäyttö. Lomavastaajan asettaminen sähköpostiin. Sähköpostin salasanan vaihtaminen

VERKKOVELHO-YLLÄPITOTYÖKALUN KÄYTTÖOHJE

Yleistä. Suositukset. Rakenne

opiskelijan ohje - kirjautuminen

Suvi Junes/Pauliina Munter Tietohallinto/Opetusteknologiapalvelut 2014

Artikkelien muokkaaminen sekä sisältöeditorin peruskäyttö

Kyvyt.fi eportfolion luominen

GOOGLE-SIVUSTOJEN KAÄ YTTOÄ OÄ NOTTO

Google Sites: sivun muokkaaminen (esim. tekstin, kuvien, linkkien, tiedostojen, videoiden ym. lisääminen)

Kun olet peda.net sivuilla, näet oikealla yläkulmassa oranssin sisäänkirjautumis napin.

ETAPPI ry JOOMLA 2.5 Mediapaja. Artikkeleiden hallinta ja julkaisu

Fronter - opiskelijan opas

Drupal-sivuston hallintaopas

Office 365 OneDrive Opiskelijan ohje 2017

EeNet materiaalit ohje

opiskelijan ohje - kirjautuminen

Suvi Junes/Pauliina Munter Tietohallinto/Opetusteknologiapalvelut 2014

KYMP Webmail -palvelu

eportfolio ammatillisen kasvun ja oman osaamisen kuvaaminen

Netsor Webmailin käyttöohje

Moodle 2.2 pikaohje. 1. Kirjautuminen ja omat kurssit (Työtilat) 1. Mene internet-selaimella osoitteeseen

Pikaohjeita OneNote OPS:in käyttäjille

Blogger-blogin käyttöönotto ja perusasiat Bloggerista & bloggauksesta

Wordpress- ohje nettisivujen laadintaan

Tervetuloa käyttämään ehopsia

Pika-aloitusopas. Sisältö: Projektin luominen Projektin muokkaaminen ja hallinnointi Projektin/arvioinnin tulosten tarkastelu

Perustietoja Mietoisten kyläportaalista Yhdistyksen ylläpitäjän kirjautuminen Yhdistyksen etusivun muokkaaminen... 2

Sisältö. Päivitetty viimeksi Sivu 2 / 14

NETTISIVUJEN PÄIVITYS OHJEET versio 1.1

Suvi Junes/Pauliina Munter Tietohallinto / Opetusteknologiapalvelut 2014

Punomo Blogit BLOGIN LUOMINEN WORDPRESS-ALUSTALLA

Office 365 palvelujen käyttöohje Sisällys

Skype for Business ohjelman asennus- ja käyttöohje Sisällys

Ohjeistus yhdistysten internetpäivittäjille

Yrjö Määttänen Kokemuksia SuLVInetin käytön aloituksen

ohjeita kirjautumiseen ja käyttöön

1 Yleistä Web-editorista Web-editori -dokumentin luominen Pikatoimintopainikkeet Tallenna... 3

Pauliina Munter / Suvi Junes Tampereen yliopisto/tietohallinto 2013

Opintokohteiden muokkaus

Joomla pikaopas. Yksinkertainen opas, jossa neuvotaan esimerkkisivuston teko Joomla julkaisujärjestelmällä vaihe vaiheelta.

Moodle-oppimisympäristö

Transkriptio:

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

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

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

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

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

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

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.

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

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!

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

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

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

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.)

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

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!

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

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

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

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

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

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ä.

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

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.

Sivupalkkiin tai muihin listoihin

Valitse vasemmalta Linkit

Valitse muokattava linkki tai lisää uusi

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 )!

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

Ohjeita sivuston laajemman tason hallintaan, esimerkiksi rakenteen ja ulkoasun hallinnoimiseen

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.

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ä: http://foro.picandocodigo.net/discussion/251/listcategory-posts-documentation/

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!

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.

Lomakkeiden tekeminen, muokkaaminen ja lisääminen sivuille

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

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.

Sähköposti-kentässä näet minkälainen viesti lähetetään info@suns.fi:hin. 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!

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ä)

Värikoodit ja otsakekuvat

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

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

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.

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.

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.