Utilizzando questo sito accetti il nostro uso dei cookie. Approfondisci

Visualizzare un numero infinito di post nella homepage e pagine, infinite scrolling

Visualizzare un numero infinito di post nella homepage e pagine, infinite scrollingVisualizzare un numero infinito di post nella homepage è relativamente semplice in WordPress, basta infatti utilizzare il plugin infinite scroll. Questo permette, una volta raggiunto il fondo della homepage e/o delle pagine, di continuare a caricare i post successivi senza il bisogno di andare in una nuova pagina…
Il caricamento dei post sarà del tipo quello dei post di facebook o di google immagini tanto per capirci.
Il plugin richiede che i tuoi post e la tua pagina sia formattata, mediante dei <div> diversi per il contenitore content della tua pagina, del blocco dei post e del selettore dei post precedenti (previous page).
In sostanza una volta che nel caricamento della pagina viene trovato il selettore dei post precedenti (quello che normalmente compare dopo l’ultimo post), viene aggiunto dinamicamente il contenuto della pagina contenente i post precedenti. Di default viene visualizzata una barra che dice che si stanno caricando i post precedenti.


Quindi il plugin per poter funzionare richiede due cose essenziali:

  • formattazione della pagina tramite opportuni div
  • la presenza del link ai post precedenti (solitamente presente di default in tutti i temi wordpress)

Il plugin è altamente configurabile, puoi modificare il testo, la formattazione tramite css e anche le immagini da far visualizzare durante il caricamento. Funziona con l’80% dei temi wordpress con una piccola o addirittura inesistente modifica!

La configurazione non è così semplice, ma neanche impossibile:

numero infinito di post nella homepage, infinite scrolling
Consiglio di lasciare #content > * come selettore del blocco del post (sostituisci content con il tuo id del div che fa da contenitore dei post).

Per cambiare il numero di post visualizzabili ad ogni caricamento, devi modificare il valore che trovi in Impostazioni > Lettura dal tuo pannello di amministrazione.
Implementando questo plugin, il footer del tuo blog wordpress (almeno nella homepage) non verrà più visualizzato dall’utente, a meno che non riesca a visualizzare tutti i post che avete!
Volendo questo procedimento si può applicare anche nella visualizzazione dei commenti, specie se sono molti!
Se avevi impostato la visualizzazione delle unità pubblicitarie adsense prima o dopo i post nella home (quindi pagina 1), ora vengono mostrate solamente nella pagina 1, e non nelle pagine 2, 3 ecc, altrimenti avresti 2, 3 ecc pubblicità adsense nella stessa pagina, cosa non prevista dal regolamento adsense.

Un bel vantaggio per l’utente che può navigare in maniera più fluida.


VUOI CREARE IL TUO SITO O BLOG WORDPRESS?

Scegli uno tra i migliori hosting per WordPress

HOSTING

Scegli uno tra i migliori hosting per WordPress

Hosting

Scegli uno tra i migliori temi WordPress professionali

GRAFICA

Scegli uno tra i migliori temi WordPress professionali

Grafica

Guide e risorse per gestire il sito WordPress a 360°

GESTIONE

Guide e risorse per gestire il sito WordPress a 360°

Gestione

EMAIL NEWSLETTER

Vuoi ricevere i miei ultimi articoli
comodamente nella tua email? È gratis!
Ben 3552 persone lo stanno già facendo!
Anonimo
   
con le dita sempre in costante, frenetico movimento sulla tastiera… vengo spesso trascinato e catturato “in rete” per colpa delle mille idee che mi girano per la testa (prima o poi troverò quella giusta)… dal futuro incerto (nonostante una laurea, e chi non lo è?..siamo in tanti!) .. credo fortemente nella condivisione della conoscenza!
4 Commenti
  • Pietro

    Uhm interessante, ma limita il footer e a volte le indicazioni in esso sono bailare….e un footer bloccato?….che ne dici!

    • Roberto

      Secondo me è meglio eliminare il footer direttamente, e le informazioni le trasferisci nella sidebar

  • Alessandro

    Ciao Roberto,
    ho scaricato il plugin da te consigliato ma non riesco a farlo funzionare…in particolare, utilizzo questo template free wordpress…
    http://www.dessign.net/grid-portfolio-theme-free/
    di sicuro non metterò io le configurazioni giuste..se hai un secondo libero potresti cosa inserire nei campi per far si che il tutto funzioni?!
    Fammi sapere se puoi..oltre a ciò, vorrei anche implementare il pulsante “go on top”, ma non riesco ad integrare neanche quello.
    Grazie per la disponibilità e complimenti per i consigli che dai!

    • Roberto

      Ciao Alessandro, ti ringrazio!
      Per far funzionare il pligin, devi avere il div che contiene il link alla pagina precedente, cosa che tu non hai. Quindi crea il div (il link dovresti farlo puntare alle pagine precedenti, anche se così dovrebbe andare lo stesso)

      pagine precedenti

      poi imposta il plugin come ho mostrato nelle immagini e dovrebbe andare.
      Per il pulsante vai su, puoi utilizzare questo schema:

      <a href="#documentContent” title=”up to the page content”>Vai su

      Questo è un link testuale che punta al div con id documentContent, quindi basta che trovi l’id a cui vuoi puntare (ad esempio header nel tuo caso può andare bene) e poi al posto di vai su ci carichi un immagine di un pulsante.

      A presto!

Seguimi

Scarica gli ebook gratuiti

Vuoi creare e gestire il tuo blog WordPress autonomamente ed in maniera gratuita?

Allora scarica gratuitamente gli ebook Blogging Box e Le 30+ cose da non fare con WordPress, inserisci la tua email qui sotto:
13584+
Scarica gratuitamente gli ebook!

Per maggiori informazioni guarda questa pagina per la Blogging Box e questa per le 30+ cose da non fare con WordPress.

Scarica gli ebook gratuiti

Vuoi creare e gestire il tuo blog WordPress autonomamente ed in maniera gratuita?

Allora scarica gratuitamente gli ebook Blogging Box e Le 30+ cose da non fare con WordPress, inserisci la tua email qui sotto:
13584+
Scarica gratuitamente gli ebook!

Per maggiori informazioni guarda questa pagina per la Blogging Box e questa per le 30+ cose da non fare con WordPress.
Unisciti agli oltre 10999 lettori
che seguono questo blog
3152
982
2251
4614