Munstadi Wordpress ohjeet

Munstadi Wordpress ohjeet

Sisällys Kirjautuminen... 4 Ohjauspaneeli... 4 Sisällön luominen... 6 1.1 Sivut... 6 1) Uuden sivun luominen (tai vanhan muokkaaminen)... 6 2) Otsikon valinta ja tekstisisällön kirjoittaminen... 7 3) Kuvien/videoiden liittäminen sivuun... 8 4) Lisävalinnat (jos tarvetta)... 10 5) Julkaiseminen... 10 6) Sivun lisääminen valikkoon... 11 1.2 Artikkelit... 12 Artikkelien lisämääritykset... 13 Muoto... 13 Kategoria... 13 Avainsanat... 13 Artikkelikuva... 13 1.3 Ulkoasu... 14 Mukauta... 14 Vimpaimet... 15 1.4 Banner ja 1.5 Carousel... 16 Muuta... 17 Youtube videot... 17

Käsitteitä: Sivu Sivuilla tarkoitetaan wordpressissä yksittäistä sivua, johon luodaan sisältöä (vrt. Artikkeli). Sivuja voidaan luoda niin paljon kuin on tarpeen (esim. etusivu, yhteystiedot, toiminta jne.). Sivuihin voidaan lisätä tekstiä, kuvia tai muuta mediaa. Artikkeli Artikkeleilla tarkoitetaan wordpressissä sisältöä, joka julkaistaan ennalta määritellyllä sivulla. Blogimuotoiset sivustot toteutetaan artikkeleilla, jolloin jokainen artikkeli on yksi blogimerkintä. Artikkeleihin voidaan lisätä tekstiä, kuvia tai muuta mediaa. Valikko Wordpressissä voidaan luoda useita valikoita. Tärkein valikko on päävalikko, joka näkyy jokaisella sivulla. Valikoiden luomista käsitellään erikseen kohdassa Valikot. Sivupalkki Munstadi.fi sivustoilla on sivun oikeassa laidassa sivupalkki (jos sitä ei ole piilotettu). Sivupalkkiin voi lisätä bannereita, tekstiä ja erilaisia vimpaimia. Sivupalkki on samanlainen jokaisella sivulla ja sen toimintaa kuvataan kohdassa Sivupalkki. Vimpaimet Vimpaimet (eng. widget), ovat pieniä työkaluja, joilla voidaan lisätä ominaisuuksia sivupalkkiin. Erilaisia vimpaimia on useita ja niitä käsitellään kohdassa Sivupalkki.

Kirjautuminen [sivustosi].munstadi.fi/wp-login Kirjautuminen tapahtuu osoitteessa [sivustosi].munstadi.fi/wp-login osoitteessa (missä [sivustosi] on ylläpitämiesi sivun nimi) Kirjaudu käyttäjätunnuksella ja salasanalla, jotka olet saanut. Ohjauspaneeli Kirjautumisen jälkeen näet ohjausnäkymän, josta löydät kaikki toiminnot. Ohjauspaneelin vasemman reunan sivupalkista löytyy sivustosi päivittämisen kannalta tärkeät kohdat. 4

1.2 Artikkelit Artikkelit valikosta voit tarkastella, muokata ja luoda uusia artikkeleita. 1.1 Sivut Sivut valikosta voit tarkastella, muokata ja luoda uusia sivuja. 1.5 Carousel Carousel (karuselli) valikosta voit muokata etusivun kuvakarusellia. 1.4 Banner Banner valikosta voit muokata sivuilla näkyviä bannereita (bonsai-bannerwidget). 1.3 Ulkoasu Ulkoasu valikon kautta voit muokata sivustosi vimpaimia (widget), valikoita, taustakuvia ja ulkoasua. 5

Sisällön luominen 1.1 Sivut Sivut ovat oman sivustosi peruspilari. Sivuille voit lisätä tekstiä, kuvia, videoita ja oikeastaan mitä vain sisältöä. Tekstisisällön lisääminen on erittäin helppoa. Jos osaat kirjoittaa sähköpostia, niin osaat julkaista sivun wordpressissä. Julkaisussa on seuraavat vaiheet: 1) Uuden sivun luominen (tai vanhan muokkaaminen) 2) Otsikon valinta ja tekstisisällön kirjoittaminen 3) Kuvien/videoiden liittäminen sivuun 4) Lisävalinnat (jos tarvetta) 5) Julkaiseminen 6) Sivun lisääminen valikkoon (jos uusi sivu, jota ei ole lisätty) 1) Uuden sivun luominen (tai vanhan muokkaaminen) Valitse ohjauspaneelista kohta sivut ja eteesi avautuu seuraava näkymä. Jos haluat muokata aikaisempaa sivua, valitse se listasta Uuden sivun voit luoda seuraavista kohdista 6

