5 helppoa askelta WordPress-nettisivujen rakentamiseen

Oletko suunnittelemassa kotisivujen perustamista yrityksellesi? Olet ehkä kuullut suositusta WordPress-sisällönhallintaohjelmistosta, jonka avulla voit helposti rakentaa juuri sinulle sopivat kotisivut. Tässä artikkelissa esittelemme, kuinka verkkosivuston pystytys onnistuu helposti vain viidellä askeleella.

1. Hanki webhotelli WordPress-sivustoasi varten

1. Valitse sopiva webhotellipalvelu oman tarpeesi mukaan. Oikean paketin valintaan vaikuttaa mm. sivuston koko. Suuri verkkokauppa, jossa on paljon tuotteita ja liikennettä tarvitsee monipuolisemman paketin kuin pienemmän paikallisen yrityksen nettisivut.
2. Varmista, että webhotelli tukee WordPress-asennusta, mikäli haluat verkkosivustosi WordPressille, kuten valtaosa verkkosivuista on. Meiltä saat WordPressin valmiiksi asennettuna tai voit asentaa sen itse parilla klikkauksella.
3. Rekisteröi verkkotunnus (domain) eli sivustosi nettiosoite (www.yritys.fi). Useimmiten tämän voi tehdä samalla kun ostat webhotellin ja onkin fiksua ostaa molemmat samalta palveluntarjoajalta, jotta sivujen hallinta ja laskutus on selkeää ja samassa paikassa.
4. Kirjaudu sisään webhotellisi hallintapaneeliin. Saat tunnukset sähköpostiisi tilauksen jälkeen.

2. Asenna sivurakentaja eli page builder

Kun olet saanut webhotellin käyttöösi ja WordPressin asennetuksi, on aika valita sinulle sopiva sivurakentaja.

Elementor

Elementor on noussut yhdeksi suosituimmista WordPress-sivurakentajista sen monipuolisuuden ja helppokäyttöisyyden ansiosta. Ilmaisversiossa saat käyttöösi kätevän drag and drop -käyttöliittymän sekä yli 30 peruselementtiä, joiden avulla rakennat toimivan sivuston erittäin helposti. Muokkaukset näkyvät reaaliajassa, mikä helpottaa sivuston suunnittelua huomattavasti. Elementorin maksullinen Pro-versio tarjoaa esimerkiksi teemarakentajan, lomaketyökalut, popup-toiminnallisuuden ja WooCommerce-integraatiot. Elementorin selkeä vahvuus on sen laaja käyttäjäyhteisö ja runsas ohjeistus myös suomeksi, mikä tekee siitä erinomaisen valinnan aloittelijalle.

Divi Builder

Divi Builder erottuu erityisesti sen valtavalla valikoimalla valmiita sivupohjia, joita on yli 800. Se tarjoaa visuaalisen muokkauksen ja sisältää hyödyllisen A/B-testauksen, jolla voit verrata eri versioiden toimivuutta. Divi sopii erityisesti sinulle, jos arvostat valmiita designeja ja haluat maksaa vain yhden ikuisesti voimassa olevan lisenssin ilman jatkuvia kuukausimaksuja. Huomioithan kuitenkin, että Divi voi olla hieman raskaampi kuin muut vaihtoehdot, mikä saattaa vaikuttaa sivuston latausnopeuteen.

Gutenberg

WordPress-järjestelmän mukana tuleva Gutenberg-editori kehittyy jatkuvasti ja tarjoaa yhä enemmän sivurakentajan ominaisuuksia ilman lisäkuluja. Se perustuu lohkopohjaiseen muokkaukseen, joka on intuitiivinen käyttää. Gutenbergin suurin etu on sen maksuttomuus ja saumaton integraatio WordPress-järjestelmään, mikä tekee siitä kevyen ja nopean vaihtoehdon. Se sopii erinomaisesti yksinkertaisempiin sivustoihin ja blogeihin. Jos budjettisi on tiukka ja tarpeesi maltilliset, Gutenberg saattaa olla juuri sinulle riittävä työkalu – etenkin kun sen ominaisuudet laajenevat jokaisessa WordPress-päivityksessä. Gutenbergia sinun ei tarvitse erikseen asentaa.

