WordPress-perusteet

Tämä sivu käy läpi WordPressin perusasiat: miten kirjaudut sisään, miten muokkaat ja julkaiset sivun, mistä kuvat ja valikot löytyvät ja mistä sivuston yhteystiedot muutetaan. Kun nämä ovat hallussa, siirry lohko-oppaaseen — siellä käydään läpi itse sisällön rakentaminen.

Hallintaosoite ja tunnukset

Sivustosi kirjautumisosoite, käyttäjätunnus ja muut sivustokohtaiset tiedot toimitetaan sinulle erikseen omana suojattuna tiedostonaan. Niitä ei koskaan julkaista täällä, koska tämä sivusto on yhteinen kaikille asiakkaille.

Kirjautuminen

Avaa saamasi hallintaosoite selaimessa ja kirjaudu sisään sähköpostiosoitteellasi tai käyttäjätunnuksellasi.

Unohtuiko salasana? Klikkaa kirjautumislomakkeen alta Unohditko salasanasi? — WordPress lähettää sähköpostiisi linkin, jolla asetat uuden. Tämä on aina turvallisin tapa: salasanaa ei tarvitse säilyttää missään tiedostossa eikä lähettää viestillä.

Pysy kirjautuneena: rastita kirjautuessa Muista minut, niin et joudu kirjautumaan uudelleen joka kerta. Älä käytä tätä yhteiskäytössä olevalla tietokoneella.

Hallintapaneelin tärkeimmät kohdat

Vasemmasta reunasta löytyvä valikko on sivuston päänavigaatio. Käytännössä tarvitset näistä muutamaa:

Valikko	Englanniksi	Mihin tarvitset
Sivut	Pages	Kaikki sivuston sivut — etusivu, majoitus, yhteystiedot jne. Täältä muokkaat sisältöä.
Artikkelit	Posts	Blogiartikkelit. Vain jos sivustollasi on blogi.
Media	Media	Kaikki sivustolle ladatut kuvat ja tiedostot yhdessä paikassa.
Ulkoasu → Valikot	Appearance → Menus	Yläreunan navigaatiovalikon sisältö ja järjestys.
Ulkoasu → Mukauta	Appearance → Customize	Yhteystiedot, some-linkit ja muut koko sivuston laajuiset tiedot.
Asetukset	Settings	Sivuston nimi, aikavyöhyke, blogin asetukset. Näihin tarvitsee koskea harvoin.

Suomeksi vai englanniksi?

Yllä on molemmat nimet, koska hallintapaneelin kieli riippuu siitä, mikä sivustollesi on asetettu. Voit vaihtaa kielen kohdasta Käyttäjät → Profiili → Kieli. Huomaa, että osa sivuston omista asetuksista näkyy aina englanniksi, vaikka WordPress muuten olisi suomeksi — nämä on merkitty erikseen alla.

Sivun muokkaaminen ja julkaiseminen

1. Mene kohtaan Sivut ja klikkaa sen sivun nimeä, jota haluat muokata.
2. Tee muutokset (katso lohko-opas siihen, mitä sisältöä voit lisätä).
3. Paina oikeasta yläkulmasta Päivitä (Update) — tai Julkaise (Publish), jos sivu on vielä luonnos.

Mikään ei näy kävijöille ennen tallennusta. Voit muokata sivua rauhassa niin kauan kuin haluat; muutokset menevät julki vasta painikkeesta.

Esikatselu: Esikatsele (Preview) avaa sivun uuteen välilehteen sellaisena kuin se julkaisun jälkeen näyttäisi. Kannattaa käyttää aina isompien muutosten jälkeen — ja tarkistaa myös mobiilinäkymä, jonka saat esikatselun valikosta.

Peruminen: yksittäisen muutoksen peruu Kumoa-nuoli (Undo) tai näppäinyhdistelmä Cmd/Ctrl + Z. Jo tallennetun sivun saa palautettua aiempaan versioon sivupalkin kohdasta Versiot (Revisions) — WordPress tallentaa jokaisen päivityksen automaattisesti.

