Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come aggiungere lo scorrimento infinito al vostro sito WordPress (passo dopo passo)

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Volete aggiungere lo scroll infinito al vostro blog WordPress?

Lo scroll infinito carica automaticamente il contenuto della pagina successiva, in modo che i visitatori non debbano cliccare sui link di paginazione o sul pulsante “load more” in fondo alla pagina.

In questo articolo vi mostreremo come aggiungere facilmente lo scroll infinito al vostro blog WordPress, passo dopo passo.

How to Add Infinite Scroll to Your WordPress Site (Step by Step)

Perché aggiungere lo scorrimento infinito al vostro sito WordPress?

Lo scroll infinito è una tendenza del web design che utilizza la tecnologia di caricamento delle pagine AJAX per caricare automaticamente la pagina successiva di contenuti e mostrarla alla fine della pagina corrente. Può rendere più facile e piacevole per i visitatori la navigazione tra i vostri contenuti.

Invece di cliccare sui link per vedere di più, lo scroll infinito carica automaticamente i nuovi contenuti man mano che gli utenti scorrono verso il basso. Questa esperienza più fluida può far rimanere gli utenti sul vostro sito più a lungo e può aumentare le pagine viste.

Pagination on a WordPress website

Detto questo, lo scroll infinito potrebbe non essere la scelta migliore per ogni tipo di sito web, come ad esempio le directory web in cui ogni pagina è una lettera diversa dell’alfabeto. Se si utilizza lo scorrimento infinito, non si può nemmeno mostrare un piè di pagina sul proprio blog WordPress.

Inoltre, lo scroll infinito potrebbe gravare ulteriormente sul vostro server. Quindi, se volete provarlo, è una buona idea ottimizzare le prestazioni del vostro sito WordPress.

Detto questo, vediamo come aggiungere lo scroll infinito al vostro sito WordPress. Potete usare questi collegamenti rapidi per passare a un metodo specifico:

Metodo 1: Aggiungere lo scorrimento infinito con Catch Infinite Scroll (consigliato)

Durante i nostri test e le nostre ricerche, abbiamo scoperto che il modo migliore per aggiungere lo scorrimento infinito è il plugin Catch Infinite Scroll. Oltre a essere semplice da usare, consente anche di personalizzare il comportamento dello scorrimento infinito.

La prima cosa da fare è installare e attivare il plugin Catch Infinite Scroll. Per maggiori dettagli, consultate la nostra guida passo-passo su come installare un plugin di WordPress.

Dopo l’attivazione, nella dashboard di WordPress apparirà una nuova voce di menu denominata “Catch Infinite Scroll”. È sufficiente fare clic su di essa per configurare le impostazioni del plugin.

Adding infinite scroll to your WordPress website

Vogliamo attivare lo scorrimento infinito quando l’utente inizia a scorrere la pagina.

A questo punto, aprire il menu a tendina “Carica su” e scegliere “Scorrimento”.

Adding infinite scroll to your WordPress blog

Se si sceglie “Fare clic”, Catch Infinite Scroll mostrerà invece il pulsante “Carica altro”.

Poi, è possibile personalizzare il selettore di navigazione, il selettore successivo, il selettore dei contenuti e il selettore degli elementi. Le impostazioni predefinite funzionano abbastanza bene, quindi non è necessario apportare modifiche.

La sezione ‘Immagine’ mostra l’icona del caricatore di contenuti che Infinite Scroll mostrerà quando sta caricando i contenuti.

Per impostazione predefinita, utilizza un’immagine GIF di caricamento, ma è possibile modificarla. È sufficiente fare clic su “Carica” e scegliere un’immagine dalla libreria multimediale o caricare un nuovo file.

Creating an infinite scrolling animation

Quando si è soddisfatti dell’impostazione dello scorrimento infinito, fare clic sul pulsante “Salva modifiche” per memorizzare le modifiche.

Ora, se visitate il vostro sito web WordPress, vedrete lo scorrimento infinito in azione.

WordPress Infinite Scroll Preview

Metodo 2: Aggiungere lo scorrimento infinito con YITH Infinite Scrolling (facile)

Se cercate un’alternativa semplice e senza impostazioni da configurare, allora potreste provare YITH Infinite Scrolling.

Questo plugin funziona subito, quindi è sufficiente installarlo e attivarlo per aggiungere lo scorrimento infinito al vostro sito web WordPress. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin per WordPress.

Dopo l’attivazione, è possibile visitare il proprio sito web per vedere la nuova funzione di scorrimento infinito in azione.

Se volete modificare lo scorrimento infinito, troverete alcune semplici impostazioni andando su YITH ” Scorrimento infinito nella vostra dashboard di WordPress.

The YITH Infinite Scrolling WordPress plugin

Qui è possibile attivare e disattivare lo scorrimento infinito.

È anche possibile modificare l’immagine o la GIF che YITH mostra durante il caricamento dei contenuti. Basta scorrere la sezione “Immagine di caricamento” e cliccare su “Carica”.