2) Otsikon valinta ja tekstisisällön kirjoittaminen Kun luot uutta sivua, päädyt seuraavanlaiselle sivulle. Syötä otsikko sille varatulle kohdalle. Tällä otsikolla sivun näkyy myös valikoissa ja ohjauspaneelin sivulistauksessa. Tekstin kirjoittamisessa on kaksi eri näkymää, joita voi vaihtaa teksti ikkunan oikeasta yläkulmasta. Graafinen: Perusnäkymä, jossa kirjoittamasi teksti näkyy sellaisenaan kotisivuilla. Tämä on se näkymä, jossa muutoksia kannattaa tehdä. Teksti: Edistyneempi näkymä, joka mahdollistaa mm. HTML-koodin lisäämisen sivulle ja syötettyjen tägien näkemisen. Tätä kannattaa käyttää vain, jos tarvitset HTML-ominaisuuksia. Tekstisisällön kirjoittaminen käy samalla tavalla kuin missä tahansa kirjoitusohjelmassa. Valittavanasi on yksinkertaiset, tekstinkäsittelyohjelmista tutut ja samalla tavalla toimivat muokkaustyökalut. Kopioiminen Wordista Jos liität tekstiä Wordista, kannattaa käyttää muokkausvalikosta löytyvää liittämistyökalua Sen avulla liitetty teksti näyttää mahdollisimman paljon samalta kuin Word-asiakirjassa. 7

3) Kuvien/videoiden liittäminen sivuun Kuvat, videot ja oikeastaan kaikki mediatiedostot voidaan liittää sivuille Lisää media napin kautta. Napista avautuu mediaikkuna, josta näet kaikki sivustoille lataamasi kuvat. Siirrä tiedostoja: mikäli haluamasi kuva ei ole vielä ladattu sivuille. Klikkaa Valitse tiedostot ja valitse haluamasi kuva(t) koneeltasi ja kuva ilmestyy mediakirjastoosi Kun kuvasi on mediakirjastossa: Valitse se Määritä haluttu kuvakoko ja asettelu: Täysikokoinen: Kuva näytetään sellaisena kuin sen olet wordpressiin ladannut Pienoiskuva: Pieni kuva esim. artikkelin alkuun Lisää kuva sivulle 8

Kun olet lisännyt kuvan sivulle, näet sen tekstilaatikossa. Kuva siirtyy siihen kohtaan, jossa kursori oli kuvan lisäämishetkellä. Voit liikuttaa kuvaa raahaamalla sitä. Kun klikkaat lisäämäsi kuvaa, sen päälle ilmestyy kaksi kuvaketta: Oikeanpuolimmaisella voit poistaa kuvan sivulta. Vasemmanpuolimmaisesta pääset muokkaamaan kuvan asetuksia. Kuvan asetuksissa voit muuttaa kuvan: Kokoa prosenteissa Asettelua Ei mitään (kuva näkyy siinä kohdassa, mihin se on laitettu tai raahataan) Vasemmalle Keskelle Oikealla Otsikko Otsikkoteksti näkyy, kun hiiri siirretään kuvan päälle Kuvateksti Jos lisäät kuvatekstin, se näkyy kuvan alla ja kuvan ympärille ilmestyy kehys. Päivitä, niin muutokset näkyvät sivulla 9

