{"id":239499,"date":"2022-04-13T09:50:00","date_gmt":"2022-04-13T06:50:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=239499"},"modified":"2022-05-16T10:29:45","modified_gmt":"2022-05-16T07:29:45","slug":"kuinka-lisata-infinite-scrollia-wordpressilla","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-lisata-infinite-scrollia-wordpressilla\/","title":{"rendered":"Kuinka lis\u00e4t\u00e4 Infinite Scrollia WordPressill\u00e4"},"content":{"rendered":"

Infinite scroll on mahtava tapa helpottaa sis\u00e4ll\u00f6n selaamista.<\/p>\n

Se toimii lataamalla sivulle uusia viestej\u00e4 vierailijoiden vieriess\u00e4 sen sijaan, ett\u00e4 he napsauttaisivat viestien seuraavaa sivua. Joten kuinka lis\u00e4\u00e4t sivustollesi \u00e4\u00e4rett\u00f6m\u00e4n vierityksen?<\/p>\n

N\u00e4m\u00e4 ovat kaksi parasta l\u00e4hestymistapaa ja laajennusta, joita voit k\u00e4ytt\u00e4\u00e4 sivustossasi.<\/p>\n

Paras \u00e4\u00e4rett\u00f6m\u00e4n vierityksen toteutus WordPress-sivustoille on Jetpack-laajennus<\/a>.<\/p>\n

Ennen kuin asennat sen, ota yhteytt\u00e4 teeman kehitt\u00e4j\u00e4\u00e4n ja kysy, onko teemallasi tukea. Jos n\u00e4in on, voit yksinkertaisesti asentaa Jetpackin ja aktivoida \u00e4\u00e4rett\u00f6m\u00e4n vieritysmoduulin<\/a>.<\/p>\n

Kaikilla teemoilla ei kuitenkaan ole jo tukea, etk\u00e4 ehk\u00e4 halua asentaa Jetpack-laajennusta. Jos se olet sin\u00e4, t\u00e4ss\u00e4 on vaihtoehtoinen tapa lis\u00e4t\u00e4 loputon vieritys.<\/p>\n

Oletko kilpailevien teemojen k\u00e4ytt\u00e4j\u00e4?<\/strong> Kaikki teemamme<\/a> sis\u00e4lt\u00e4v\u00e4t tuen loputtomaan vieritykseen Jetpackin avulla.<\/p>\n

Vaihtoehto \u00e4\u00e4rett\u00f6m\u00e4lle vieritykselle ilman Jetpackia<\/a> on k\u00e4ytt\u00e4\u00e4 YITH Infinite Scrolling<\/a> -laajennusta.<\/p>\n

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

Vaikka t\u00e4m\u00e4 laajennus toimii hyvin, asennus on hieman tekninen. Kerrotaan nyt vaiheet.<\/p>\n

Asenna ja aktivoi<\/h3>\n

Asenna ja aktivoi ensin YITH Infinite Scrolling Plugins-valikon kautta. Kun olet asentanut, l\u00f6yd\u00e4t uuden YITH Plugins -valikkokohdan lis\u00e4ttyn\u00e4 kojelautaan. Napsauta sit\u00e4 n\u00e4hd\u00e4ksesi Infinite Scrolling -asetukset.<\/p>\n

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

M\u00e4\u00e4rit\u00e4 asetukset<\/h3>\n

T\u00e4m\u00e4 osa saattaa kompastua, jos et tied\u00e4 mit\u00e4\u00e4n HTML:st\u00e4 ja CSS:st\u00e4.<\/p>\n

Jotta laajennus toimisi, sinun on annettava sille CSS-valitsimet nelj\u00e4lle eri HTML-elementille. Plugin ei voi tiet\u00e4\u00e4 n\u00e4it\u00e4 valitsimia etuk\u00e4teen, mink\u00e4 vuoksi sinun on sy\u00f6tett\u00e4v\u00e4 ne itse.<\/p>\n

Sinun ei tarvitse tehd\u00e4 t\u00e4t\u00e4 Jetpackin kanssa, koska teeman kirjoittaja on jo tehnyt sen puolestasi.<\/p>\n

Kuinka l\u00f6yt\u00e4\u00e4 CSS-valitsimet<\/h4>\n

Jos et tied\u00e4, mit\u00e4 CSS on tai miten se liittyy verkkosivustoosi, katso CSS with WordPress -yleiskatsaus<\/a>.<\/p>\n

Tarvitsemasi CSS-valitsimien l\u00f6yt\u00e4minen on todella helppoa ja yksinkertaista oikealla l\u00e4hestymistavalla. Jos et ole varma, kuinka l\u00f6yd\u00e4t ne jo, seuraa t\u00e4t\u00e4 opetusohjelmaa CSS-valitsimien l\u00f6yt\u00e4miseen<\/a>. Se on helpoin tapa navigoida sivustosi HTML-koodissa l\u00f6yt\u00e4\u00e4ksesi etsim\u00e4si elementit.<\/p>\n

Lis\u00e4\u00e4 valitsimet<\/h4>\n

Kopioi jokainen valitsin YITH Infinite Scrollingin tuloihin sit\u00e4 mukaa kun l\u00f6yd\u00e4t ne. Jos olet Compete Themes -k\u00e4ytt\u00e4j\u00e4, voit kopioida tarkat luokat, joita k\u00e4ytet\u00e4\u00e4n yll\u00e4 olevassa kuvakaappauksessa.<\/p>\n

Nyt kun vierit\u00e4t verkkosivustoasi alasp\u00e4in, uudet viestit latautuvat sivulle automaattisesti. Laajennus toimii heti, kun nelj\u00e4 CSS-valitsinta on toimitettu.<\/p>\n

\u00c4\u00e4ret\u00f6n vieritys Apex-teemassa<\/a> YITH Infinite Scrollingilla.<\/p>\n

Yll\u00e4 olevat kaksi menetelm\u00e4\u00e4 ovat helpoimpia ja tehokkaimpia lis\u00e4t\u00e4ksesi loputonta vierityst\u00e4 WordPress-sivustollesi.<\/p>\n

Vaikka vaihtoehtoisia laajennuksia on olemassa, ne vaativat my\u00f6s kourallisen CSS-valitsimia, eik\u00e4 mik\u00e4\u00e4n toimi yht\u00e4 hyvin kuin YITH-laajennus. \u00c4\u00e4rett\u00f6m\u00e4n vierityksen m\u00e4\u00e4ritt\u00e4minen voi olla hieman hankalaa, mutta kun olet lis\u00e4nnyt sen, se toimii saumattomasti vierailijoillesi.<\/p>\n

Jos sinulla on kysytt\u00e4v\u00e4\u00e4 \u00e4\u00e4rett\u00f6m\u00e4st\u00e4 vierityksest\u00e4 tai sen lis\u00e4\u00e4misest\u00e4 sivustollesi, l\u00e4het\u00e4 kommentti alle.<\/p>\n

Paljastus:<\/strong> T\u00e4m\u00e4 viesti saattaa sis\u00e4lt\u00e4\u00e4 kumppanilinkkej\u00e4. Tuotteen ostaminen jonkin n\u00e4ist\u00e4 linkeist\u00e4 tuottaa meille palkkion ilman lis\u00e4kuluja.<\/p>\n

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

Opi kaksi helpointa tapaa lis\u00e4t\u00e4 \u00e4\u00e4ret\u00f6n vieritys WordPress-sivustollesi. Ensimm\u00e4inen menetelm\u00e4 saattaa olla uskomattoman yksinkertainen, mutta se riippuu yhdest\u00e4 asiasta…<\/p>\n","protected":false},"author":1,"featured_media":257628,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[550],"tags":[843],"class_list":["post-239499","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mukauta-wordpress","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/239499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=239499"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/239499\/revisions"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=239499"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=239499"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=239499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}