Ota yhteyttä

Kehittäjiltä kehittäjille: WordPress-lisäosat ja kehitys 2020

Mitä lisäosat ovat?

Lisäosat ovat erikseen asennettavia laajennuksia olemassa olevaan järjestelmään, jotka tuovat mukanaan puuttuvia toiminnallisuuksia tai tehostavat olemassa olevia toiminnallisuuksia perusasennukseen nähden. Lisäosa voi tuoda esimerkiksi täysin uusia ominaisuuksia, kuten lomakkeen luomisen, helpottaa jo olemassa olevan toiminnon käyttöä tai lisätä tietoturvaa.

Lisäosien käyttö

Lisäosia missä tahansa avoimen lähdekoodin – Open Source julkaisujärjestelmässä tulisi käyttää harkiten ja WordPress ei ole tässä poikkeus.

Kaikki lisäosat eivät tuo hyvää mukanaan. Osassa lisäosista taustalle tuodaan paljon kuormaa, jotka vaikuttavat suorituskykyyn ja usein jopa tietoturvaan. Sitä kautta myös hakukonesijoituksiin ja sivuston toimintaan yleisesti.

Muutama sana kehityksestä ja valmisteemoista

Vaikka valmisteema tai sivueditori tuntuvat helpoilta, nopeilta ja kustannustehokkailta ratkaisuilta, kannattaa kuitenkin miettiä kahdesti mitä sivustolta haluaa.

Emme suosittele tai käytä valmiita teemoja näistä syistä:

  • Valmisteemoissa ja sivueditoreissa tulee julkiselle puolelle liikaa taakkaa, joka hidastaa sivuston suorituskykyä. Tämä johtuu siitä, että valmisteemojen on tyydytettävä kaikkien teeman käyttäjien tarpeet ja tarjottava teemaa useammalle kohderyhmälle, jolloin käyttämättömät elementit ja ominaisuudet pyörivät kuitenkin mukana taustalla viemässä resursseja. Vaikka asetuksista voi määritellä mitä ominaisuuksia haluaa, harvoin nämä kuitenkaan poistavat ominaisuuksien tarvitsemia tiedostoja. Tällaisia ovat mm. erittäin suositut Avada-, Divi– ja Elementor -teemat.
  • Valmisteemojen tietoturva ei ole taattu edes suosituimmissa teemoissa. Mikäli teemaan tai alateemaan tehdään muutoksia, voivat ne hajota tai poistua teeman (tietoturva)päivityksissä, jolloin tietoturva on uhattuna.
  • Valmisteemat eivät taivu suunnitellusti kaikkiin toiveisiin. Jatkokehitys sekä laajennukset ovat rajattuja ja joskus jopa mahdottomia. Valmisteemat rajoittavat toteutusta tiettyihin raameihin.
  • Nykyinen WordPress tarjoaa jo itsessään tarvittavan ja helppokäyttöisen sivueditoinnin, jota laajennamme tehokkaasti käyttäen tarvittavia uudelleenkäytettäviä osioita.
  • Valmisteemojen käyttäminen ei nopeuta toteutuksen prosessia, ellei käytetä pelkästään täysin teeman tarjoamia ominaisuuksia, jolloin myös ainutlaatuisuus ja brändin mukainen ulkoasu on vain väriltään uniikkia. Sivusi näyttää ja tuntuu samalta kuin valmisteemalle löytyy latauskertoja. Tällöin et erotu massasta ja muiden verkkosivujen merestä.
  • Uskomme kovasti siihen, että verkkosivustoa ei tarvitse uusia kokonaan kun halutaan tehdä uudistusta. Tällöin valmisteema ei ole vaihtoehto, koska teemaa ja sen asetuksia ei voida korvata suoraan samaan asennukseen. Pyrimme jatkuvaan kehitykseen, jolloin sivusto on kokoajan nykypäiväinen ja vastaa tulevaisuuden haasteita.
  • Emme pysty takaamaan, että valmisteemojen päälle tehdyt verkkosivut vastaavat meidän laadun, käytäntöjen, nyky- ja tulevaisuuden standardien sekä meidän palvelulupauksen mukaista lopputulosta: responsiivisuus, saatavuus, tietoturva, suorituskyky, optimoitu, laatu, jatkokehitettävä.

Käytämme hyväksi todettuja ulkoasukehyksiä kehityksessämme, jolla saamme toteutettua sivuston ulkoasun ketterästi. Lisäksi teemme WordPressin sisällönhallinnasta entistä helpompaa ja yksinkertaisempaa lisäämällä valmiita osioita käytettäväksi ja muokattavaksi suoraan hallintaan, jolla saavutetaan sivuston editointi yhtä helpoksi kuin valmisteemojen tarjoamat sivueditorit (Avada, Divi, Elementor, …). Lisäksi tämä malli pitää sivuston yhtenäisenä ja ei anna käyttöön ylimääräisiä efektejä, värejä tai elementtejä, jotka sotkevat sivun ulkoasun ja yhtenäisyyden.

Kaiken tämän sanomisen jälkeen on kuitenkin joskus täysin mahdollista ja jopa suotavaa käyttää valmisteemoja eikä tietoturva ole sen parempaa kustomoiduissakaan ratkaisuissa ellei niistä pidetä jatkuvasti huolta ja ne eivät ole ammattilaisen tekemiä! Näille valmiille ratkaisuille on kuitenkin aina oma paikkansa.

Oddy Techin käyttämät kehitysmallit WordPress-kehityksessä

