Wordpress
WordPress on yleisin avoimen koodin julkaisualusta ts. maksuton sellainen. Aluksi wordpress oli blogialusta, mutta nykyään sitä käytetään tavanomaisena www-sivuston julkaisujärjestelmänä.
WordPress tallentaa sillä tuotetun sisällön erikseen tietokantaan ja sivuston ulkoasua hallinnoidaan teemojen avulla. Sivustoa muokataan ja hallinnoidaan WP:n selain käyttöliittymän avulla.
Muita julkaisualustoja :
Wix
Weebly
Joomla!
Drubal
Webnode
Webflow (for designers)
Shopify (verkkokauppa-alusta)
Opencart (verkkokauppa-alusta)
WordPressistä on olemassa kaksi versiota:
A. WordPress.com, jonne kirjaudutaan ja avataan blogi wordpress-osoitteen alle.
B. Oikea Wordpress on avoimeen lähdekoodiin perustuva julkaisualusta, jonka voi ladata omalla sivustolleen ja ylläpitää sitä itse.
A. Wordpress wordpressin palvelimelle
1.Kirjoita selaimeesi osoite http://www.wordpress.com
2. Blogi on tehty
3. Muokkaa sitä
Millainen se on?
- Perusominaisuudet -helppo hallinta
- Ei voi muokata mitään koodia
- Suuri ulkoasuvalikoima
B. Wordpressin asennus web-hotelliin
1. Lataa wordpress-asennustiedosto omalle koneellesi.
2. Pura lataamasi ZIP-tiedosto
3. Siirrä FTP-ohjelmalla wordpress weppihotelliin omaan kansioosi
4. Valmistautu antamaan seuraavat tietokannan tiedot:
- tietokannan nimi
- tietokannan käyttäjänimi
- salasana
5. Asenna wordpress web-palvelimelle menemällä web-selaimella asennuskansioon ja aloittamalla asennus
6. Anna asennusohjelmalle tietokannan tiedot eli:
- tietokannan nimi
- tietokannan käyttäjätunnus
- salasana
7. Keksi omalle Wordpressille admin-tunnus, sen salasana, ja toimiva email-osoite
8. Asennus on valmis
Millainen se on?
- Paljon ominaisuuksia ja asetuksia
- Saatavilla tuhansittain ilmaisia lisäosia (lisäominaisuuksia)
- Helppo ja yksinkertainen hallinta
- Tuhansittain ilmaisia ulkoasuja (teemoja) saatavilla
- Ulkoasuja voi muokata haluamallaan tavalla (CSS- ja PHP-koodi)
- Alusta täysin ilmainen (webhotelli maksaa)
- Tarvitsee webhotellin ja tietokannan
Sivuston tekeminen
Wordpressillä voidaan tehdä :
A. Blogimaista sisältöä
B. Perinteinen hierarkinen www-sivusto
Seuraavassa käsitellään vain www-sivumaista sisällöntuotantoa.
Sivuston sivut muodostuvat 3:sta osasta:
Ulkoasu, header, footer, valikot määritellään teeman muokkaimessa ( Ulkoasu/Mukauta ).
Varsinaiset sivu eli headerin ja footerin välinen sisältö taas tuotetaan sivu-editorissa (Pages).
Wordpressin sivueditori ei ole mikään WYSIWYG-editori, joten sivun etenemisen esikatselu kannattaa suorittaa toisen selaimen selainikkunassa, jonne sivusto on avattu.
1. Ohjausnäkymä
Täällä tapahtuu järjestelmän hallinnointi ja sisällöntuotanto. Wordpressin perusasetusten teko tehdään kohdasta Settings, ja sieltä voidaan:
- valita tehdäänkö blogimaista sisältöä vai pysyvä www-sivusto
- muuttaa päiväyksen ja kellonajan muoto
- vaihtaa ohjauspaneelin kieli
- muuttaa sivuston osoiterakenne ( valitse Post name kohdasta Permalinks ).
2. Teemat
Sivuston ulkoasu määritellään etupäässä teeman avulla. Teema määrittelee, miltä tuottamasi sisältö näyttää sivustollasi vieraileville. Teemat voivat olla valmisteemoja, ilmaisia tai maksullisia tai sitten itsetehtyjä teemoja. Teeman sisällä ulkoasua pystytään mukauttamaan jonkin verran, riippuen teemasta.
Teemat asennetaan ja vaihdetaan Ohjausnäkymän kohdasta Ulkoasu/Teemat.
Teema valitaan alussa, eikä sitä yleensä vaihdeta muuten kuin uusimalla sivusto.
Teemoissa on jokaisessa oma logiikkansa ulkoasun asetteluun ja ne tuovat mukanaan omat asetuksensa ja valikkonsa kohtaan Ulkoasu/Mukauta. Valmiin teeman opetteluun kannattaa varata oma aikansa. Toistuvissa projekteissa saman teeman käytöstä saa parhaan hyödyn, kun sen käytön on oppinut sujuvasti.
3. Gutenberg-sivueditori (Pages)
Sivuja tehdään sivustoeditorilla. Sivuthan eroavat blogiartikkeleista siten, että sivut ovat navigointipalkista löytyviä, staattisempia kokonaisuuksia ja artikkelit taas ovat esimerkiksi blogipäivityksiä, uutisia tai mitä tahansa julkaistavaa sisältöä, jota voidaan myös kommentoida.
Jokaisella sivulla on 1 alue, johon sisältöä aletaan muokata. Gutenberg-sivueditorissa ei voida esikatsella sivua, vaan se on tehtävä toisessa selainikkunassa.
- Gutenbergillä sivu koostetaan lohkoista (block). Lohkot ovat asemointi- tai sisältö-elemettejä.
- Sivun otsikosta tulee sivun osoite, joka lisätään navi-valikkoon.
- Asemointiin tarkoitettuja elementtejä ovat mm. seuraavan kuvan punaisella rajatut elementit. Muut ovatkin pääosin kuva-, teksti-, muotoilu-, lista tai upotus-elementtejä tuottavia painikkeita, ts. niillä tuotetaan sisältöä sivulle.
- Sivu siis rakennetaan lohkoista, joilla on haluttu sisältö tai niiden sisälle sijoitetaan haluttu sisältö.
- Sarakkeilla (columns) elementtejä voidaan asemoida rinnakkain. Sarakkeiden määrää ja leveyttä voidaan säädellä oikaelle avautuvasta lohkon-asetukset paneelista. Tietysti lohkon täytyy olla tällöin aktiivinen.
- Sarakkeiden toimivuudessa on vielä toivomisen varaa, ja etenkin niiden responsiivisuus ontuu (sitä joutuu vielä säätelemään omilla css-säännöillä).
- Elementtejä voidaan järjestellä uudelleen joko rahaamalla tai ylös/alas painikkeella.
4. Mediakirjasto
Mediakirjasto on se paikka, johon kaikki lataamasi kuvat, videot ja esimerkiksi pdf-tiedostot keräytyvät. Media-tiedostoja voi lisätä ja muokata joko ohjausnäkymän kohdassa Media tai yksinkertaisesti lisäämällä kuvan artikkelin tai sivun kirjoittamisvaiheessa.
Kun sivulle lisätään kuva, sen täytyy olla mediakirjastossa, tai sitten sen voi samalla ladata mediakirjastoon. Mediakirjastossa kuvaa voi hieman muokkailla ts. rajata, pyörittää, skaalata, peilata. Kuvalle kannattaa antaa alt-teksti jo mediakirjastossa.
Kuvat pitää kumminkin muokata ennen kuvakirjastoon tuomista oikeanlaisiksi kuvankäsittelyohjelmassa, vaikkapa Photoshopissa. Kuvat tallentuvat palvelimen uploads-kansioon tuontiajankohdan mukaan.
5. Sivun rakenne
Wordpress sivuilla on vain 1 sisältökenttä, johon sivua lähdetään rakentamaan. Sivun lay-out on teeman mukainen.
Sivulla voi olla valintasi mukaan 1 - 2 sidebaria, joihín voit laittaa widgettien avulla tuotua rajoitettua sisältöä.
6. Pluginit eli lisäosat
Lisäosa, eli plugi on koodinpätkä ja se asennetaan WordPressiin tuomaan jonkin tarpeellisen lisäominaisuuden. Koodi voi siis olla rivin tai parin mittainen tai kokonainan sovellus, joka tuo jonkin lisäominaisuuden tai yhteyden ulkopuolisiin palveluihin. Plugit poistavat käyttäjältä koodaamisen tarpeen.
Seuraavassa listassa lueteltu muutamia yleisimpiä plugeja:
- Lomake - Contact Form 7
- Varmuuskopiointi - UpdraftPlus
- Galleria - Modula
- Evästeilmoitus - Cookie notice
- SEO - Yoast SEO
- Verkkokauppa - WooCommerce
- Sivueditori - Elementor
- Kieliversiot - Polylang
- Kävijäseuranta - Google Analytics
Lisäosat asennetaan ja poistetaan Ohjausnäkymän kohdasta Lisäosat, niiden asetuksia säädetään joko Ohjausnäkymän kohdasta Asetukset tai lisäosan mukana asentuvasta, lisäosan omasta ohjausnäkymän kohdasta.
7. Seo eli hakukoneoptimointi
Yoast SEO Hakukoneoptimointi auttaa sinua saamaan lisää kävijöitäverkkosivustollesi. WordPress on SEO-ystävällinen alusta, mutta voit silti parantaa verkkosivustosi google-sijoitusta.
Hakutulokset perustuvat pisteytykseen
Hakukone pisteyttää hakemistosta löytämänsä sivut algoritmiensa mukaan, ja sivuston sijoitus perustuu sen saamiin “pisteisiin”. Algoritmit muuttuvat jatkuvasti eikä Google paljasta kaikkia hakualgoritmiin vaikuttavia seikkoja.
Hakukone kiinnittää huomiota sivuston sisaltoon, käytettävyyteen, luotettavuuteen ja sijaintitietoihin. Hakukoneoptimointi on jatkuvaa proessi, joka ei lopu, kun sivusto on kerran “optimoitu”.
Milloin perusasiat on kunnossa?
1. Sisältö on hakukoneoptimoinnissa kaiken A ja O. Jos sivuston aihe ei kiinnosta ketään, ei siellä silloin ole kävijöitäkään. Sen lisäksi sisällön pitää olla luettavaa ja ennen kaikkea ymmärrettävää. Kun ihminen ymmärtää ja löytää tekstin, niin tekevät myös hakukoneet.
2. Hakusanat. Mieti, millä hakusanoilla käyttäjät, joiden haluat vierailevan sivustollasi, hakevat . Sisältöä suunnitellessa on mietittävä millä hakusanalla haluat juuri tämän sisällön löytyvän. ota hakusanoissa huomioon maantieteellinen sijainti.
3. Extrasisaltö. Jaa ilmaiseksi muille tarpeellista sisältöä. Tällä saat lisää kävijöitä, joka taas antaa lisää pisteitä Googlelta.
4. SSL. Tarkista, että sivustosi sisältää mm. SSL-sertifikaatin, josta kertoo https-alkuinen osoite tai riippulukkokuvake osoiterivillä.
5. Selkeä osoite. Huolehdi myös, että sivustollasi on selkeät url-osoitteet, sillä ne helpottavat sekä kävijän navigointia että hakukoneen toimintaa, kun se lukee sivustoasi.
6. Latautuminen. Latautuuko sivustosi nopeasti ja onko sen käytettävyys kunnossa? Sivustoa voivat hidastaa esimerkiksi suuret kuvakoot tai koodin hidas latautuminen.
7. Responsiivisuus. Käytettävyysongelmat voit välttää tekemällä sivustosta responsiivisen ja varmistamalla, että se näyttää samalta joka selaimessa.
Sivuston optimointi Yoast-plugilla
Yoast SEO on yksi suosituimmista WordPress-plugeista hakukone optimointiin. Sen avulla voit parantaa sivujesi hakukonenäkyvyytta mm. lisäämällä sivukohtaisia sivunkuvaus ja avainsanatietoja sekä parantamaan sivun sisällöllistä hakukone ystävällisyyttä.
Toimenpiteet käytännössä
1. SEO title: otsikko, joka näkyy hakukoneille ja selaimelle. SEO-titleen tulisi valita sisältöä mahdollisimman hyvin ja tiiviisti kuvaava otsikko. Google-hakutuloksen lisäksi tämä otsikko näkyy siis myös selaimen tai välilehden osoiterivillä
2. Slug: Sivun polkutunnus. Tämä on siis sivun osoite, se millä sivu tulee linkkiin näkyviin. Tähän kannattaa valita mahdollisimman tiivis ja sivua kuvaava sana, sanapari tai lause.
3. Meta description: Lyhyt kuvaus, joka kertoo ainoastaan hakukoneelle mistä artikkelissa on kysymys. Tähän kohtaan mahtuu vain 150-160 merkkiä, loput leikkaantuu ulkopuolelle, siksi kannattaa jälleen pitää pituus vihreän indikaattorin sisällä. Tässäkin kuvauksessa olisi hyvä esiintyä halutut hakusanat, kuitenkin luettavassa muodossa lauserakenteen sisällä.
8. Muut toiminnot
Verkkosivujen rakentainen WordPress- valmisteemalle?
Visuaalisesti valmisteemat ovat usein näyttäviä. Kun teemoihin tutustuu ja niillä sivustoja yrittää rakentaa, huomaa että joutuu tekemään kompromisseja suunniteltujen sisältöjen ja rakenteen kohdalla, sekä teknisiä haasteita voi alkaa kasaantua. Valmisteemassa joudut sopeuttamaan sisältösi teeman rakenteeseen ja ulkoasuun.
Kun taidot ovat riittävät, voit laatia itse oman teeman. Aloitusteeman voi rakentaa alusta asti itse, tai oman teeman voi kustomoida olemassa olevan aloitusteeman pohjalta. Teeman teon voi aloittaa esim. underscores.me sivuston aloitus teemallla. Kussakin tilanteessa järkevin lähestymistapa riippuu valituista vaatimuksista sekä kehittäjän taitotasosta.
Sivustonkävijä analytiikka
Google Analytics kävijäseurantaan on tarjolla useita maksullisia sekä ilmaisia lisäosia, joilla lsätään seurantakoodi sivustolle. Tietyt plugarit tarjoavat parempia ominaisuuksia ja näyttävät kävijäseurannan tiedot suoraan WP hallintapaneelissa. Jos seuraa kävijä dataa Google Analyticsin omassa kävijäseurantaohjelmassa, riittää pelkän seurantakoodin lisääminen WordPressiin.
Verkkokauppa WooCommerce-lisäosalla
WooCommerce-lisäosa on yleisin vaihtoehto verkkokaupan toteuttamiseen WordPress-alustalle. Siihen löytyy runsaasti verkkokaupan toiminnallisuuksia laajentavia lisämoduuleja, sekä tuki kaikille yleisille maksu- ja toimitustavoille. WooCommerce on monipuolinen ja skaalautuva verkkokaupparatkaisu.
Varmuuskopiointi
UpdraftPlus – Backup/Restore Tällä voit tehdä varmuuskopiot kaikesta sivustosi sisällöstä, myös teemoista ja lisäosista.
Päivitykset