Näin asennat page builderin

1. Kirjaudu WordPress-hallintapaneeliin – osoite on yleensä sinunsivusi.fi/wp-admin
2. Mene Lisäosat-osioon vasemmasta sivupalkista ja valitse ”Lisää uusi”
3. Hae Elementoria tai jotain toista sivurakentajaa hakukentässä ja paina ”Asenna nyt” sen kohdalla
4. Aktivoi sivurakentaja asennuksen jälkeen

3. Teeman valinta

WordPress-teema määrittelee sivustosi ulkoasun ja perusrakenteen. Se on pohja, joka määrittää sivustosi värit, fontit, asettelun ja yleisilmeen. Teema vaikuttaa siihen, miten sivustosi näyttäytyy käyttäjille kaikilla sivuilla – se on kuin rakennuksen arkkitehtuuri, jonka päälle sisältö asetetaan.

Mitä huomioida teeman valinnassa?

Tarkoitus ja käyttö

Valitse teema sivustosi käyttötarkoituksen mukaan. Verkkokaupalle, blogille ja yrityssivustolle on omat erikoistuneet teemansa, jotka sisältävät juuri niille sopivia ominaisuuksia.

Responsiivisuus

Varmista, että teema näyttää hyvältä kaikilla laitteilla. Nykyään mobiilinäkymä on usein jopa tärkeämpi kuin tietokonenäkymä, eivätkä kaikki teemat tue mobiilikäyttöä samalla tavalla. Katso arvosteluita ja testaa, että valitsemasi teema näyttää oikealta kaikilla laitteilla.

Yhteensopivuus sivurakentajan kanssa

Jos käytät Elementoria, Diviä tai Gutenbergiä, tarkista että teema on optimoitu valitsemallesi työkalulle. Jotkin teemat toimivat paremmin tiettyjen sivurakentajien kanssa.

Päivitykset ja tuki

Säännöllisesti päivittyvä teema pysyy turvallisena ja yhteensopivana WordPress-päivitysten kanssa. Tarkista, milloin teemaa on viimeksi päivitetty.

Käyttäjäarviot ja suosio

Suositut ja hyvin arvioidut teemat ovat usein luotettavimpia. Lue käyttäjäkokemuksia ennen valintaa.

Muista, että teeman vaihtaminen myöhemmin voi vaatia paljon työtä, joten käytä aikaa oikean teeman löytämiseen heti alussa. Usein yksinkertaiset ja kevyet teemat ovat paras valinta, varsinkin jos käytät sivurakentajaa sisällön luomiseen.

Elementorin kanssa toimivat teemat

Elementor toimii parhaiten kevyiden, sivurakentajille optimoitujen teemojen kanssa. Hello Elementor on Elementorin oma minimalistinen teema, joka antaa rakentajalle täyden hallinnan ulkoasusta. Astra ja OceanWP tarjoavat valmiita sivupohjia ja enemmän muokkausmahdollisuuksia. GeneratePress on erityisen nopea ja suorituskykyinen. Näiden kaikkien ilmaisversiot riittävät alkuun, mutta maksulliset versiot tarjoavat enemmän muokkausmahdollisuuksia erityisesti ylä- ja alatunnisteisiin.

Divin kanssa toimivat teemat

Divi Builderin kanssa yksinkertaisin vaihtoehto on käyttää Divi-teemaa, jolloin saat täydellisen paketin ja pystyt muokkaamaan kaikkia sivuston osia samalla työkalulla. Extra-teema samalta kehittäjältä sopii erityisen hyvin blogeille ja verkkolehdille. Saat parhaan hyödyn käyttämällä Elegant Themesin omia teemoja, jotka on optimoitu juuri Divi Builderille.