Vinkki

Jos teet ison uudistuksen sivulle, tee ensin kopio: Sivut-listalla vie hiiri sivun päälle ja valitse Monista (jos toiminto on käytössä), tai luo uusi sivu ja rakenna se rauhassa luonnoksena. Näin nykyinen sivu pysyy kävijöille ehjänä koko työn ajan.

Kuvat ja mediakirjasto

Kaikki lataamasi kuvat päätyvät Mediaan, josta ne voi käyttää uudelleen millä tahansa sivulla — samaa kuvaa ei tarvitse ladata kahdesti.

Ennen kuin lataat kuvan:

• Koko: noin 2000 pikseliä leveä riittää isoillekin taustakuville. Suoraan puhelimesta tai järjestelmäkamerasta tulevat kuvat ovat usein moninkertaisia, ja ne hidastavat sivuston latautumista huomattavasti. Pienennä kuva ennen lataamista.
• Tiedostomuoto: JPG valokuville, PNG logoille ja läpinäkyvää taustaa vaativille kuville.
• Tiedostonimi: anna kuvalle kuvaava nimi (jarvimaisema-kesa.jpg) ennen lataamista — se on parempi hakukoneille kuin IMG_4821.jpg.

Vaihtoehtoinen teksti (Alt text) on lyhyt sanallinen kuvaus siitä, mitä kuvassa näkyy. Sen lukee ruudunlukuohjelma näkövammaiselle kävijälle, ja se näytetään myös silloin, jos kuva ei jostain syystä lataudu. Täytä se aina, kun kuva välittää jotain tietoa; puhtaasti koristeellisen kuvan voi jättää tyhjäksi.

Vinkki

Kuvan poistaminen mediakirjastosta poistaa sen kaikilta sivuilta, joilla sitä on käytetty — myös niiltä, joita et juuri silloin muista. Jos et ole varma, jätä kuva mediakirjastoon: se ei näy kävijöille eikä haittaa mitään.

Valikot

Yläreunan navigaatiota muokataan kohdasta Ulkoasu → Valikot (Appearance → Menus).

• Sivun lisääminen: valitse vasemmalta Sivut, rastita haluamasi sivu ja paina Lisää valikkoon.
• Järjestys: raahaa valikkokohtia ylös tai alas.
• Alavalikko: raahaa kohtaa hieman oikealle toisen kohdan alle — siitä tulee pudotusvalikon kohta. Sivustosi tukee yhtä alavalikkotasoa, eli valikko → alavalikko. Sitä syvemmälle meneviä tasoja ei näytetä.
• Muista lopuksi Tallenna valikko.

Alavalikko aukeaa tietokoneella, kun viet hiiren päävalikon kohdan päälle, ja puhelimessa, kun napautat kohdan vieressä olevaa nuolta. Päävalikon kohta itsessään toimii aina myös linkkinä omalle sivulleen.

Vinkki

Pidä päävalikko lyhyenä — 4–6 kohtaa on hyvä määrä. Jos kohtia on paljon, ne rivittyvät kahdelle riville, mikä toimii teknisesti mutta näyttää levottomalta. Siirrä harvemmin tarvittavat sivut alavalikkoon tai alatunnisteeseen.

Sivupohjat

Useimmat sivut rakennetaan tyhjästä lohkoilla. Kahdelle sivutyypille on kuitenkin valmis pohja, joka hoitaa ulkoasun puolestasi. Pohja valitaan sivun muokkaustilassa oikean sivupalkin Sivu-välilehdeltä kohdasta Malli (Template):

• Narrow page with Header image — kapea tekstisivu, jossa on yläreunassa kuva. Sopii pitkiin tekstisivuihin: varausehdot, tietosuojaseloste, peruutusehdot. Yläreunan kuvaksi tulee sivun Artikkelikuva (Featured image), jonka asetat samasta sivupalkista. Jos artikkelikuvaa ei aseta, sivu näkyy ilman kuvaa.
• Contact page — yhteystietosivu. Tämä pohja hakee puhelinnumeron, sähköpostin, osoitteen ja some-linkit automaattisesti sivuston asetuksista (katso seuraava kohta), joten niitä ei kirjoiteta sivulle käsin.