Meillä käytetään WordPress kehityksessä valmiita ulkoasukehyksiä (Bootstrap, Bulma, …), WordPress Bedrock -pohjaa sekä muita hyväksi todettuja teknologioita ja ratkaisuja (WP Cli, Sage yms.) aina toteutettavan ratkaisun vaatimusten mukaan.

Valmisteemaan verrattuna tuomme hyvin vähän kuormitusta sisällönhallintaan, taustalle tai julkiselle puolelle, pitäen tämän yksinkertaisena, muokattavana ja toimivana sekä nopeana.

Pystymme toteuttamaan uniikkeja kokonaisuuksia yhden sivun verkkosivuista laajoihin toteutuksiin samassa ajassa, kuin ne tehtäisiin valmiilla pohjalla tai staattisena HTML -sivuna. Lisäksi takaamme  verkkosivuston kestävyyden, johon vaikuttaa miten paljon verkkosivuilta halutaan ja miten paljon niistä halutaan pitää huolta.

Meillä laatu ratkaisee ja menee määrän edelle niin liiketoiminnassa, henkilöstössä kuin teknologioissakin.

Testatut, turvalliset ja toimivat lisäosat 2020

Alla lista testatuista, hyväksi todetuista ja tietoturvallisista lisäosista, joista käytämme toteutuksissamme yhtä tai useampaa.

  • ACF (Advanced Custom Fields)
    • ACF tuo WordPressiin toiminnallisuuksia, joilla voidaan hallita ja näyttää sisältöä erilaisilla kentillä. Tämä yhdistettynä Sagen ja Gutenbergin lohko-editoriin tuo oikeasti laajennettavan ja loputtomat mahdollisuudet sisällölle.
  • The SEO Framework
    • SEO Framework helpottaa ja tehostaa WordPressin hakukoneoptimointia sekä ehdottaa ja vinkkaa käyttäjälle hyviä tapoja hakukoneoptimointiin. Toinen vaihtoehto on Yoast, mutta ilman Premium versiota ei Yoastista saa mielestämme tarvittavaa hyötyä irti.
  • Autoptimize
    • Optimointiin tarkoitettu lisäosa, joka hoitaa staattisten tiedostojen pakkauksen ja näiden yhdistämisen sekä jakelun.
  • Breadcrumb NavXT
    • Schema.org -data murupoluille sekä murupolkujen näyttäminen verkkosivustolla.
  • Schema
    • Schema.org -data, joka tuo jäsennellyn tiedon hakukoneille. Schema-lisäosa voidaan määrittää toimimaan eri tyyppisille sisällöille.
  • Contact Form 7 ja Contact Form Entries (CRM)
    • Lomakkeiden luonti ja hallinta sekä lomakelähetysten kaappaus
  • Cookie Law Info 
    • Evästeiden hyväksyminen, hylkääminen ja GDPR-yhteensopivat asetukset
  • Duplicate Post
    • Sisällön kloonaaminen ja duplikoiminen helposti painikkeiden takaa
  • jQuery Updater
    • Korvaa haavoittuvat jQuery -kirjastot. Käytännössä ehdoton jokaisen itseään kunnioittavan WordPress-kehittäjän lisäosalistalla.
  • Polylang ja Polylang Theme Strings
    • Kieliversiointi
  • Warp Imagick
    • Kuvien automaattinen optimointi nykystandardien mukaisesti.
  • WP Mail SMTP
    • Mikäli tarvitset erillisiä sähköpostiasetuksia.
  • WP Fastest Cache
    • Oikeasti staattinen välimuisti. Tarjoilee staattisia HTML-tiedostoja dynaamisuuden sijasta. Tämä ei tosin ole täysin GDPR-yhteensopiva, sillä välimuistiin ja jakeluun menee aina vain yksi versio, jolloin tätä ei voi käyttää, ellei scriptejä ladata JavaScriptin kautta (esim. Cookie Law Info -lisäosa ei ole yhteensopiva tämän kanssa)

Muistathan, että mikään lisäosa ei ole turvallinen ellei sen päivittämisestä pidetä säännöllisesti huolta.

Teemoihin ja kehittäjille suosittelen seuraavia aputyökaluja helpottamaan teemojen kehitystä Sagella:

  • sage-acf-gutenberg-blocks (Voi käydä turhaksi WordPress versiossa 5.4)
    • Lisää uudelleen käytettävien ACF-lohkojen luomisen Sage-teemaan ja tuen blokkien käyttämiselle sisällönhallinnassa yksinkertaistaen sisällönhallintaa entisestään.
  • sage-advanced-custom-fields
    • ACF lisäkenttien tallennus ja tuonti.
  • nav walker -aputyökalut
    • Käytitpä sitten mitä ulkoasukehystä tahansa, valmiita valikkojen luonti -toiminnallisuuksia löytyy mm. Boostrap ja Bulma -ulkoasukirjastoille. Tällöin ei tarvitse keksiä pyörää uudestaan valikkojen osalta, kun luodaan kunnollisia teemoja.

Pyrimme mahdollisuuksien mukaan tuottamaan mahdollisimman paljon avoimen lähdekoodin koodia GitHubiin. Tarkasta aika-ajoin mikäli sinne on ilmaantunut mahdollisesti tarpeellista koodia itsellesi tai osallistu kehitykseen tavalla tai toisella!

Jyrki Sepponen

Jyrki Sepponen

Teknologiaratkaisut
CTO

jyrki.sepponen@oddy.fi
050 501 9037


Lähetä viesti!
1
Voidaanko auttaa?
Hei!

Voidaanko auttaa?
Powered by