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

wp

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 eravat blogiartikkeleista siten, että sivut ovat navigointipalkista löytyviä, staattisempia kokonaisuuksia ja artikkelit taas ovat esimerkiksi blogipäivityksiä, uutisia tai mitä tahansa julkaistavaa sisältöä.

Jokaisella sivulla on 1 alue, johon sisätöä 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 soite, joka lisätään navi-valikkoon.

- Asemointiin tarkoitettuja elementtejä ovat mm. seuraan 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 medikirjastoon. 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 plugin on yleensä pieni ohjelmanpätkä, joka asennetaan WordPress-asennuksesi päälle. Lisäosalla voi tuoda WordPressiin lisäominaisuuden, kuten esimerkiksi: varmuuskopiot, lomakkeita, Google-mapsia, Instagram upotuksia, hakukone-optimoinnin, tms.

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. Yoast SEO on yksisuosituimmista WordPress-plugeista hakukone optimointiin. Sen avulla voit parantaa sivujesi hakukonenäkyvyytta mm. lisäämalla sivukohtaisia sivun kubvaus ja avainsanatietoja sekä parantamaan sivun sisällöllistä hakukone ystävällisyyttä.

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

 

Sivuston siirto toiseen www-hotelliin eli migraatio

Linkki opastus sivulle