How to change the loading icon

Quindi, scegliere un’immagine dalla libreria multimediale di WordPress o caricare una nuova immagine dal computer.

Metodo 3: Aggiungere lo scorrimento infinito con Ajax Load More (avanzato)

Ajax Load More ha un’interfaccia avanzata con molte opzioni diverse, tra cui un modello di ripetizione, un costruttore di shortcode e query per WordPress.

Il plugin offre anche ulteriori impostazioni di personalizzazione, tra cui molti stili di icone e pulsanti per il caricamento delle pagine.

Per questo motivo, la curva di apprendimento è più ripida e non è consigliata ai principianti. Tuttavia, offre agli utenti più esperti un controllo completo sullo scorrimento infinito del sito web.

Per una guida dettagliata, potete consultare il nostro tutorial sulla creazione di un pulsante per caricare altri post in WordPress utilizzando il plugin Ajax Load More.

The AJAX Load More WordPress plugin

Aggiungere lo scorrimento infinito in WordPress: Domande frequenti

Avete ancora domande sull’aggiunta dello scroll infinito al vostro sito WordPress? Discutiamo alcune delle domande più frequenti su questa funzione di design.

Lo scroll infinito è un bene o un male?

Lo scroll infinito ha i suoi pro e i suoi contro. È ottimo per siti web come i social media, i blog e i siti di notizie, dove gli utenti si divertono a sfogliare una varietà di contenuti. Tuttavia, per i siti orientati agli obiettivi, come quelli di e-commerce, può essere frustrante per gli utenti che cercano di trovare articoli specifici.

Lo scroll infinito migliora le prestazioni?

Lo scroll infinito può facilitare agli utenti l’accesso rapido a più contenuti, soprattutto sui dispositivi mobili dove lo scorrimento è naturale.

Tuttavia, senza un’adeguata ottimizzazione, può rallentare i tempi di caricamento delle pagine, soprattutto con i file multimediali di grandi dimensioni. Ecco perché è bene seguire le migliori pratiche per la velocità e le prestazioni dei siti web.

Lo scroll infinito è dannoso per la SEO?

Senza un’adeguata ottimizzazione, lo scroll infinito può essere dannoso per la SEO di WordPress. I motori di ricerca potrebbero non indicizzare tutti i contenuti, poiché non scorrono automaticamente verso il basso.

Ma ci sono modi per ottimizzarlo per una migliore SEO. È possibile aggiungere un pulsante “load more” utilizzando AJAX, in modo che i motori di ricerca riconoscano il materiale aggiuntivo, utilizzare il markup schema per chiarire i contenuti per i motori di ricerca e precaricare i link ai contenuti futuri.

Lo scroll infinito è meglio della paginazione?

Se lo scorrimento infinito sia migliore della paginazione dipende da ciò che funziona meglio per il vostro sito web e per gli utenti. Lo scorrimento infinito offre un’esperienza senza soluzione di continuità, mentre la paginazione fornisce una struttura più chiara. Entrambi hanno i loro vantaggi, quindi scegliete in base ai vostri contenuti e alle preferenze del pubblico.

Speriamo che questo tutorial vi abbia aiutato a capire come aggiungere lo scroll infinito al vostro sito WordPress. Potreste anche voler imparare come aumentare il traffico del vostro blog o dare un’occhiata alle scelte dei nostri esperti sui plugin WordPress indispensabili per far crescere il vostro sito web.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

22 commentiLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    How does the search bot behave with infinite scrolling? Can it load the site content, does it only load the first page and skip the rest of the content? I’m interested in this for SEO reasons.

    • WPBeginner Support says

      Search plugins would normally scan all of your content but it would depend on the infinite scroll solution for how it would interact with your search in terms of displaying the results.

      Admin

  3. Ben says

    Hi, When using infinite scroll and the user clicks on a post the back button takes them to the top of the list rather than where they were before.
    Is there a fix for this?

    • WPBeginner Support says

      Not at this time, you would want to reach out to the plugin’s support for the possibility to add that feature in the future.

      Admin

  4. Abuel says

    Hello!

    I want to ask on how can i activate infinite scrolling on my blog page that i created using elementor?

    Thank you.

    • WPBeginner Support says

      You would want to reach out to elementor’s support for that question as elementor’s settings would be the ones your site follows.

      Admin

  5. Steve says

    This article is helpful. It’s unclear though how to add content to the scroll. I’d appreciate an explanation.

    • WPBeginner Support says

      You would want to check with the support for the plugin you are using for if that is an option or if they have a recommended method for setting that up.

      Admin

  6. Max says

    Hi, great post as usual! Is there also a solution to implement a sorting by a category or a tag that the user can choose like in the Neil Patel’s blog listing page?! Thank you in advance.

  7. Fman says

    Hi there wpbeginner!

    I would like to add infinite scroll to related products on my woocommerce site, how do we do that ?

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.