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 ominaisuuksia 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 eikä WordPress ole tässä poikkeus.

Kaikki lisäosat eivät tuo pelkkää hyvää mukanaan. Osa lisäosista tuo taustalle paljon kuormaa, mikä vaikuttaa sivuston suorituskykyyn ja usein jopa tietoturvaan. Nämä taas vaikuttavat sivuston sijoittumiseen hakukoneissa sekä sivuston yleiseen toimintaan.

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.
  • Edes suosituimpien valmisteemojen tietoturva ei ole taattu. 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 kaikkiin toiveisiin. Jatkokehitys sekä laajennukset ovat rajattuja ja joskus jopa mahdottomia. Valmisteema rajoittaa toteutuksen tiettyihin raameihin.
  • Valmisteeman käyttäminen ei nopeuta toteutuksen prosessia, ellei käytetä vain teeman tarjoamia ominaisuuksia. Tällöin myös sivuston ainutlaatuisuus ja brändin mukainen ulkoasu ovat vain väriltään uniikkeja. Sivusi näyttää ja tuntuu samalta kuin kaikki muutkin valitulle teemalle toteutetut verkkosivut. Tällöin et erotu massasta muiden verkkosivujen meressä.
  • Emme pysty takaamaan, että valmisteemalla toteutetut verkkosivut vastaavat palvelulupauksemme mukaista lopputulosta: responsiiviset, saavutettavat, tietoturvalliset, suorituskykyiset, tietoturvalliset, optimoidut, laadukkaat ja jatkokehitettävät.

Hyödynnämme hyväksi havaittuja ulkoasukehyksiä toteutuksissamme, jolloin sivuston ulkoasu saadaan toteutettua ketterästi. Teemme myös WordPressin sisällönhallinnasta asiakkaalle entistä helpompaa ja yksinkertaisempaa. Lisäämme valmiita osioita käytettäväksi ja muokattavaksi suoraan hallintaan. Näillä sivuston editointi tehdään yhtä helpoksi kuin valmisteemojen tarjoamissa sivueditoreissa (Avada, Divi, Elementor, …). Tämä toimintatapa pitää sivuston yhtenäisenä ja eikä tarjoa käyttöön ylimääräisiä efektejä, värejä tai elementtejä, jotka sotkevat sivun ulkoasun ja yhtenäisyyden.

Kaiken tämän jälkeen on kuitenkin todettava, että mikäli valmisteema vastaa juuri asiakkaan tarpeeseen on sen käyttö täysin perusteltua.

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. Näin toimimalla pystymme pitämään sivustot yksinkertaisina, muokattavina, toimivina ja nopeina.

Pystymme toteuttamaan uniikkeja kokonaisuuksia yhden sivun verkkosivuista laajoihin toteutuksiin samassa ajassa, kuin ne tehtäisiin valmiilla pohjalla tai staattisena HTML -sivuna.

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 laajennettavat ja loputtomat mahdollisuudet sisällölle.
  • The SEO Framework
    • SEO Framework helpottaa ja tehostaa WordPressin hakukoneoptimointia. Se ehdottaa ja vinkkaa käyttäjälle hyviä tapoja hakukoneoptimointiin. Toinen vaihtoehto on Yoast, mutta ilman Premium versiota ei siitä saa mielestämme tarvittavaa hyötyä irti.
  • Autoptimize
    • Optimointiin tarkoitettu lisäosa, joka hoitaa staattisten tiedostojen pakkauksen, yhdistämisen ja jakelun.
  • Breadcrumb NavXT
    • Schema.org -data murupoluille sekä murupolkujen näyttäminen verkkosivustolla.
  • Schema
    • Schema.org -data 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, 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 avointa lähdekoodia GitHubiin. Tarkasta aika-ajoin mikäli sinne on ilmaantunut tarpeellista koodia itsellesi tai osallistu itse kehitykseen!

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

Voidaanko auttaa?
Powered by