Gutenbergille sopivat teemat

Gutenbergille kannattaa valita teema, joka tukee WordPress-lohkoja. WordPressin viralliset teemat kuten Twenty Twenty-Five ja Twenty Twenty-Four toimivat täydellisesti Gutenbergin kanssa. Kadence ja Blocksy ovat suosittuja vaihtoehtoja, joissa on Gutenberg-yhteensopivia lisäominaisuuksia. Full Site Editing -yhteensopivat teemat kuten Tove mahdollistavat koko sivuston muokkaamisen pelkällä Gutenbergilla.

4. Valinnainen: Asenna tarvittavat lisäosat eli plugininit

Lisäosat tuovat sivustoosi lisätoimintoja. Alta löydät muutamia suosituimpia lisäosia, joista suurin osa sivustoista hyötyy. Huomaa, että sinun ei tarvitse asentaa kaikkia lisäosia saman tien, vaan voit palata tähän vaiheeseen myös myöhemmin.

1. Yoast SEO – auttaa hakukonenäkyvyyden parantamisessa
2. Wordfence Security – suojaa sivustoasi hakkereilta
3. Contact Form 7 tai WPForms – tee helposti yhteydenottolomakkeita
4. UpdraftPlus – varmuuskopioi sivustosi säännöllisesti
5. LS Cache – nopeuttaa sivustoasi

Asenna nämä samalla tavalla kuin sivurakentaja: Lisäosat > Lisää uusi > hae nimellä > asenna > aktivoi.

Ota huomioon, että lisäosien kanssa on oltava tarkkana: sekä WordPress-sivustosi ja lisäosat päivittyvät omien aikataulujensa mukaan. Joskus voi käydä niin, että sivusto päivittyy, mutta lisäosan tekijä ei päivitäkään lisäosaa yhteensopivaksi, jolloin se lakkaa toimimasta. Hyvä perussääntö on olla asentamatta lisäosia, joita ei oikeasti tarvitse ja säännöllisesti varmistaa, että lisäosista on uusimmat versiot käytössä.

5. Rakenna verkkosivut drag & drop –tekniikalla

Sivurakentajan ja teeman jälkeen aloitetaan sisällön rakentaminen. Hyvä käytäntö on ensimmäisenä valita päävärit (yleensä kaksi tai kolme väriä), fontit, sekä perussivut: etusivu, tietoa meistä, palvelut ja yhteydenotto tai muu ostamiseen ohjaava sivu. Näiden jälkeen voit lisätä muita sivuja tarpeen mukaan, kuten blogi, FAQ tai muita sivustosi kannalta olennaisia sivuja.

Teeman ja sivurakentaja erot

WordPress-maailmassa teema ja sivurakentaja toimivat niin, että teema antaa sivustollesi perusrakenteen: se määrittää ylä- ja alatunnisteen ulkoasun, sivuston yleisen värimaailman ja fontit sekä navigaation sijoittelun.

Sivurakentaja puolestaan on se työkalu, jolla rakennat yksittäiset sivut. Sen avulla määrität sisällön asettelun, lisäät tekstit, kuvat ja painikkeet sekä luot visuaalisia efektejä. Sivurakentaja antaa sinulle vapauden tehdä jokaisesta sivusta juuri sellainen kuin haluat, teeman rajoissa tietenkin.

Sitten sivustoa rakentamaan!

Näillä ohjeilla saat varmasti toimivan WordPress-sivuston pystyyn, vaikka et olisikaan tekninen guru.

P.S. Jos nämä vaiheet kuulostavat työläiltä tai haluat mieluummin keskittyä omaan pääosaamiseesi, meidän kauttamme saat apua ja tukea oman sivustosi rakentamiseen, päivitysten ja lisäosien hallintaan sekä ylläpitoon ja muokkauksiin. Katso tästä webhotellipakettimme!