{"id":245524,"date":"2022-04-13T09:35:00","date_gmt":"2022-04-13T06:35:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=245524"},"modified":"2022-05-16T12:05:54","modified_gmt":"2022-05-16T09:05:54","slug":"come-aggiungere-scorrimento-infinito-con-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-aggiungere-scorrimento-infinito-con-wordpress\/","title":{"rendered":"Come aggiungere scorrimento infinito con WordPress"},"content":{"rendered":"<p>Lo scorrimento infinito \u00e8 un modo fantastico per semplificare la navigazione dei tuoi contenuti.<\/p>\n<p>Funziona caricando nuovi post nella pagina mentre i visitatori scorrono invece di farli cliccare sulla pagina successiva di post. Quindi, come si aggiunge lo scorrimento infinito al tuo sito?<\/p>\n<p>Questi sono i due migliori approcci e plugin che puoi utilizzare per il tuo sito.<\/p>\n<p>La migliore implementazione dello scroll infinito per i siti WordPress \u00e8 nel <a href=\"https:\/\/wordpress.org\/plugins\/jetpack\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">plugin Jetpack<\/a>.<\/p>\n<p>Prima di installarlo, contatta lo sviluppatore del tuo tema e chiedi se il tuo tema ha supporto. In tal caso, puoi semplicemente installare Jetpack e attivare il <a href=\"https:\/\/jetpack.com\/support\/infinite-scroll\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">modulo di scorrimento infinito<\/a>.<\/p>\n<p>Detto questo, non tutti i temi hanno gi\u00e0 il supporto e potresti non voler installare il plug-in Jetpack. Se sei tu, ecco un modo alternativo per aggiungere lo scorrimento infinito.<\/p>\n<p><strong>Sei un utente di Compete Themes?<\/strong> Tutti i <a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">nostri temi<\/a> includono il supporto per lo scorrimento infinito con Jetpack.<\/p>\n<p>L&#8217;alternativa per lo scorrimento infinito senza Jetpack \u00e8 utilizzare il plugin <a href=\"https:\/\/wordpress.org\/plugins\/yith-infinite-scrolling\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">YITH Infinite Scrolling<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/yith-infinite-scrolling\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176925-616f33793454c.png\" alt=\"Come aggiungere scorrimento infinito con WordPress\" \/><\/a><\/p>\n<p>Sebbene questo plugin funzioni alla grande, l&#8217;installazione \u00e8 un po&#8217; tecnica. Copriamo i passaggi ora.<\/p>\n<h3>Installa e attiva<\/h3>\n<p>Innanzitutto, installa e attiva YITH Infinite Scrolling tramite il menu Plugin. Una volta installato, troverai una nuova voce di menu di YITH Plugins aggiunta alla tua dashboard. Fare clic su di esso per visualizzare le impostazioni di scorrimento infinito.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176925-616f337bd829d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176925-616f337bd829d.png\" alt=\"Come aggiungere scorrimento infinito con WordPress\"><\/a><\/p>\n<h3>Configura le impostazioni<\/h3>\n<p>Questa parte potrebbe farti inciampare se non sai nulla di HTML e CSS.<\/p>\n<p>Per far funzionare il plugin, devi fornirgli selettori CSS per quattro diversi elementi HTML. Non c&#8217;\u00e8 modo che un plugin possa conoscere questi selettori in anticipo, motivo per cui dovrai inserirli tu stesso.<\/p>\n<p>Non \u00e8 necessario farlo con Jetpack perch\u00e9 l&#8217;autore del tema lo ha gi\u00e0 fatto per te.<\/p>\n<h4>Come trovare i selettori CSS<\/h4>\n<p>Se non sai cos&#8217;\u00e8 il CSS o come si collega al tuo sito web, dai un&#8217;occhiata alla nostra <a href=\"https:\/\/themewp.inform.click\/it\/che-cose-il-css-e-in-che-modo-influisce-su-wordpress\/\" title=\"panoramica CSS con WordPress\">panoramica CSS con WordPress<\/a>.<\/p>\n<p>Trovare i selettori CSS di cui hai bisogno \u00e8 in realt\u00e0 facile e diretto con il giusto approccio. Se non sei gi\u00e0 sicuro di come trovarli, segui <a href=\"https:\/\/themewp.inform.click\/it\/come-trovare-i-selettori-css-sui-siti-wordpress\/\" title=\"questo tutorial per trovare i selettori CSS\">questo tutorial per trovare i selettori CSS<\/a>. \u00c8 il modo pi\u00f9 semplice per navigare nell&#8217;HTML del tuo sito per trovare gli elementi che stai cercando.<\/p>\n<h4>Aggiungi i selettori<\/h4>\n<p>Copia ogni selettore negli input in YITH Infinite Scrolling man mano che li trovi. Se sei un utente di Compete Themes, puoi copiare le classi esatte utilizzate nello screenshot qui sopra.<\/p>\n<p>Ora mentre scorri verso il basso il tuo sito web, i nuovi post verranno caricati automaticamente nella pagina. Il plugin funziona subito una volta forniti i quattro selettori CSS.<\/p>\n<p>Scorrimento infinito nel <a href=\"https:\/\/www.competethemes.com\/apex\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tema Apex<\/a> con YITH Infinite Scrolling.<\/p>\n<p>I due metodi precedenti sono i pi\u00f9 semplici ed efficaci per aggiungere lo scorrimento infinito al tuo sito WordPress.<\/p>\n<p>Sebbene ci siano plugin alternativi, anch&#8217;essi richiedono una manciata di selettori CSS e nessuno funziona bene come il plugin YITH. Configurare lo scorrimento infinito pu\u00f2 essere un po&#8217; complicato, ma una volta aggiunto, funzioner\u00e0 perfettamente per i tuoi visitatori.<\/p>\n<p>Se hai domande sullo scorrimento infinito o sull&#8217;aggiunta al tuo sito, pubblica un commento qui sotto.<\/p>\n<p><strong>Divulgazione:<\/strong> questo post potrebbe contenere link di affiliazione. L&#8217;acquisto di un prodotto tramite uno di questi link genera per noi una commissione senza costi aggiuntivi per te.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Scopri i due modi pi\u00f9 semplici per aggiungere lo scorrimento infinito al tuo sito WordPress. Il primo metodo potrebbe essere incredibilmente semplice, ma dipende da una cosa&#8230;<\/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":[551],"tags":[846],"class_list":["post-245524","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizza-wordpress","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/245524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/comments?post=245524"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/posts\/245524\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media\/257628"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/media?parent=245524"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/categories?post=245524"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/it\/wp-json\/wp\/v2\/tags?post=245524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}