Blogi

Sivuston tekninen laatu on kunniakysymys. Pyrimme tekemään jokaisen sivuston kuin se olisi oma. Kehityksessä käytämme uusimpia tekniikoita ja työkaluja, joista voit lukea alta lisää.

Sivusto / Teemakehitys

Asiakkaan palvelimelle asennetaan WordPress joko automaatiotyökalun ja käsipelin kautta. Varsinainen koodaustyö tehdään teemakehityksenä, jolloin asiakkaalle jää hallinta esim. lisäosien hallintaan.

Teemakehityksellä tarkoitetaan asiakkaalle tehtyä, täysin räätälöityä teemaa. Emme käytä valmisteemoja! Ai miksikö emme? Esim. Digitoimisto Dudella on loistava artikkeli asiasta.

Käytämme teemakehityksessä omaa pohjateemaa (saatavilla ilmaiseksi GitHubissa), joka muokataan projektin aikana asiakkaalle sopivaksi. Teemassa luodaan ns. moottori käytetylle sivustolle eli luodaan sivupohjat, määritellään halutut ominaisuudet, rekisteröidään valikot ja vimpaimet, sekä tehdään front end- ja back end -määritykset.

Yksinkertaistettuna voi ajatella, että WP-ydin on kaikki se, mitä löytyy auton konepellin alta, teema määrittelee kojelaudan ja kaiken sen miltä auto näyttää ulospäin. Mahdolliset WP-lisäosat ovat auton lisävarusteita.

Luuptek-teemassamme käytetään:

  • SASS CSS-buildaukseen
  • ES6 javascript-kehitykseen
  • Webpack js/css-buildaukseen

Näillä tekniikoilla nopeutetaan teemakehitystä huomattavasti.

Sivustolle asennettavat lisäosat valitaan asiakkaan tarpeiden mukaan.

Kehitys- ja tuotantoympäristöt

Lokaalissa kehitysympäristössä käytämme Vagrantia ja tarvittavat tietokantamuutokset hoituvat WP-CLI:llä.

Tuotantoympäristössä turvaudumme suomalaiseen osaamiseen – esimerkiksi Seravon palvelimet toimivat moitteetta ja asiakaspalvelu hoituu ripeästi. Toki sivusto voidaan asentaa myös asiakkaan valitsemaan webhotelliin.

Versionhallinta / Git / Deploy

Sekä asiakas-, että omien projektien koodit sijaitsevat Githubissa. Tästä voidaan poiketa asiakaskohtaisesti, eli voimme käyttää myös asiakkaan valitsemaa git-repoa.

Deploy-prosessiin, eli miten teemakoodi saadaan asiakkaan palvelimelle, käytetään Gitin pullaus käskyä ssh:n yli. Esimerkiksi ”git pull production master”-komento tuuppaa palvelimelle teeman koodin master-haarasta.

Joissakin tapauksissa koodin deploy-prosessi voidaan hoitaa myös käsipelillä FTP-yhteyden yli. Tosin tätä ei suositella vähänkään isompien projektien kanssa.

Analytiikka

Jos asiakas haluaa käyttää sivustollaan Googlen analytiikkaa, niin analytiikkakoodit voidaan sisältää teeman koodiin. Tässä toki tarvitsee muistaa, että Googlen analytiikan käyttö tarvitsee kaverikseen evästekyselyn.

Muita vastaavia artikkeleja

  • Miten lisään Google-fontin sivustolle (FSE-teemassa)

    Ohje, miten otat käyttöön uuden fontin WP-sivustolla.

    Lue lisää

  • Väripaletti

    Miten vaihdan koko sivuston väripalettia (FSE)?

    Ohje FSE-teeman värimaailman muuttamiseen.

    Lue lisää

  • Kuva taiteilijasta vden äärellä

    Täydellinen hallinta WordPress-sivuihin Full Site Editing -teemalla

    Lue uuden sukupolven WordPress-sivuista Full Site Editing -teknologialla.

    Lue lisää