Vorresti aggiungere lo scorrimento infinito su WordPress?

C'è qualcosa di più avvincente del feed di notizie di Facebook? Voglio dire, sono seduto qui a scrivere questo tutorial, ma questa funzione avvincente continua a scorrere... di nuovo... di nuovo.

Questa è una funzionalità che utilizza Facebook, che si chiama: " scorrimento infinito "O" scorrimento infinito ", per il feed di notizie. Invece di dover fare clic su un pulsante o " seguente "O" Per Saperne Di Più ", Il contenuto continua a caricarsi quando si scorre la pagina verso il basso.

aggiungere lo scorrimento infinito su WordPress

E indovina cosa? Puoi ottenere lo stesso effetto sul tuo blog WordPress aggiungendo lo scorrimento infinito.

In questo tutorial discuterò alcuni dei pro e dei contro dello scrolling infinito e poi ti mostrerò come impostare uno scroll infinito sul tuo blog WordPress.

Ma prima, se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Quindi torniamo al perché siamo qui.

Vantaggi dello scorrimento infinito

Molti grandi marchi hanno sperimentato lo scorrimento infinito, che ci dà il vantaggio di poter esaminare i loro dati. Ecco alcuni dei vantaggi che sono stati sperimentati dai social network:

A proposito, scopri come creare un testo scorrevole su Divi

  • altro Vista - NBC News ha rilevato che gli utenti di rete fissa hanno visitato il 20% in più di pagine per visita con scorrimento infinito. Allo stesso modo, " di stima "Ha anche scoperto che 21% dei suoi utenti ha optato per il resto del contenuto con scorrimento infinito.
  • Frequenza di rimbalzo molto bassa  - " di stima Inoltre ha ridotto la frequenza di rimbalzo del 15% quando ha optato per uno scorrimento infinito.
  • Esperienza utente migliorata - Detto questo, tutti sono d'accordo. Alcuni esperti lo hanno affermato scorrimento infinito UX aumenta l'esposizione dei contenuti degli utenti, costringendo gli utenti a fare meno clic offrendo una migliore esperienza mobile.

Non posso dire con certezza che otterrai gli stessi risultati di questi grandi marchi, ma se hai molti post sul blog, lo scorrimento sarà sicuramente una buona opzione.

Scopri quando e come installare WordPress in una sottodirectory

La maggior parte dei social network si affida allo scrolling infinito per questi stessi motivi.

Svantaggi con scorrimento infinito

Non tutto è sempre roseo con lo scorrimento infinito. Vi sono certamente alcuni potenziali punti negativi che dovresti considerare:

  • Nessun piè di pagina - perdi sul tuo piè di pagina, quando opti per lo scorrimento infinito. Sarà un grosso handicap se vuoi offrire maggiori informazioni a piè di pagina. Ad esempio, se utilizzi il piè di pagina per visualizzare le informazioni sugli affiliati, dovrai trovare un nuovo modo per visualizzare tali informazioni.
  • Il rimbalzo della barra di scorrimento provoca una brutta esperienza  - Poiché il sito Web è sempre in caricamento, è molto probabile che la lunghezza delle barre di caricamento cambi, il che può farti perdere traccia della lettura, con conseguente cattiva esperienza utente.
  • Nessuna sensazione di "completamento" - Questa non è un'insinuazione. I ricercatori di Nielsen hanno scoperto che gli utenti provano un senso di completezza quando raggiungono la fine di una pagina. Lo scorrimento infinito lo rende impossibile.

Inoltre, nella sezione "Vantaggi", lo scorrimento infinito è utile quando si hanno molti post di blog altrettanto importanti. Ebbene, è vero anche il contrario:

Vedi anche in questo articolo come correggere l'errore "cartella temporanea mancante" su WordPress

Se i tuoi articoli hanno un'importanza diseguale (ad esempio, alcuni articoli hanno fino a parole 2.000 e alcuni hanno solo parole 300), lo scorrimento così infinito, non è certamente una buona idea per il tuo sito web.

Come aggiungere scroll infinito su WordPress

Per aggiungere lo scorrimento infinito su WordPress, puoi utilizzare un plug-in gratuito chiamato " Altro Ajax Loader ". Questo plugin offre tonnellate di estensioni premium che possono potenziarne le funzionalità, ma la versione gratuita dovrebbe essere sufficiente per aggiungere semplicemente lo scrolling infinito al tuo sito web.

Andare oltre anche consultando Javascript su WordPress: caso d'uso AJAX

Il plug-in di base funziona generando un shortcode che aggiungi a una pagina. Questa pagina visualizza quindi i post del tuo blog in uno scorrimento infinito. Ci sono alcuni altri piccoli passi che dovrai completare durante il corso. Ecco come mettere tutto a posto:

L'installazione e la configurazione del plugin

Puoi trovare " Altro Ajax Loader » nell'elenco di plugin di WordPress. Installa e attiva il plug-in come faresti con qualsiasi altro plug-in.

Una volta attivato, vedrai una nuova opzione " Ajax Carica di più ". Vai a " Ajax Carica altro> → Modello ripetitore Per creare il tuo modello.

« Il tuo modello> Repeater È il modello che definisce come gli articoli dovrebbero apparire in uno scorrimento infinito. Puoi cambiarlo, ma devi conoscere un po 'di PHP. Tuttavia, il modello predefinito dovrebbe andare bene per la maggior parte degli utenti:

Costruzione-dun-model-wordpress