4) Lisävalinnat (jos tarvetta) Sivuilla on muutama lisämääritys, joita voi käyttää tarpeen mukaan. Asettelu Voit määrittää jokaisen sivun kohdalla erikseen näytetäänkö sivupalkkia. Esim. kuvagallerioissa voi olla järkevää poistaa sivupalkki käytöstä, mutta oletusarvoisesti tämä valinta kannattaa pitää paikallaan. Artikkelikuva Artikkelikuvan avulla voi lisätä yhden kuvan, joka sijoitetaan artikkelin vasempaan yläkulmaan. Tämä kuva näkyy sivun vasemmassa yläkulmassa. Artikkelikuvaa ei tarvitse käyttää. 5) Julkaiseminen Julkaise kohdasta voit tehdä lisämäärityksiä julkaisulle. Mikäli et tarvitse lisämäärityksiä, voit julkaista sivun suotaan Julkaise napista Tallenna luonnos napista voit tallentaa sivun ilman, että se julkaistaan. Esikatselusta voit tarkastaa, että sivusi näyttää siltä, miltä haluat sen näyttävän. Sivu kannattaa aina esikatsella. Tilasta voit valita sivun näkyvyysasetuksia. Julkaistun sivun voit muuttaa takaisin luonnokseksi valitsemalla luonnos. Tarkastettavana valintaa ei normaalisti tarvita, mutta sillä voi tallentaa luonnoksen. Sivuston pääkäyttäjä voi julkaista luonnoksen tarkastuksen jälkeen. Näkyvyys kohdasta voit valita onko sivu: Julkinen: Oletus, näkyy kaikille (pääosa sivuista tähän) Salasanasuojattu: Voit määrittää sivun, joka aukeaa vain salasanalla Yksityinen: Vain sinä voit nähdä sivun Julkaise heti Kohtaa muokkaamalla voit ajoittaa sivun julkaisemisen myöhäisemmäksi. Julkaise napista julkaiset sivun. 10

6) Sivun lisääminen valikkoon Valitse sivupalkista ulkoasu ja kohta valikot Tässä näkymässä voit luoda ja muokata valikoita, jotka näkyvät sivuillasi. Jokainen sivu voidaan sijoittaa mihin tahansa paikkaan missä tahansa valikossa. Mikäli sivuillasi ei vielä ole valikkoa, voit luoda sen luo uusi valikko - kohdasta Voit valita valikkoon liitettävät sivut ikkunasta. Valitse sivut ja lisää valikkoon Sivu ilmestyy Valikon rakenne näkymään. Näkymässä voit vapaasti liikuttaa eri sivuja oikeille kohdille. Voit luoda myös hierarkioita, jolloin valikot muuttuvat pudotusvalikoiksi Valikkosivun alareunasta voit valita, minkälainen valikko on kyseessä. Pääasiassa sivuilla on yksi valikko, joka on päävalikko: Bonsai-päävalikko - Valikko, joka näkyy sivun ylälaidassa Bonsai-pudotusvalikko - Valikko, jonka voit sijoittaa sivuille vimpainten avulla Tallenna valikko ja se näkyy sivuillasi 11

1.2 Artikkelit Artikkelit ovat Wordpressin blogitekstejä. Ne ohjataan yleensä etusivulle. Sivustot voidaan toteuttaa täysin ilman artikkelien käyttöä Sivujen avulla. Artikkelit ovat kuitenkin helpoin tapa luoda uutta sisältöä ilman, että aikaisempaa sisältöä tarvitsee muuttaa. Artikkelien luominen ja muokkaaminen toimii samalla tavalla kuin Sivun. Mikäli haluat, niin Artikkeleihin voidaan tehdä muutamia lisämäärityksiä oikeasta sivupalkista. 12

Artikkelien lisämääritykset Muoto Voit valita artikkelille muodon: Normaali, Video, Ääni, Galleria tai Kuva. Nämä eivät juuri vaikuta artikkeliin, joten normaali valintaa voit käyttää aina. Mikäli sivun sisältö on yksinomaan videota, kuvaa, ääntä jne. voit valita myös oikean muodon. Kategoria Kategoriat eivät ole pakollisia. Voit lisätä artikkeleihisi erilaisia kategorioita. Kategoria näkyy artikkelisi otsikon jälkeen ja sen avulla voi esim. hakea samankaltaisia artikkeleita sivultasi. Avainsanat Avainsanat eivät ole pakollisia. Voit lisätä artikkeliisi avainsanoja, jotka parantavat hakukonenäkyvyyttä ja kuvaavat tarkemmin sivusi sisältöä. Artikkelikuva Artikkelikuvan avulla voi lisätä yhden kuvan, joka sijoitetaan artikkelin vasempaan yläkulmaan. Sama kuva näkyy etusivulla artikkelin vieressä. 13

