{"id":225609,"date":"2022-08-08T15:44:00","date_gmt":"2022-08-08T12:44:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=225609"},"modified":"2022-11-08T00:29:16","modified_gmt":"2022-11-07T21:29:16","slug":"kuinka-lisaetae-infinite-scroll-wordpressiin-askel-askeleelta","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/kuinka-lisaetae-infinite-scroll-wordpressiin-askel-askeleelta\/","title":{"rendered":"Kuinka lis\u00e4t\u00e4 Infinite Scroll WordPressiin (askel askeleelta)"},"content":{"rendered":"\n

Tarvitsetko varman tavan pit\u00e4\u00e4 k\u00e4ytt\u00e4j\u00e4t WordPress-verkkosivustollasi pidemp\u00e4\u00e4n? Jos n\u00e4in on, saatat haluta mietti\u00e4, kuinka lis\u00e4t\u00e4 loputon vieritys WordPressiin.<\/p>\n

Infinite scroll eli loputon vieritys on web-suunnittelumenetelm\u00e4, jota n\u00e4et usein. Se antaa sinulle helpon tavan sitouttaa sivuston vierailijat, rohkaista heit\u00e4 tutkimaan enemm\u00e4n tarjontaasi ja jopa lis\u00e4t\u00e4 aikaa, jonka he k\u00e4ytt\u00e4v\u00e4t sis\u00e4lt\u00f6si lukemiseen.<\/p>\n

Siksi t\u00e4n\u00e4\u00e4n n\u00e4yt\u00e4mme sinulle, kuinka voit lis\u00e4t\u00e4 \u00e4\u00e4ret\u00f6nt\u00e4 vierityst\u00e4 WordPressiin k\u00e4ytt\u00e4m\u00e4ll\u00e4 yksinkertaista WordPress-laajennusta.<\/p>\n

Joten aloitetaan.<\/p>\n

Mik\u00e4 on Infinite Scroll?<\/h2>\n

Infinite scroll on tekniikka, joka on ollut k\u00e4yt\u00f6ss\u00e4 jo jonkin aikaa k\u00e4ytt\u00f6kokemuksen parantamiseksi. Loputon vieritys k\u00e4ytt\u00e4\u00e4 ns. AJAXia sivujen lataamiseen, kun ihmiset vieritt\u00e4v\u00e4t sivustoasi alasp\u00e4in, sen sijaan, ett\u00e4 k\u00e4ytt\u00e4j\u00e4n olisi napsautettava "Seuraava" n\u00e4hd\u00e4kseen lis\u00e4\u00e4 sis\u00e4lt\u00f6\u00e4.<\/p>\n

Ennen loputonta vieritt\u00e4mist\u00e4 sivustolla oli paljon yleisemp\u00e4\u00e4 k\u00e4ytt\u00e4\u00e4 sivutusta. T\u00e4m\u00e4 j\u00e4rjestelm\u00e4 luotti siihen, ett\u00e4 k\u00e4ytt\u00e4j\u00e4 vieritti alas verkkosivun alaosaan ja napsauta sitten "seuraava" tai "edellinen" -painiketta n\u00e4hd\u00e4ksesi lis\u00e4\u00e4 sis\u00e4lt\u00f6\u00e4.<\/p>\n

Infinite scroll toisaalta n\u00e4hd\u00e4\u00e4n yleisesti intuitiivisempana tapana tarjota verkkosivuston sis\u00e4lt\u00f6\u00e4 k\u00e4ytt\u00e4jille. Yksi suosittu sivusto, joka k\u00e4ytt\u00e4\u00e4 \u00e4\u00e4ret\u00f6nt\u00e4 vierityst\u00e4, on Medium.<\/p>\n

Kun vierailet Mediumissa, huomaat, ett\u00e4 kun vierit\u00e4t alasp\u00e4in, sivusto jatkaa lis\u00e4sis\u00e4ll\u00f6n hakemista. Se n\u00e4ytt\u00e4\u00e4 todella loputtomalta.<\/p>\n

Milloin Infinite Scrollia k\u00e4ytet\u00e4\u00e4n<\/h2>\n

Yleisimm\u00e4t verkkosivut, joissa k\u00e4ytet\u00e4\u00e4n \u00e4\u00e4ret\u00f6nt\u00e4 vierityst\u00e4, ovat ne, jotka tarjoavat lukijoille paljon blogisis\u00e4lt\u00f6\u00e4.<\/p>\n

Mutta mist\u00e4 tied\u00e4t, onko loputon vieritys ominaisuus, joka sinun pit\u00e4isi olla omalla WordPress-verkkosivustollasi?<\/p>\n

No, puhutaan siit\u00e4!<\/p>\n

Parhaita infinite scrollia k\u00e4ytt\u00e4vi\u00e4 verkkosivustoja ovat blogit, sosiaalinen media ja videosis\u00e4lt\u00f6\u00e4 sis\u00e4lt\u00e4v\u00e4t sivustot. Mutta itse asiassa kaikki verkkosivustot, joilla on paljon sis\u00e4lt\u00f6\u00e4 jaettavaksi k\u00e4ytt\u00e4jiens\u00e4 kanssa, voivat hy\u00f6ty\u00e4 loputtomasta vierityksest\u00e4.<\/p>\n

Loppujen lopuksi loputon vieritys tarjoaa k\u00e4ytt\u00e4jille sujuvan ja puhtaan tunteen. Ja vaikka se ei ehk\u00e4 vaikuta isolta jutulta, k\u00e4ytt\u00e4jien on paljon helpompaa vieritt\u00e4\u00e4 jatkuvasti kuin vieritt\u00e4\u00e4 ja napsauttaa loputtomasti.<\/p>\n

Itse asiassa loputon vieritys on v\u00e4hemm\u00e4n ty\u00f6t\u00e4 k\u00e4ytt\u00e4jille, mik\u00e4 yleens\u00e4 vakuuttaa heid\u00e4t pysym\u00e4\u00e4n pidemp\u00e4\u00e4n.<\/p>\n

Lis\u00e4ksi \u00e4\u00e4ret\u00f6n vieritys on loistava my\u00f6s mobiili- ja tablet-k\u00e4ytt\u00e4jille. Napsauttaminen on v\u00e4h\u00e4ist\u00e4 mukavuutta p\u00f6yt\u00e4tietokoneiden ja kannettavien tietokoneiden k\u00e4ytt\u00e4jille; mobiili- ja tablet-k\u00e4ytt\u00e4jille on kuitenkin huomattavaa tuskaa, ett\u00e4 heid\u00e4n on napsautettava kaikkea.<\/p>\n

Joten jos haluat tehostaa mobiilisitoutumista sivustossasi, \u00e4\u00e4ret\u00f6n vieritys on yksi parhaista tavoista tehd\u00e4 t\u00e4m\u00e4.<\/p>\n

Infinite Scrollin haitat<\/h2>\n

Vaikka \u00e4\u00e4ret\u00f6n vieritys on siisti\u00e4, se ei ole vailla haittoja.<\/p>\n

Aluksi loputtoman vierityksen ottaminen k\u00e4ytt\u00f6\u00f6n WordPress-verkkosivustollasi voi vaikuttaa sivustosi latausaikoihin.<\/p>\n

Yksi t\u00e4rkeimmist\u00e4 tavoista menesty\u00e4 verkkosivuston omistajana on nopeasti latautuva verkkosivusto. Jos sivustosi on tyylik\u00e4s ja kiilt\u00e4v\u00e4, mutta ei pysty n\u00e4ytt\u00e4m\u00e4\u00e4n sis\u00e4lt\u00f6\u00e4 nopeasti, ihmiset poistuvat.<\/p>\n

Onneksi on olemassa joitakin tapoja s\u00e4\u00e4st\u00e4\u00e4 sivustosi latausaikoja<\/a> jopa k\u00e4ytett\u00e4ess\u00e4 \u00e4\u00e4ret\u00f6nt\u00e4 vierityst\u00e4:<\/p>\n

    \n
  1. Tarkista sivuston ominaisuudet:<\/strong> varmista, ett\u00e4 WordPress-verkkosivustosi kest\u00e4\u00e4 loputtoman vierityksen aiheuttaman rasituksen (kysy is\u00e4nn\u00f6intipalveluntarjoajaltasi, jos et ole varma).<\/li>\n
  2. Katso kuvat:<\/strong> ota kuvia rennosti. Jos aiot sallia loputtoman m\u00e4\u00e4r\u00e4n sis\u00e4lt\u00f6\u00e4 n\u00e4kyv\u00e4n sivustollasi, ole tietoinen lis\u00e4\u00e4mist\u00e4si kuvista, sill\u00e4 ne voivat hidastaa latausaikoja. K\u00e4yt\u00e4 vain korkealaatuisia kuvia<\/a>, jotka j\u00e4tt\u00e4v\u00e4t pysyv\u00e4n vaikutuksen verkkosivustollesi.<\/li>\n<\/ol>\n

    Toinen haittapuoli jatkuvan vierityksen k\u00e4ytt\u00e4misess\u00e4 verkkosivustollasi on, ett\u00e4 se vaikeuttaa tietyn sis\u00e4ll\u00f6n l\u00f6yt\u00e4mist\u00e4.<\/p>\n

    Ajattele sit\u00e4.<\/p>\n

    Olet verkkosivustolla ja olet selannut sis\u00e4lt\u00f6\u00e4 jonkin aikaa. Mutta nyt haluat palata takaisin ja katsoa jotain, jonka ohitit hetken uudelleen. Ongelmana on, ett\u00e4 nyt et l\u00f6yd\u00e4 sit\u00e4.<\/p>\n

    Mill\u00e4 sivulla se oli?<\/p>\n

    Niin se on oikein! Olet sivustolla, joka k\u00e4ytt\u00e4\u00e4 \u00e4\u00e4ret\u00f6nt\u00e4 vieritt\u00e4mist\u00e4. Sinun on vieritett\u00e4v\u00e4 koko matka takaisin yl\u00f6s ja toivottava, ett\u00e4 l\u00f6yd\u00e4t sen sis\u00e4ll\u00f6n, jonka haluat lukea.<\/p>\n

    Vaikka t\u00e4m\u00e4 haitta ei ole maailmanloppu, se voi vaikeuttaa verkkosivustosi tutkimista k\u00e4ytt\u00e4jille.<\/p>\n

    Lopuksi, loputtoman vierityksen ottaminen k\u00e4ytt\u00f6\u00f6n sivustollasi tekee sivustosi vierityspalkin hy\u00f6dytt\u00f6m\u00e4ksi ja est\u00e4\u00e4 sinua saamasta verkkosivuston alatunnistetta.<\/p>\n

    Loppujen lopuksi on t\u00e4rke\u00e4\u00e4 tehd\u00e4 kotiteht\u00e4v\u00e4si ja varmistaa, ett\u00e4 olet valmis siihen, mit\u00e4 \u00e4\u00e4ret\u00f6n vieritys tuo verkkosivustollesi. Muista vain, kaikki ei ole huonoa. Se vain on, ett\u00e4 jokaisella on erilaiset tarpeet.<\/p>\n

    Katsotaanpa nyt kuinka lis\u00e4t\u00e4 loputon vieritys WordPressiin.<\/p>\n

    Kuinka lis\u00e4t\u00e4 Infinite Scroll WordPressiin<\/h2>\n

    Vaihe 1: Asenna ja aktivoi Catch Infinite Scroll<\/h3>\n

    Jos haluat lis\u00e4t\u00e4 \u00e4\u00e4rett\u00f6m\u00e4n vierityksen WordPress-sivustollesi, sinun on ensin asennettava laajennus, kuten Catch Infinite Scroll<\/a>. Jos tarvitset apua t\u00e4ss\u00e4 vaiheessa, muista tarkistaa kuinka asennat WordPress-laajennuksen<\/a>.<\/p>\n

    Kun olet asentanut ja aktivoinut laajennuksen, WordPress-hallintasivullasi on uusi v\u00e4lilehti nimelt\u00e4 "Catch Infinite Scroll".<\/p>\n

    \"Kuinka<\/a><\/p>\n

    Vaihe 2: Valitse latausk\u00e4ynnistin<\/h3>\n

    Seuraavaksi haluat valita latausk\u00e4ynnistimen. Esimerkkiss\u00e4mme valitsemme Scroll<\/strong> – vaihtoehdon. Jos valitset Click<\/strong> – vaihtoehdon, laajennus antaa sinulle "Lataa lis\u00e4\u00e4" -painikkeen, jota k\u00e4ytt\u00e4j\u00e4t voivat napsauttaa ladatakseen lis\u00e4\u00e4 sis\u00e4lt\u00f6\u00e4.<\/p>\n

    \"Kuinka<\/a><\/p>\n

    Vierit\u00e4<\/strong> -vaihtoehdon valitseminen saa sivustosi lataamaan lis\u00e4\u00e4 sis\u00e4lt\u00f6\u00e4 automaattisesti. Se lataa t\u00e4m\u00e4n sis\u00e4ll\u00f6n, kun k\u00e4ytt\u00e4j\u00e4 vieritt\u00e4\u00e4 sen sijaan, ett\u00e4 h\u00e4nen pit\u00e4isi napsauttaa mit\u00e4 tahansa n\u00e4hd\u00e4kseen lis\u00e4\u00e4 sis\u00e4lt\u00f6\u00e4.<\/p>\n

    Lataustriggeriasetuksen alapuolella n\u00e4et navigointi-, seuraava-, sis\u00e4lt\u00f6- ja kohteiden valitsimet. Mit\u00e4\u00e4n n\u00e4ist\u00e4 ei tarvitse muuttaa t\u00e4t\u00e4 opetusohjelmaa varten, koska ne toimivat hyvin heti valmiina.<\/p>\n

    Vaihe 3: Valitse kuvavaihtoehto<\/h3>\n

    Catch Infinite Scrollin kuvavaihtoehdon avulla voit ladata oman mukautetun kuvan. T\u00e4m\u00e4 kuva tulee n\u00e4kyviin, kun sivustosi lataa lis\u00e4\u00e4 sis\u00e4lt\u00f6\u00e4 ihmisten vieriess\u00e4 alasp\u00e4in.<\/p>\n

    T\u00e4ss\u00e4 on Catch Infinite Scrollin oletuslatauskuva:<\/p>\n

    \"Kuinka<\/a><\/p>\n

    T\u00e4m\u00e4 helppok\u00e4ytt\u00f6inen laajennus kuitenkin antaa sinulle mahdollisuuden lis\u00e4t\u00e4 oman mukautetun kuvan, joka sopii erinomaisesti niille, jotka k\u00e4ynnist\u00e4v\u00e4t verkkoyrityksen, j\u00e4sensivuston<\/a> tai verkkokaupan.<\/p>\n

    Vaihe 4: M\u00e4\u00e4rit\u00e4 "Lopeta teksti" -vaihtoehto<\/h3>\n

    Viimeinen asetus, joka meid\u00e4n on m\u00e4\u00e4ritett\u00e4v\u00e4, on "Finish Text" -vaihtoehto. T\u00e4m\u00e4 on teksti, joka tulee n\u00e4kyviin, kun k\u00e4ytt\u00e4j\u00e4 on vieritt\u00e4nyt l\u00e4pi ehdottomasti kaiken, mit\u00e4 sinulla on tarjota verkkosivustollasi.<\/p>\n

    T\u00e4m\u00e4 teksti n\u00e4kyy sivuston vierailijoille vain, kun siell\u00e4 ei ole muuta n\u00e4ht\u00e4v\u00e4\u00e4.<\/p>\n

    \"Kuinka<\/a><\/p>\n

    Voit muokata t\u00e4t\u00e4 teksti\u00e4 sanomaan mit\u00e4 tahansa, kuten "Sis\u00e4ll\u00f6n loppu". Oletusarvoinen "Ei en\u00e4\u00e4 n\u00e4ytett\u00e4v\u00e4t kohteet" -viesti toimii kuitenkin hyvin.<\/p>\n

    Kun olet valmis, napsauta Tallenna muutokset<\/strong> tallentaaksesi asetukset ja ottaaksesi \u00e4\u00e4rett\u00f6m\u00e4n vierityksen k\u00e4ytt\u00f6\u00f6n verkkosivustollasi.<\/p>\n

    \"Kuinka<\/a><\/p>\n

    K\u00e4\u00e4rimist\u00e4<\/h2>\n

    Ja siin\u00e4 se on! Tied\u00e4t nyt, kuinka lis\u00e4t\u00e4 WordPressiin loputon vieritys, jotta voit lis\u00e4t\u00e4 sitoutumista, lis\u00e4t\u00e4 sivustossasi vietetty\u00e4 aikaa ja tehd\u00e4 k\u00e4ytt\u00e4j\u00e4kokemuksesta muistettavaa kaikille sivustollesi saapuville.<\/p>\n

    Etsitk\u00f6 toista tapaa houkutella sivuston k\u00e4vij\u00f6it\u00e4 ja tehostaa tuloksia samalla kun olet siin\u00e4? Muista sitten tutustua markkinoiden suosituimpiin WordPress<\/a> -palkintolaajennuksiin ja luoda kilpailu, johon ihmiset haluavat osallistua.<\/p>\n

    K\u00e4yt\u00e4tk\u00f6 WordPress-verkkosivustollasi \u00e4\u00e4ret\u00f6nt\u00e4 vierityst\u00e4? K\u00e4ytitk\u00f6 WordPress-laajennusta ottamaan k\u00e4ytt\u00f6\u00f6n \u00e4\u00e4rett\u00f6m\u00e4n vierityksen? Jos n\u00e4in on, haluaisimme kuulla kaiken siit\u00e4 alla olevissa kommenteissa!<\/p>\n

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

    Jos haluat ainutlaatuisen tavan lis\u00e4t\u00e4 sitoutumista ja parantaa k\u00e4ytt\u00f6kokemusta, katso kuinka lis\u00e4t\u00e4 loputon vieritys WordPressiin muutaman yksinkertaisen vaiheen avulla.<\/p>\n","protected":false},"author":1,"featured_media":220880,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[895,843,864],"tags":[1166],"class_list":["post-225609","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-koodi","category-opetusohjelmia","category-wordpress-5","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/225609","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=225609"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/225609\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/220880"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=225609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=225609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=225609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}