L'unica cosa importante da notare è che il modello predefinito "Ripetitore" mostrerà solo estratti di articoli, non articoli completi. Se vuoi visualizzare gli articoli completi, devi sostituire " the_excerpt () "Con" the_content () '.

Se conosci PHP, puoi comunque personalizzare questo modello. Altrimenti, va bene lasciare il modello " Ripetitore Di default.

Leggi anche il nostro articolo su 9 plugin di WordPress per creare griglie di prezzo su un blog

Ci sono molte cose che puoi configurare qui. Hai la possibilità di cambiare cosa verrà mostrato nello scorrimento infinito e come si comporterà tutto.

Non posso nominare tutte le possibilità in questo articolo, ma ecco alcune delle caselle che vorrai sicuramente riempire:

  • post_type - L'impostazione predefinita prevede di includere solo articoli. Ma puoi anche includere pagine personalizzate o formati di post.
  • categoria - Puoi includere solo alcune categorie oppure non puoi escludere determinate categorie.
  • autore - Questa è una funzione interessante in cui è possibile aggiungere lo scorrimento infinito per un autore specifico.
  • posts_per_page - Definisci il numero di articoli che " Altro Ajax Loader Dovrebbe caricarsi ogni volta che si aggiorna.
  • pausa - È sicuramente un elemento importante. Per lo scorrimento infinito vero dovresti impostarlo su "false" qui. In caso contrario, gli utenti dovranno fare clic per visualizzare gli altri articoli.
  • scorrere - L'importante è abilitare questa funzione in modo che gli articoli vengano caricati automaticamente quando gli utenti scorrono la pagina.

Scopri anche il nostro 5 temi WordPress per podcaster

Dopo aver configurato tutto, copia il file shortcode sul lato destro della pagina:

la copia-shortcode-ajax-loader-più

Tutto quello che devi fare è aggiungere questo shortcode alla pagina in cui desideri che appaia il tuo scorrimento infinito. Ad esempio, puoi aggiungerlo a una pagina chiamata " Blog Per renderlo la tua pagina blog predefinita.

Scopri anche alcuni plugin WordPress premium  

Puoi usare altro plugin di WordPress per dare un aspetto moderno e per ottimizzare la gestione del tuo blog o sito web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. Youtube e Vimeo Pagination Gallery

Questo plugin premium per WordPress è una galleria reattiva e mobile con molte funzionalità completamente configurabili. Può visualizzare video da playlist di YouTube, parole chiave o cercare per album, canale, gruppo o parola chiave da Vimeo. Le griglie possono essere personalizzate in diversi modi. La Galleria lightbox può visualizzare il lettore con tutti i dettagli del video, inclusi i commenti.

Youtube vimeo impaginazione galleria plugin wordpress

Questo plugin per WordPress può essere utilizzato in qualsiasi post o area della pagina utilizzando shortcode o direttamente nelle pagine PHP. Tutto ciò di cui hai bisogno è creare una nuova galleria, aggiungere ad esempio l'ID canale YouTube e generare uno shortcode. È possibile utilizzare più gallerie sulla stessa pagina.

Download | Demo | Web hosting

2. Scorrimento infinito WooCommerce e impaginazione Ajax

WooCommerce Infinite Scroll e Ajax Pagination è un Estensione di WordPress (WooCommerce) premium che aiuta a convertire l'impaginazione del prodotto predefinita in scorrimento illimitato o impaginazione Ajax. Quando un utente scorre la pagina verso il basso, la pagina del prodotto successiva viene automaticamente recuperata e aggiunta. Ciò significa che non è necessario fare clic su "Pagina successiva". 

WooCommerce Infinite Scroll e Ajax Impaginazione

Puoi anche aggiungere un pulsante "Carica altro" invece di uno scorrimento illimitato, oppure puoi mantenere l'impaginazione predefinita e convertirla in Ajax Pagination.

Leggi anche: Plugin 5 WordPress per inserire moduli nel tuo sito web

Inoltre, è possibile impostare diversi tipi di cercapersone per i dispositivi mobili, come lo scorrimento illimitato per i dispositivi con schermo grande e il pulsante "Carica altro" per i dispositivi mobili.

Download | Demo | Web hosting

3. Slider Revolution

Slider Revolution è un plug-in carosello di WordPress innovativo e reattivo che mostra i tuoi contenuti in modo splendido. Che si tratti di un cursore o di una giostra, il suo editor visivo trascina e rilascia ti permetterà di raccontare, ad esempio, la storia della tua azienda, di mettere in evidenza i tuoi migliori prodotti, i tuoi migliori articoli e molto altro

migliori plugin per WordPress slider - Rivoluzione Slider

Ti invitiamo anche a scoprire il nostro Plug-in 9 Easy Digital Downloads per gestire i download digitali

Le sue caratteristiche sono: un'eccellente interfaccia per la creazione di diapositive, design di diapositive drag and drop, layout completamente reattivo, perfetta gestione dei contenuti multimediali, prestazione ottimizzata, Supporto multilingue, fornito con quasi 340 elementi grafici, numerosi modelli di presentazione offerti, compatibilità con la maggior parte dei Temi WordPress, eccellente assistenza clienti, supporto per touch screen, aggiornamenti gratuiti e regolari, documentazione e tutorial video disponibili e molto altro.

Download | DemoWeb hosting

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

Conclusione

Ecco ! Questo è tutto per questo tutorial, ora hai la possibilità di impostare uno scorrimento infinito sul tuo blog WordPress. Non esitare a condividi con i tuoi amici sui tuoi social network preferiti

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

Se hai suggerimenti o commenti, lasciali nella nostra sezione commentaires.

...