Vai al contenuto principale

Come aggiungere lo scorrimento infinito su un WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

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 caratteristica avvincente continua a scorrere ... ancora ... e ancora.

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, " Volte "Ha anche scoperto che 21% dei suoi utenti ha optato per il resto del contenuto con scorrimento infinito.
  • Frequenza di rimbalzo molto bassa  - " Volte 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

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

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 Nella directory dei 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:

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

  • 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 utilizzare altri plugin di WordPress per dare un aspetto moderno e ottimizzare la presa 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 premium per WordPress (WooCommerce) che aiuta a convertire l'impaginazione predefinita di un prodotto 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. Video di YouTube per i post di WordPress

YouTube Videos To WordPress Posts è un plugin gratuito che consente agli utenti di importare video da YouTube a WordPress nel modo più semplice possibile. Sarai in grado di importare video per utente, canale, query, ID e potrai anche importarli in blocco per risparmiare tempo.Video di YouTube per i post di wordpress plugin di youtube per wordpress

Le sue caratteristiche principali sono:  la possibilità di testare tutte le funzionalità prima di acquistare il plug-in, a sassistenza clienti cortese e reattiva, a design semplice e potenti opzioni per configurare facilmente l'importazione dei video,importazione di massa o per impaginazione o anche pianificata, l'inserimento di video YouTube in formato qualsiasi tipo di contenuto disponibile sul tuo sito web, la possibilità di importare commenti, tag, categorie e tutte le altre informazioni sul video (immagine in miniatura, numero di visualizzazioni, Mi piace, Non mi piace, durata, ecc.), un documentazione dettagliata e altro.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

Download | Demo | Web 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.

... 

Questo articolo contiene i commenti 3

  1. Quiero agregar el desplazamiento infinito mi website. Ustedes tienen che alguien podria ayudarme.
    grazie
    Regina Aguirre

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
17 azioni
quota12
Tweet1
Enregistrer4