Appeja WordPress-sivuille?
Tiesitkö, että WordPress-sivullekin voi upottaa React- tai Vue-sovelluksen? Olemassa olevalle sivustolle se onnistuu helposti räätälöidyn lisäosan (plugin) avulla. Teemme siis sovelluksen, käärimme sen tekemäämme lisäosaan, sinä asennat lisäosan ja vaikkapa lyhytkoodilla upotat sovelluksen haluamaasi kohtaan sivustosi sisältöjä. Helppoa.
Miksi sovellus?
Sovellus on hyvä ja nopea tapa tuottaa sivulle käyttäjän valinnoista riippuvaa dynaamista sisältöä tai toteuttaa jokin vuorovaikutus käyttäjän kanssa. Koska sovellusta ajetaan selaimella, ei palvelimella, vaste on hyvin nopeaa. React- tai Vue-sovellus voi käyttää (ja täyttää) tietoja oman sivustosi tietokannasta, kysellä niitä kolmansilta osapuolilta, tai molempia. Sovellus on nykyaikainen tapa toteuttaa vaikka koko sivuston toiminnallisuus, mutta käytettävissä yhtä lailla yksittäisillä sivuilla WordPress-sivustolla. Meiltä saat joko React.js tai Vue.js sovellukset upotettuna WordPress-ympäristöön.
Esimerkkisovellus
Oheisessa esimerkissä on omalla lisäosalla toteutettu React-sovellus, joka näyttää yksinkertaisen lainalaskelman. Tämän WordPress-sivun sisältöön se on sijoitettu tavalliseen sisältökenttään kirjoitetulla lyhytkoodilla.
Sovelluksessa on kentät lainan pääomaa, korkoa, kestoa ja tyyppiä varten. Kun tietoja on tarpeeksi, sovellus näyttää muutaman avainluvun suunnittelemastasi lainasta.
Kuten huomaat, ulkoasultaan upotettu sovellus ei millään tavalla erotu muusta sivun sisällöstä. Ellet sitten halua sen erottuvan.
Kuten myös huomaat, sovelluksen voi lokalisoida. Jos vaihdat tämän sivun englanninkieliseen versioon, sama sovellus pyörii siellä englanniksi.