{"id":1562,"date":"2024-04-09T11:49:30","date_gmt":"2024-04-09T11:49:30","guid":{"rendered":"https:\/\/howtogeek.blog\/fi\/?p=1562"},"modified":"2024-04-09T11:49:30","modified_gmt":"2024-04-09T11:49:30","slug":"how-to-add-a-website-to-your-home-screen-on-iphone-and-android-fi","status":"publish","type":"post","link":"https:\/\/howtogeek.blog\/fi\/how-to-add-a-website-to-your-home-screen-on-iphone-and-android-fi\/","title":{"rendered":"Kuinka lis\u00e4t\u00e4 verkkosivusto aloitusn\u00e4ytt\u00f6\u00f6n iPhonessa ja Androidissa"},"content":{"rendered":"<p>App Storessa ja Play Storessa on miljoonia sovelluksia. Enk\u00e4 ole edes hieman liioitellut lukua. Nyky\u00e4\u00e4n kaikkeen on sovellus. Ja silti, maailmassa on viel\u00e4 enemm\u00e4n verkkosivustoja. Ja vaikka kuinka toivoisimme toisin, jokaiselle Internetin verkkosivustolle ei ole tarjolla sovellusta.<\/p>\n<p>Kun sinulla on verkkosivusto, jolla haluat k\u00e4yd\u00e4 usein, selaimen avaaminen joka kerta ja sivuston osoitteen sy\u00f6tt\u00e4minen tai sen avaaminen kirjanmerkeist\u00e4 on v\u00e4sytt\u00e4v\u00e4\u00e4. Ja vaihtoehto pit\u00e4\u00e4 se auki v\u00e4lilehdell\u00e4 ei my\u00f6sk\u00e4\u00e4n ole paljon parempi. Ennen pitk\u00e4\u00e4 selaimestasi tulee avointen v\u00e4lilehtien py\u00f6rre. Eik\u00f6 se olisi paljon helpompaa, jos p\u00e4\u00e4sisit siihen suoraan aloitusn\u00e4yt\u00f6st\u00e4? Tulemme tuomaan hyvi\u00e4 uutisia. Sin\u00e4 pystyt!<\/p>\n<p>Olet ehk\u00e4 t\u00f6rm\u00e4nnyt joihinkin verkkosivustoihin, jotka ohjaavat sinua asentamaan ne sovelluksena. N\u00e4m\u00e4 progressiiviset verkkosovellukset (PWA) eiv\u00e4t ole ainoita verkkosivustoja, joita voit k\u00e4ytt\u00e4\u00e4 aloitusn\u00e4yt\u00f6lt\u00e4si. Voit lis\u00e4t\u00e4 mink\u00e4 tahansa verkkosivuston iPhonen tai Androidin aloitusn\u00e4ytt\u00f6\u00f6n. Ainoastaan \u200b\u200bniiden toiminta voi vaihdella, mutta se j\u00e4\u00e4 my\u00f6hemp\u00e4\u00e4n ajankohtaan. Sukellaan heti sis\u00e4\u00e4n.<\/p>\n<h2 id=\"h-adding-a-website-to-home-screen-on-iphone\">Verkkosivuston lis\u00e4\u00e4minen iPhonen aloitusn\u00e4ytt\u00f6\u00f6n<\/h2>\n<p>iPhonen Safari-selaimella voit helposti lis\u00e4t\u00e4 mink\u00e4 tahansa verkkosivuston aloitusn\u00e4ytt\u00f6\u00f6n. &#8220;Web-sovellusta&#8221; ei kuitenkaan voi lis\u00e4t\u00e4 sovelluskirjastoon. Se ei n\u00e4y sovelluskirjastossa, kuten muut sovellukset. Et my\u00f6sk\u00e4\u00e4n voi tyhjent\u00e4\u00e4 aloitusn\u00e4ytt\u00f6\u00e4si poistamalla sit\u00e4 aloitusn\u00e4yt\u00f6st\u00e4 ja s\u00e4ilytt\u00e4m\u00e4ll\u00e4 sit\u00e4 vain sovelluskirjastossa, kuten voit tehd\u00e4 App Store -sovellusten kanssa.<\/p>\n<p>Avaa verkkosivusto Safarissa. Safari on ainoa selain, jolla voit lis\u00e4t\u00e4 verkkosivustoja iPhonen aloitusn\u00e4ytt\u00f6\u00f6n. Vaihtoehto ei ole k\u00e4ytett\u00e4viss\u00e4, kun k\u00e4yt\u00e4t muuta selainta, kuten Chromea.<\/p>\n<p>Siirry sitten sivulle, jonka haluat avata, kun avaat verkkosivuston aloitusn\u00e4yt\u00f6st\u00e4. Sivusto avaa valitsemasi sivun, joten on t\u00e4rke\u00e4\u00e4 navigoida oikealle sivulle, esimerkiksi kotisivulle, jotta siit\u00e4 ei tule my\u00f6hemmin haittaa.<\/p>\n<p>Napauta sitten n\u00e4yt\u00f6n alareunan ty\u00f6kalupalkin Jaa-kuvaketta.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>N\u00e4yt\u00f6n alareunasta tulee valikko. Napauta valikosta Lis\u00e4\u00e4 aloitusn\u00e4ytt\u00f6\u00f6n.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Kirjoita sitten aloitusn\u00e4yt\u00f6ss\u00e4 n\u00e4kyv\u00e4n verkkosivuston kirjanmerkin nimi. T\u00e4m\u00e4 on nimi, joka n\u00e4kyy sovelluskuvakkeen alla, eli v\u00e4liaikaisen sovelluksesi nimi. \u00c4l\u00e4 tee mit\u00e4\u00e4n muutoksia linkkiin.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Lopuksi napauta &#8220;Lis\u00e4\u00e4&#8221; -painiketta n\u00e4yt\u00f6n oikeassa yl\u00e4kulmassa.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Verkkosovellus n\u00e4kyy aloitusn\u00e4yt\u00f6ss\u00e4si seuraavassa k\u00e4ytett\u00e4viss\u00e4 olevassa paikassa aivan kuten mik\u00e4 tahansa \u00e4skett\u00e4in asennettu sovellus.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Napauta kuvaketta avataksesi verkkosivuston aloitusn\u00e4yt\u00f6lt\u00e4si milloin tahansa. Nyt, verkkosivustosta riippuen, toinen kahdesta asiasta tapahtuu, kun avaat verkkosovelluksen. Se joko avautuu selaimessasi uuteen v\u00e4lilehteen, kuten mik\u00e4 tahansa muu verkkosivusto. Tai se avautuu Safari-selaimesta riippumatta. K\u00e4ytt\u00f6liittym\u00e4 on edelleen sama kuin verkkosivuston selaimessa, mutta muita selainty\u00f6kaluja ei ole saatavilla.<\/p>\n<figure class=\"wp-block-image\"><figcaption>Esimerkki verkkosivustosta, joka avautuu selaimesta riippumatta.<\/figcaption><\/figure>\n<p>Kun kohtaat j\u00e4lkimm\u00e4isen, olet t\u00f6rm\u00e4nnyt progressiiviseen verkkosovellukseen. Vaikka se lis\u00e4t\u00e4\u00e4n aloitusn\u00e4ytt\u00f6\u00f6n samalla tavalla kuin mik\u00e4 tahansa muu verkkosivusto, verkkosivuston on t\u00e4ytett\u00e4v\u00e4 muutama kriteeri, jotta se voidaan luokitella PWA:ksi. Peruskriteeri, jotta verkkosivustosta tulee PWA, on, ett\u00e4 sen on t\u00e4ytett\u00e4v\u00e4 asennettavuusvaatimukset. Kun lis\u00e4\u00e4t verkkosivulle mink\u00e4 tahansa muun sivun kotisivun lis\u00e4ksi, se avautuu selaimessa.<\/p>\n<p>Riippumatta siit\u00e4, miten verkkosivusto avautuu \u2013 Safarissa tai itsen\u00e4isesti \u2013 voit siirt\u00e4\u00e4 sit\u00e4 aloitusn\u00e4yt\u00f6ll\u00e4 tai poistaa sen kuten mink\u00e4 tahansa muun sovelluksen iPhonessasi. Napauta ja pid\u00e4 verkkosovelluksen kuvaketta tai tyhj\u00e4\u00e4 kohtaa n\u00e4yt\u00f6ll\u00e4 siirty\u00e4ksesi heilutustilaan. Pid\u00e4 sitten sovellusta painettuna ja ved\u00e4 se minne tahansa aloitusn\u00e4yt\u00f6ll\u00e4si tai lis\u00e4\u00e4 se kansioon.<\/p>\n<p>Voit poistaa sen napauttamalla miinusmerkki\u00e4 pikkukuvan vasemmassa yl\u00e4kulmassa.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Napauta sitten n\u00e4kyviin tulevasta vahvistusponnahdusikkunasta Poista.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<h2 id=\"h-adding-website-to-home-screen-on-android\">Verkkosivuston lis\u00e4\u00e4minen aloitusn\u00e4ytt\u00f6\u00f6n Androidissa<\/h2>\n<p>Verkkosivuston lis\u00e4\u00e4minen Android-laitteen aloitusn\u00e4ytt\u00f6\u00f6n on my\u00f6s helppoa. Avaa Chrome-selain ja siirry verkkosivustolle, jonka haluat lis\u00e4t\u00e4 aloitusn\u00e4ytt\u00f6\u00f6n. Siirry sivulle, jolle haluat p\u00e4\u00e4st\u00e4 nopeimmin. Useimmissa tapauksissa se voi olla kotisivu. Mutta mik\u00e4 tahansa sivu lis\u00e4\u00e4t aloitusn\u00e4ytt\u00f6\u00f6n, se avautuu joka kerta.<\/p>\n<p>Napauta kolmen pisteen valikkokuvaketta n\u00e4yt\u00f6n oikeassa yl\u00e4kulmassa.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Napauta sitten valikosta Lis\u00e4\u00e4 aloitusn\u00e4ytt\u00f6\u00f6n.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Kirjoita aloitusn\u00e4yt\u00f6lle ilmestyv\u00e4n sovelluskuvakkeen nimi ja napauta Lis\u00e4\u00e4.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Napauta sitten ja pid\u00e4 sovelluskuvaketta painettuna tai napauta aloitusn\u00e4yt\u00f6lle &#8216;Lis\u00e4\u00e4&#8217; verkkosivustolle.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Sivuston sovelluskuvake lis\u00e4t\u00e4\u00e4n aloitusn\u00e4ytt\u00f6\u00f6n. Voit siirt\u00e4\u00e4 sit\u00e4 tai poistaa sen aloitusn\u00e4yt\u00f6lt\u00e4 kuten mit\u00e4 tahansa muuta sovellusta. Sivustosta riippuen, kun avaat sivuston, se joko avautuu selaimessa tai siit\u00e4 riippumatta, jos se on PWA.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Verkkosivuston lis\u00e4\u00e4minen aloitusn\u00e4ytt\u00f6\u00f6n voi tehd\u00e4 asioista eritt\u00e4in yksinkertaisia. Ja olitpa iPhone- tai Android-k\u00e4ytt\u00e4j\u00e4, se on helppo tapa tehd\u00e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>App Storessa ja Play Storessa on miljoonia sovelluksia. Enk\u00e4 ole edes hieman liioitellut lukua. Nyky\u00e4\u00e4n kaikkeen on sovellus. Ja silti, maailmassa on viel\u00e4 enemm\u00e4n verkkosivustoja. Ja vaikka kuinka toivoisimme toisin, jokaiselle Internetin verkkosivustolle ei ole tarjolla sovellusta. Kun sinulla on verkkosivusto, jolla haluat k\u00e4yd\u00e4 usein, selaimen avaaminen joka kerta ja sivuston osoitteen sy\u00f6tt\u00e4minen tai sen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[12,6],"class_list":["post-1562","post","type-post","status-publish","format-standard","hentry","category-how-to","tag-android","tag-iphone"],"acf":[],"_links":{"self":[{"href":"https:\/\/howtogeek.blog\/fi\/wp-json\/wp\/v2\/posts\/1562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howtogeek.blog\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howtogeek.blog\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/fi\/wp-json\/wp\/v2\/comments?post=1562"}],"version-history":[{"count":1,"href":"https:\/\/howtogeek.blog\/fi\/wp-json\/wp\/v2\/posts\/1562\/revisions"}],"predecessor-version":[{"id":1563,"href":"https:\/\/howtogeek.blog\/fi\/wp-json\/wp\/v2\/posts\/1562\/revisions\/1563"}],"wp:attachment":[{"href":"https:\/\/howtogeek.blog\/fi\/wp-json\/wp\/v2\/media?parent=1562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howtogeek.blog\/fi\/wp-json\/wp\/v2\/categories?post=1562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howtogeek.blog\/fi\/wp-json\/wp\/v2\/tags?post=1562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}