1.3 Ulkoasu Voit vaikuttaa tiettyihin ulkoasun osiin sivustollasi. Näihin ei kannata koskea, mikäli et tiedä mitä teet. Ulkoasu pääset muokkaamaan Ulkoasu valikosta, jossa on neljä oleellista kohtaa: Mukauta: mukauta valikon kautta siirryt tilaan jossa pystyt muokkaamaan sivun Värejä, logoja, asettelua ja taustakuvaa Vimpaimet: Vimpaimilla muokkaat sivupalkin sisältöä Valikot: Valikoilla muokkaat sivustosi ylävalikkoa ja muita valikoita (käsitelty Sivut, osiossa) Tausta: Taustalla voit muokata sivun yläosan taustakuvaa Mukauta Mukauta-valikosta siirryt sivustosi etusivulle, jonka oikealle puolelle ilmestyy muokkausvalikko. Sivuston otsikko ja kuvaus: Voit muokata sivustosi nimeä ja kuvausta. Nämä ovat metatietoja, eivätkä normaalisti näy sivustolla. Värit: Valikosta voit muokata sivuston otsikko-osion taustaväriä ja linkkien värejä Logo: Logo valikosta voit muokata niin yläosan (header) kuin alapalkin (footer) logoja. Asettelu: Asettelu kohdasta voit muokata koko sivuston osalta sivupalkin käyttöä. Kaksi palstaa on oletus ja se tulee muuttaa vain perustellusta syystä. Taustakuva: Taustakuvan kohdalta voit muokata yläosan taustakuvaa ja sen toistuvuutta, sijaintia ja asettelua. Hakukenttä: Voit määrittää näytetäänkö hakukenttää sivuillasi. Navigointi: Tästä kohdasta voit valita mitä valikkoja sivulla käytetään. Valitse Bonsai-päävalikko kohtaan tekemäsi päävalikkoa, mikäli se ei siinä vielä ole. Staattinen etusivu: Tällä valinnalla voit päättää onko sivustosi etusivu staattinen vai onko etusivu se, johon kirjoittamasi artikkelit ohjataan. Mikäli valitset staattisen etusivun, valitse mikä sivu on etusivuna ja mille sivulle artikkelisi ohjataan. 14

Vimpaimet Vimpaimet sivulla voit muokata sivupalkkisi toimintoja ja alapalkkia. Etusivun vimpaimet näkyvät vain etusivulla Yleiset vimpaimet näkyvät kaikilla muilla sivuilla Alapalkki 1 hallitsee keskikohtaa alapalkissa (tähän ei normaalisti tarvitse tehdä mitään) Alapalkki 2 muokkaat alapalkin oikeaa reunaa (tähän ei normaalisti tarvitse tehdä mitään) Vimpaimia voi vapaasti valita, raahata ja pudottaa sivupalkkeihin. Vimpaimia useita ja niitä voi vapaasti kokeilla. Seuraavat Vimpaimet voivat olla hyödyksi: Teksti: Voit kirjoittaa vapaasti mitä vain tekstiä sivupalkkiin Arkistot: Näyttää artikkeliesi arkiston kuukausittain Viimeisimmät artikkelit: Voit valita kuinka monta viimeisintä artikkeli näytetään bonsai-banner-widget: Näyttää sivupalkissa määrittämäsi bannerit Facebook Like Box: Määritä facebook-sivujesi seinä näkyviin sivupalkissa Bonsai-video-widget: Lisää youtube-video helposti sivuillesi (videon ID:llä) Mukautettu valikko: Lisää sivupalkkiin tekemäsi valikko 15

1.4 Banner ja 1.5 Carousel Banner valikon avulla voit hallita sivupalkissa (bonsai-banner-widget) näkyviä bannereita. Voit joko lisätä uusia tai muokata vanhoja sivuja. Voit poistaa (roskakoriin) vanhoja bannereita, niin ne eivät näy sivuilla Bannerin määrittämisessä on neljä eri vaihetta: 1) Syötä otsikko: Otsikko näkyy vain sinulle bannerivalikossa 2) Määritä osoite, johon banneri osoittaa 3) Määritä artikkelikuva: Tämä kuva näkyy sivupalkissa. Bannerikuvan tulisi olla valmiiksi suurin piirtein oikean kokoinen. Kuvan leveys on n. 340px 4) Julkaise uusi banneri Carousel (Etusivun kuvakaruselli) kuvat määritellään samalla tavalla kuin bannerit. 16

Muuta Youtube videot Wordpress tukee videoiden automaattista upotusta sivuille. Tämä tapahtuu kopioimalla halutun Youtube videon osoitteen sellaisenaan sivun tai artikkelin tekstiin. Linkki tulee hakea kokonaisuudessaan (http://www.youtu...) ja kirjoittaa omalle riville ilman minkäänlaista muotoilua. Tämä kannattaa tehdä ns. teksti-ikkunassa, eikä Graafisessa ikkunassa. Mikäli youtube videon upotus ei jostain syystä toimi, niin videokuvan paikalla näkyy osoiterivi youtubeen. Käyttäjät pääsevät siis joka tapauksessa oikeaan osoitteeseen.. 17