Kaikkien muiden sivujen kohdalla jätä malliksi oletus.

Nimet näkyvät englanniksi

Sivupohjien nimet näkyvät valikossa englanniksi, vaikka WordPress muuten olisi suomenkielinen. Etsi siis tuosta listasta juuri yllä olevat englanninkieliset nimet.

Yhteystiedot, some ja muut sivuston laajuiset tiedot

Puhelinnumero, sähköposti ja some-linkit toistuvat sivustolla monessa paikassa: alatunnisteessa, yhteystietosivulla ja osassa lohkoja. Siksi niitä ei kirjoiteta jokaiselle sivulle erikseen, vaan yhdestä paikasta kerran — silloin ne päivittyvät kaikkialle yhtä aikaa.

Mene kohtaan Ulkoasu → Mukauta (Appearance → Customize) ja avaa Webia-osio. Sieltä löytyvät:

Osio	Mitä sisältää
Contact information	Email, Phone, Street, Town, Zip Code, Business ID (Y-tunnus)
Social media	Facebook, Instagram, Youtube, TikTok, Twitter, LinkedIn
E-invoicing	E-invoice address (OVT), E-invoice operator, E-invoice operator ID
Copyright and analytics	Alatunnisteen tekijänoikeusteksti sekä Google Analytics -seurantakoodi

Muutokset näkyvät heti Mukauta-näkymän esikatselussa. Ne tulevat voimaan vasta, kun painat yläreunasta Julkaise (Publish).

Nämä kentät ovat englanniksi

Yllä olevat osioiden ja kenttien nimet näkyvät englanniksi myös suomenkielisessä hallintapaneelissa. Kenttiin kirjoittamasi sisältö näkyy sivustolla tietysti juuri sellaisena kuin sen kirjoitat.

Vinkki

Some-kenttiin riittää pelkkä käyttäjätunnus, ei koko osoitetta. Jos jonkin palvelun kentän jättää tyhjäksi, kyseistä kuvaketta ei näytetä sivustolla lainkaan — eli tyhjä kenttä ei koskaan jätä sivulle rikkinäistä linkkiä.

Mitä kannattaa välttää

Sivustosi on rakennettu sinua varten valmiiksi, ja normaali sisällön muokkaaminen on täysin turvallista — et voi rikkoa mitään kirjoittamalla tekstiä tai vaihtamalla kuvaa. Muutama kohta hallintapaneelissa kannattaa silti jättää rauhaan:

• Älä asenna tai poista lisäosia (Plugins) kysymättä ensin. Osa sivustosi toiminnoista on lisäosien varassa, ja väärän poistaminen voi rikkoa sivuja. Uudet lisäosat taas voivat olla ristiriidassa nykyisten kanssa.
• Päivitykset: jos hallintapaneelissa näkyy ilmoitus saatavilla olevasta päivityksestä, katso ensin Ylläpito ja päivitykset — se kertoo, kuuluuko päivittäminen sinulle vai meille.
• Älä vaihda teemaa (Appearance → Themes). Sivuston koko ulkoasu ja kaikki Webia-lohkot ovat nykyisen teeman varassa.
• Älä muokkaa tiedostoja suoraan hallintapaneelin koodieditorissa.
• Älä muuta pysyvien osoitteiden asetusta (Settings → Permalinks) — se muuttaa kaikkien sivujen osoitteita kerralla ja rikkoo olemassa olevat linkit.
• Älä poista käyttäjätiliäsi tai vaihda sen roolia.

Jos jokin menee pieleen

Ota yhteyttä — älä yritä korjata tilannetta poistamalla ja luomalla uudelleen. Useimmat ongelmat saa palautettua nopeasti, jos kukaan ei ole ehtinyt tehdä päälle lisää muutoksia. Kerro mahdollisimman tarkasti, mitä olit tekemässä ja mitä tapahtui.