{"id":228631,"date":"2022-10-11T15:01:00","date_gmt":"2022-10-11T12:01:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228631"},"modified":"2022-11-09T03:22:19","modified_gmt":"2022-11-09T00:22:19","slug":"css-mobiilivalikkoesimerkkejae-jotka-kannattaa-tarkistaa","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/css-mobiilivalikkoesimerkkejae-jotka-kannattaa-tarkistaa\/","title":{"rendered":"CSS-mobiilivalikkoesimerkkej\u00e4, jotka kannattaa tarkistaa"},"content":{"rendered":"\n

Meid\u00e4n on my\u00f6nnett\u00e4v\u00e4, ett\u00e4 el\u00e4mme nyky\u00e4\u00e4n mobiilimaailmassa. Jopa Google on siirtynyt k\u00e4ytt\u00e4m\u00e4\u00e4n mobiili-ensimm\u00e4ist\u00e4 indeksi\u00e4, mik\u00e4 tarkoittaa, ett\u00e4 Google sijoittuu sivustosi mobiilisis\u00e4lt\u00f6si osuvuuden ja k\u00e4ytt\u00f6kokemuksen<\/a> perusteella .<\/p>\n

Mobiilinavigoinnin on oltava paikallaan riippumatta siit\u00e4, mink\u00e4laisen verkkosivuston tai sovelluksen parissa ty\u00f6skentelet. Responsiivisen valikon luominen mobiililaitteille on kuitenkin hankala teht\u00e4v\u00e4 \u2013 se on todellakin jongleerausta sek\u00e4 toimivuuden ett\u00e4 mittasuhteiden v\u00e4lill\u00e4. CSS-mobiilivalikon on oltava tiukka, helppo napauttaa ja toimia useilla erikokoisilla n\u00e4yt\u00f6ill\u00e4.<\/p>\n

Localyticsin mukaan 21 % k\u00e4ytt\u00e4jist\u00e4 hylk\u00e4\u00e4 mobiilisovelluksen, kun se on k\u00e4ytt\u00e4nyt sit\u00e4 vain kerran. T\u00e4h\u00e4n on monia syit\u00e4, mutta turhautuminen huonoon navigointiin on listan k\u00e4rjess\u00e4. Ihmiset pit\u00e4v\u00e4t helpoista asioista; he eiv\u00e4t halua monimutkaisia \u200b\u200bk\u00e4ytt\u00f6liittymi\u00e4.<\/p>\n

Yksinkertainen, hyvin suunniteltu CSS-mobiilivalikko on v\u00e4ltt\u00e4m\u00e4t\u00f6n, jos haluat luoda navigointikokemuksen, jonka kanssa k\u00e4ytt\u00e4j\u00e4t voivat olla helposti vuorovaikutuksessa riippumatta siit\u00e4, miss\u00e4 he ovat ja mit\u00e4 laitetta he k\u00e4ytt\u00e4v\u00e4t.<\/p>\n

T\u00e4m\u00e4 wpDataTables<\/a> -tiimimme luoma artikkeli n\u00e4ytt\u00e4\u00e4 sinulle hienoja esimerkkej\u00e4 erilaisista CSS-mobiilivalikkoideoista, joita voit kokeilla omalla verkkosivustollasi tai sovelluksessasi. Lue luettelosta!<\/p>\n

Esimerkkej\u00e4 CSS-mobiilivalikoista<\/strong><\/h2>\n

Sinun ei tarvitse keksi\u00e4 py\u00f6r\u00e4\u00e4 uudelleen tai omistaa erityisosaamista saadaksesi reagoivan menusuunnittelun. Mutta sinun on ymm\u00e4rrett\u00e4v\u00e4, ett\u00e4 k\u00e4ytt\u00e4j\u00e4kokemus on etusijalla.<\/p>\n

Hyv\u00e4 ulkon\u00e4k\u00f6 on tietysti t\u00e4rke\u00e4\u00e4, mutta valikoiden suhteen on ensin varmistettava, ett\u00e4 ne ovat k\u00e4yt\u00e4nn\u00f6llisi\u00e4 ja navigointirakenteessa j\u00e4rkev\u00e4.<\/p>\n

Onko j\u00e4rkev\u00e4\u00e4, ett\u00e4 sivustosi jokaiselle sivulle on 100 valikkolinkki\u00e4? Ei. Onko j\u00e4rkev\u00e4\u00e4 tehd\u00e4 valikon kohdista niin pieni\u00e4, ett\u00e4 niit\u00e4 ei voi napauttaa paitsi ihmiset, joilla on pieni\u00e4 sormia? Ei. N\u00e4m\u00e4 ovat v\u00e4ltt\u00e4m\u00e4tt\u00f6mi\u00e4 n\u00e4k\u00f6kohtia, vaikka ne eiv\u00e4t onneksi ole rakettitiedett\u00e4.<\/p>\n

Alta l\u00f6yd\u00e4t luettelon esimerkkej\u00e4, jotka osoittavat, kuinka luoda reagoivia mobiilivalikoita, jotka toimivat hyvin kaikentyyppisille mobiilik\u00e4ytt\u00e4jille. Jokainen niist\u00e4 on CSS-mobiilivalikko, joka varmistaa oikean responsiivisen suunnittelun useille eri laitetyypeille.<\/p>\n

Mobiilivalikko \u2013 CSS<\/strong><\/h3>\n

\"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

Kun siirr\u00e4t elementtej\u00e4 suurelta n\u00e4yt\u00f6lt\u00e4 pienelle, sinun on teht\u00e4v\u00e4 muutamia kompromisseja. Useimmiten suunnittelijat haluavat v\u00e4ltt\u00e4\u00e4 n\u00e4it\u00e4 kompromisseja ja he yritt\u00e4v\u00e4t saada universaalin muotoilun, jota voidaan k\u00e4ytt\u00e4\u00e4 helposti kaikissa n\u00e4ytt\u00f6kokoissa.<\/p>\n

T\u00e4m\u00e4n kaltainen koko n\u00e4yt\u00f6n valikko voi olla mahtava, koska se n\u00e4ytt\u00e4\u00e4 ja tuntuu samalta my\u00f6s tietokoneilla, puhelimilla ja tableteilla.<\/p>\n

Responsiivinen perusvalikko "kolmirivinen" (CSS ja jQuery)<\/strong><\/h3>\n

\"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

T\u00e4ss\u00e4 opetusohjelmassa opit kuinka voit koodata nopeasti reagoivan CSS-mobiilivalikon. Sinun on my\u00f6s k\u00e4ytett\u00e4v\u00e4 jQuery\u00e4, mutta \u00e4l\u00e4 lannistu; se on hyvin pieni osa koodia.<\/p>\n

Vain CSS:n tumma valikko<\/strong><\/h3>\n

\"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

Jos haluat saada hyvin yksinkertaisen navigointivalikon<\/a>, sinun kannattaa kokeilla t\u00e4t\u00e4 opasta. Palkki on vaakasuora ja siin\u00e4 on klassiset pudotusvalikot, kunnes ikkunasta tulee tarpeeksi pieni.<\/p>\n

T\u00e4m\u00e4n reagoivan taukokohdan j\u00e4lkeen navigaatiosta tulee koko n\u00e4yt\u00f6n mobiilivalikko, joka n\u00e4ytt\u00e4\u00e4 hyv\u00e4lt\u00e4.<\/p>\n

Animoitu helppok\u00e4ytt\u00f6inen navigointi<\/strong><\/h3>\n

\"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

T\u00e4m\u00e4 esittelee py\u00f6re\u00e4n navigointivalikkokuvakkeen, joka muuttuu ilahduttavan animoiduksi, kun sit\u00e4 napsautetaan.<\/p>\n

Responsiivinen Navigointipainike<\/strong><\/h3>\n

\"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

T\u00e4m\u00e4 CSS-mobiilivalikko tukee sis\u00e4kk\u00e4isyytt\u00e4 eri painiketyyleill\u00e4. Siin\u00e4 on erilaisia \u200b\u200bweb-sivusiirtymi\u00e4<\/a> ja se voidaan helposti lis\u00e4t\u00e4 mihin tahansa asetteluun.<\/p>\n

Morphing Mobile Hamburger Navigation JavaScript ja CSS3<\/strong><\/h3>\n

\"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

Tutustu t\u00e4h\u00e4n mobiilinavigointikonseptiin, jos haluat valikon, joka on helppok\u00e4ytt\u00f6inen ja k\u00e4ytt\u00e4jille tuttu.<\/p>\n

Monitasoinen reagoiva valikko<\/strong><\/h3>\n

\"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

T\u00e4ss\u00e4 opetusohjelmassa keskityt\u00e4\u00e4n jQueryyn ja CSS:\u00e4\u00e4n, jotta voidaan luoda 3-tason syv\u00e4 pudotusvalikko. Hienointa siin\u00e4 on, ett\u00e4 valikko on t\u00e4ysin reagoiva ja se voi kutistua sopimaan mihin tahansa laitteeseen.<\/p>\n

3D-responsiivinen mobiilivalikkopalkki<\/strong><\/h3>\n

\"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

Jos etsit CSS-mobiilivalikkoa, joka toimii hyvin my\u00f6s ty\u00f6p\u00f6yd\u00e4ll\u00e4, t\u00e4m\u00e4 on loistava valinta. P\u00f6yt\u00e4koneen kokoisena siin\u00e4 on vaakasuora luettelo valikkokohdista, joissa on 3D-tehosteita, ja mobiilikoossa siit\u00e4 tulee kiinte\u00e4sti reagoiva mobiilivalikko.<\/p>\n

Pehme\u00e4 reagoiva pudotusvalikko \u2013 yl\u00e4laatikko<\/strong><\/h3>\n

\"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

T\u00e4ss\u00e4 opetusohjelmassa opit luomaan sujuvamman paljastavan mobiilivalikon, joka k\u00e4ytt\u00e4\u00e4 CSS3:a ja jota ei ole animoitu JavaScriptill\u00e4.<\/a> Kun napsautat valikkokuvaketta, se tuo esiin pudotusvalikon tyylin, joka n\u00e4ytt\u00e4\u00e4 hyv\u00e4lt\u00e4 ja voi toimia hyvin kaikenlaisille laitteille, joita ajattelet.<\/p>\n

Smooth Fade<\/strong><\/h3>\n

\"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

H\u00e4ipyv\u00e4t navigointivalikot ovat suosittuja ja niit\u00e4 on todella helppo luoda. Ne toimivat CSS-luokkien avulla muuttaakseen valikon koko sivun k\u00e4ytt\u00f6liittym\u00e4ksi, joka sopii erityisesti pienille n\u00e4yt\u00f6ille.<\/p>\n

Mobile Menu Animaatio<\/strong><\/h3>\n

\"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

T\u00e4ss\u00e4 mobiilivalikon suunnittelussa saat upean animaatiotehosteen, joka saa sen n\u00e4ytt\u00e4m\u00e4\u00e4n erikoiselta. Hampurilaismenun kuvake on sijoitettu tarkoituksella keskelle niin oikea- ett\u00e4 vasenk\u00e4tisille k\u00e4ytt\u00e4jille.<\/p>\n

Hei, tiesitk\u00f6, ett\u00e4 my\u00f6s data voi olla kaunista?<\/h3>\n

wpDataTables<\/a> voi tehd\u00e4 sen n\u00e4in. On hyv\u00e4 syy, miksi se on suosituin WordPress-laajennus responsiivisten taulukoiden ja kaavioiden luomiseen.<\/p>\n

\"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

Todellinen esimerkki wpDataTablesista luonnossa<\/p>\n

Ja on todella helppoa tehd\u00e4 jotain t\u00e4llaista:<\/p>\n

    \n
  1. Annat taulukon tiedot<\/li>\n
  2. M\u00e4\u00e4rit\u00e4 ja mukauta se<\/li>\n
  3. Julkaise se viestiss\u00e4 tai sivulla<\/li>\n<\/ol>\n

    Ja se ei ole vain kaunis, vaan my\u00f6s k\u00e4yt\u00e4nn\u00f6llinen. Voit tehd\u00e4 suuria taulukoita, joissa on jopa miljoonia rivej\u00e4<\/a>, tai voit k\u00e4ytt\u00e4\u00e4 edistyneit\u00e4 suodattimia ja hakua<\/a>, tai voit tehd\u00e4 niist\u00e4 muokattavia<\/a>.<\/p>\n

    "Joo, mutta pid\u00e4n Excelist\u00e4 liikaa, eik\u00e4 verkkosivustoilla ole mit\u00e4\u00e4n sellaista." Kyll\u00e4, siell\u00e4 on. Voit k\u00e4ytt\u00e4\u00e4 ehdollista muotoilua<\/a> kuten Exceliss\u00e4 tai Google Sheetsiss\u00e4.<\/p>\n

    Sanoinko sinulle, ett\u00e4 voit my\u00f6s luoda kaavioita<\/a> tiedoillasi? Ja se on vain pieni osa. Sinulle on tarjolla monia muita ominaisuuksia<\/a>.<\/p>\n

    Bootstrap Nav -palkki<\/strong><\/h3>\n

    \"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

    T\u00e4m\u00e4 mobiilivalikkorakenne on saanut vaikutteita Bootstrapista, suositusta k\u00e4ytt\u00f6liittym\u00e4n komponenttikirjastosta. Se erottuu siit\u00e4, ett\u00e4 se ei k\u00e4yt\u00e4 JavaScripti\u00e4<\/a> \u2013 vain HTML:\u00e4\u00e4 ja CSS:\u00e4\u00e4.<\/p>\n

    Vain responsiivinen CSS-otsikkonavigointi \u2013 Luxbar<\/strong><\/h3>\n

    \"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

    Luxbar on CSS-kirjasto, jota k\u00e4ytet\u00e4\u00e4n luomaan reagoiva, mobiiliyst\u00e4v\u00e4llinen otsikkonavigointi, joka on t\u00e4ysin muokattavissa eri CSS-luokilla. Muutamalla s\u00e4\u00e4d\u00f6ll\u00e4 se voi auttaa sinua saamaan haluamasi CSS-mobiilivalikon.<\/p>\n

    Valikko vieritystehosteilla<\/strong><\/h3>\n

    \"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

    T\u00e4m\u00e4 on mobiilivalikko, jossa on h\u00e4mm\u00e4stytt\u00e4vi\u00e4 vieritys- ja hover-tehosteita. Se sopii erinomaisesti k\u00e4ytt\u00f6kokemuksen parantamiseen interaktiivisella verkkosivustolla<\/a>.<\/p>\n

    Responsiivinen tasainen valikko<\/strong><\/h3>\n

    \"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

    T\u00e4\u00e4lt\u00e4 l\u00f6yd\u00e4t responsiivisen tasaisen valikon, jossa on kaksi alivalikkoa. Se on t\u00e4ydellinen laajojen luokkien j\u00e4rjest\u00e4miseen.<\/p>\n

    Yksinkertainen reagoiva navigointi<\/strong><\/h3>\n

    \"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

    T\u00e4m\u00e4n opetusohjelman avulla saat hyvin yksinkertaisen l\u00e4hestymistavan, joka auttaa sinua rakentamaan reagoivan valikon nollasta k\u00e4ytt\u00e4m\u00e4ll\u00e4 CSS3:a. Se on hyv\u00e4 alku opetella suunnittelemaan valikkoa pienempi\u00e4 mobiilin\u00e4ytt\u00f6j\u00e4 varten.<\/p>\n

    Mobiilimenusuunnittelu 3<\/strong><\/h3>\n

    \"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

    T\u00e4ss\u00e4 CSS-mobiilivalikossa on erilaisia \u200b\u200banimaatiotehosteita<\/a>, jotka saavat valikon n\u00e4ytt\u00e4m\u00e4\u00e4n siistilt\u00e4. Vaikutukset ovat nopeita, joten k\u00e4ytt\u00e4j\u00e4t eiv\u00e4t joudu k\u00e4rsim\u00e4tt\u00f6miksi. Yhdess\u00e4 navigointivalikon kanssa voit jopa lis\u00e4t\u00e4 erilaisia \u200b\u200btoimintopainikkeita.<\/p>\n

    Puhdas CSS Mega Menu<\/strong><\/h3>\n

    \"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

    Verkkolehtien teemat k\u00e4ytt\u00e4v\u00e4t usein megavalikoita saadakseen artikkeleita valikoilleen. N\u00e4m\u00e4 CSS-mobiilivalikkotyypit n\u00e4ytt\u00e4v\u00e4t hyv\u00e4lt\u00e4 ja toimivat eritt\u00e4in hyvin tietyiss\u00e4 tilanteissa.<\/p>\n

    Teksturoitu Responsive Mobile -pudotusvalikko<\/strong><\/h3>\n

    \"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

    T\u00e4m\u00e4 on teksturoitu responsiivinen avattava valikko, joka voi ottaa olemassa olevan monitasoisen valikon ja muuttaa sen \u00e4lypuhelimien viile\u00e4ksi avattavaksi valikosta.<\/p>\n

    Puhdista pudotusvalikko<\/strong><\/h3>\n

    \"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

    Mobiilinavigoinnin tulee olla yksinkertaista kaikille k\u00e4ytt\u00e4jille. Jos haluat saavuttaa t\u00e4m\u00e4n, kokeile t\u00e4t\u00e4 pudotusvalikkoa, joka on tehty vain CSS:ll\u00e4.<\/p>\n

    Responsive Navigation Mobile Menu Toggle<\/strong><\/h3>\n

    \"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

    T\u00e4m\u00e4 navigointivalikko on melko suosittu mobiilisovelluksissa. Tunnettua hampurilaismenukuvaketta k\u00e4ytet\u00e4\u00e4n yhdess\u00e4 yksinkertaisen suunnittelun kanssa. Kokeile ja katso, onko t\u00e4m\u00e4 sit\u00e4, mit\u00e4 tarvitset.<\/p>\n

    Monitasoinen Toggle Responsive Navigation Menu Pure CSS:n avulla<\/strong><\/h3>\n

    \"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

    T\u00e4m\u00e4 on siisti CSS-mobiilivalikko, jossa on k\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4llinen navigointi ja se sopii kaikille mobiilin\u00e4ytt\u00f6laitteille.<\/p>\n

    Apple Style -mobiilivalikko<\/strong><\/h3>\n

    \"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

    T\u00e4m\u00e4 mobiilivalikko on saanut inspiraationsa Applen valikosta, ja se on sek\u00e4 tyylik\u00e4s ett\u00e4 toimiva.<\/p>\n

    Responsiivinen perusvalikko<\/strong><\/h3>\n

    \"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

    T\u00e4m\u00e4 on yleinen navigointivalikko, joka avautuu ylh\u00e4\u00e4lt\u00e4 alas. Se tehtiin HAML:lla ja SCSS:ll\u00e4, jossa oli hieman JavaScripti\u00e4.<\/p>\n

    Puhdas CSS-mobiiliyhteensopiva responsiivinen pudotusvalikko<\/strong><\/h3>\n

    \"CSS-mobiilivalikkoesimerkkej\u00e4,<\/a><\/p>\n

    Tutustu t\u00e4h\u00e4n CSS-mobiilivalikkoon, joka muuttuu helposti vaihdettavaksi avattavaksi valikoksi tietyn keskeytyskohdan j\u00e4lkeen. Se on siisti, yksinkertainen ja tehokas.<\/p>\n

    P\u00e4\u00e4tellen n\u00e4m\u00e4 CSS-mobiilivalikkoesimerkit<\/strong><\/h3>\n

    Yhteenvetona voidaan todeta, ett\u00e4 verkkosivustollesi tai sovelluksellesi sopivan CSS-mobiilivalikon l\u00f6yt\u00e4minen on toimintaa, jota et voi ohittaa. Valikko on yksi ensimm\u00e4isist\u00e4 kohteista, joiden kanssa k\u00e4ytt\u00e4j\u00e4 on vuorovaikutuksessa, ja haluat heid\u00e4n nauttivan siit\u00e4.<\/p>\n

    Hyv\u00e4n ensivaikutelman luomisen lis\u00e4ksi oikein toteutettu mobiilivalikko varmistaa kest\u00e4v\u00e4n k\u00e4ytett\u00e4vyyden ja est\u00e4\u00e4 k\u00e4ytt\u00e4ji\u00e4 hylk\u00e4\u00e4m\u00e4st\u00e4 laivaa turhautumasta.<\/p>\n

    Jos pidit t\u00e4m\u00e4n artikkelin lukemisesta CSS-mobiilivalikkoesimerkeist\u00e4, sinun tulee tarkistaa t\u00e4m\u00e4 artikkeli CSS-tekstin hehkutehosteista<\/a>.<\/p>\n

    Kirjoitimme my\u00f6s muutamista aiheeseen liittyvist\u00e4 aiheista, kuten HTML-hakukent\u00e4st\u00e4<\/a>, CSS-kuvagalleriasta<\/a>, CSS-editorista<\/a>, CSS-sivun siirtymist\u00e4<\/a> ja CSS-kuvan hover-tehosteista<\/a>.<\/p>\n

    : wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

    CSS-mobiilivalikko, joka muuttuu helposti vaihdettavaksi avattavaksi valikoksi tietyn keskeytyskohdan j\u00e4lkeen. Se on siisti, yksinkertainen ja tehokas.<\/p>\n","protected":false},"author":1,"featured_media":169548,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[906,1018,895,843,864],"tags":[1166],"class_list":["post-228631","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-5","category-hyodyllisia-sivustoja","category-koodi","category-opetusohjelmia","category-wordpress-5","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/228631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/comments?post=228631"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/228631\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/169548"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=228631"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=228631"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=228631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}