Tempo di Lettura: 4 minuti
Ecco un nuovo plugin per WordPress che permette di rendere l’homepage del proprio blog virtualmente infinita: Infinite Scroll.
Questo plugin sfrutta il concetto di pageless pagination (letteralmente, paginazione senza pagine), avvistata per la prima volta sul sito di Google Reader e che permetteva di caricare dinamicamente, in presenza di una lunga lista di item non letti, le informazioni mano a mano che si proseguiva nella lettura; da quel momento, poi, questa tecnica ha iniziato ad essere inclusa silenziosamente (come ogni cosa che semplifica le operatività maggiore è suo grado di trasparenza e immediatezza e maggiore è il suo successo) nelle varie applicazioni del web 2.0 fino ad arrivare, finalmente, grazie al contributo di infinite-scroll.com, anche sui nostri blog con piattaforma WordPress.
Caricamento dinamico degli articoli
Sino ad ora, a sfruttare le caratteristiche ajax, erano solo plugin quei che permettavano di passare da una pagina all’altra di un blog senza ricaricare l’intero sito. Ma ora, finalmente, siamo giunti alla piena usabilità, grazie ad un plugin che richiede pochissime conoscenze per il suo corretto funzionamento.
Il contenuto della propria homepage, infatti, viene normalmente caricato col normale numero di articoli impostabili dal Pannello di Amministrazione di WordPress (Gestione -> Lettura) ma, quando si arriva in prossimità dell’ultimo post in fondo alla pagina, vengono caricati un altrettanto numero di articoli e così via fino ad arrivare, con un po’ di pazienza, alla fine degli post scritti.
Il sistema è davvero semplice e al contempo geniale perché permette, soprattutto ai nuovi visitatori che vogliono avere una rapida panoramica di quello che viene scritto in un blog, di scorrere rapidamente i vari articoli, che vengono svelati mano a mano che si scorre la pagina verso il fondo, senza dover aspettare che la pagina si ricarichi nuovamente cliccando sul classico link di navigazione “Pagina Successiva”. E’ facile immaginare che questa sorta di scrolling infinito della pagina, permette di far conoscere un maggior numero di articoli ai nuovi visitatori perché, si sa, un po’ come accade nei motori di ricerca, è difficile andare oltre la seconda o terza pagina di navigazione!
Installazione
- Scaricare il plugin
- Dopo averlo scompattato il pacchetto zip, installare il contenuto nella directory dei plugin di WordPress (/wp-content/plugins/)
- Attivare il plugin
- Nella pagina Impostazioni/Infinite Scroll occorre settare alcuni selettori css (Content CSS Selector, Post CSS Selector, Navigation links CSS Selector, Previous Posts CSS Selector) che si trovano nel proprio template (nel file index.php del tema installato). L’autore garantisce che, per la maggior parte dei temi, il plugin dovrebbe funzionare senza alcuna modifica e con i selettori di default. Personalmente sul mio sito ho dovuto personalizzare i selettori css relativi alla barra di navigazione (div.navigation_bottom e div.navigation_bottom a:first) dove si installa l’ajax loader che visualizza il caricamento in corso degli articoli (e che sostituisce i link Pagina Successiva e Pagina Precedente)
- Di default il plugin funziona solo se si è loggati come utente Administrator ed è disabilitato a tutti gli altri utenti o a chi non è loggato. Lo scopo è permettere la corretta messa a punto del plugin senza disservizi. Terminata la fase di configurazione, nella pagina Impostazioni/Infinite Scroll è possibile abilitare a tutti la funzionalità di scrolling dinamico.
Impressioni
Devo dire che rispetto al Live Scrolling di Google Reader, il sistema mi sembra meno reattivo, nel senso che mentre nel primo caso neanche ci si accorge del caricamento dei nuovi item, con questo plugin occorre arrivare all’ultimo post per iniziare il caricamento dei successivi (secondo me dovrebbe iniziare almeno a due o tre articoli dalla fine) e attendere qualche secondo. Credo, però, che ciò in parte sia da imputarsi alla ovvia differenza prestazionale di un server come quello di Google rispetto a quello usato da me; inoltre queste differenze si notano soprattutto perché scorrevo la pagina con la rotellina del mouse senza leggere, ma in condizioni normali, un visitatore darebbe una occhiata agli articoli e quindi, forse, neanche si accorgerebbe del caricamento.
In teoria è possibile anche impostare un basso numero di articoli visualizzabili in homepage (2 o 3 al massimo) perché i successivi verrebbero caricati dinamicamente mentre si scorre la pagina.
Bug
Ho incontrato una non perfetta compatibilità con il plugin SyntaxHighlighter, in quanto non riesco a visualizzare correttamente il codice incluso negli articoli caricati dinamicamente. Ho intenzione di contattare l’autore del plugin per metterlo a conoscenza di questa problematica.
In conclusione
Non so quanto questo plugin possa incidere a livello prestazionale e di banda occupata ma non credo che possa apportare grossi problemi, a tutto vantaggio di una navigazione più veloce e fluida.
Se volete vedere il plugin in azione, andate nella homepage di Levysoft e scorrete la pagina verso il basso.
Peccato per gli adsense, non vengono caricati a dovere proprio perchè è tutto ajaxoso ^^ 😀
@denadai2: in che senso non funzionano gli adsense? Intendi sul mio sito o in generale?
In effetti avevo messo un banner adsense dopo il 1° articolo dell’homepage e, ovviamente, usando queste tecnica ajax al posto della paginazione classsica, nei successivi post, non viene caricato. In effetti però non avrebbe senso e perderebbe di utilità, oltre al fatto che potrei ritrovarmi con decine di banner adsense il che è contro la policy di Google, che ne permette al massimo 3 della stessa tipologia!!!
Personalmente non mi piace. Avere un “limite” sotto, in un blog – a differenza di un aggregatore di news – mi da un senso *di stabilità*: so che si arriva fin li.
Lo vedo più utile applicato invece ai commenti, soprattutto quando son tanti e bisogna dividerli in pagine.
Hai visto se può essere applicato li senza grosse modifiche?
Ciao,
Emanuele
@Emanuele: L’idea dei commenti mi pare buona ma dando un’occhiata veloce al codice non mi pare di immediata applicazione…
Ehe semplice: se l’utente volesse leggere 2-3 pagine di news, con il vecchio metodo vengono visualizzati gli adsense, con questo no.
Ovviamente, dato che il ricavo proveniente dagli adsense è scarso di suo, questo plugin potrebbe dare il colpo di grazia ai pochi ricavi di un blogger ^^
concordo in pieno con denadai2 perdono di visibilità e non è un bene
Bhe: se hai deciso di tenere questo plugin direi che è il caso di eliminare il footer dall’homepage dato che è praticamente impossibile visualizzarlo 😉
@Sergio: però il footer si riesce a vedere all’interno dei vari articoli, che forse contano di più perché le singole pagine vengono visitate più frequentemente della homepage 😛
Un tuo parere: credi che possa essere utile questo plugin o da fastidio?
@Antonio Troise: Infatti dicevo “eliminare il footer dall’homepage” 🙂
Secondo me da un po’ fastidio: penso sia una questione di template.
Con una barra laterale che scorre con la pagina (naturalmente minimale) e una reattività maggiore potrebbe essere piacevole.
In pratica penso si debba ristudiare tutto il template delle pagine con questo tipo di contenuti.
magari appunto con testata, piede e barra laterale fissa e solo la parte di contenuti scrollabile all’infinito.
Una roba del genere http://www.csszengarden.com/?cssfile=202/202.css in pratica.
Magari già che ci sei il tutto a forma di iPhone 😉
@Sergio: Ehi ma qui ci vuole una settimana di lavoro almeno… 😛
Grazie per i suggerimenti che sono sempre ben accetti! 🙂
Te che sei bravo ed hai la pazienza di fare dei bei articoli, hai mai fatto un tutorial su come spostare il blog wordpress da online sul proprio computer?
@kambizpascia: no non l’ho mai fatto… ma non ci vuole molto… la parte più noioosa è l’export e import del DB di WP, il resto basta che ti scarichi il backup via ftp del tuo sito. L’unica piccola limitazione, forse con l’htaccess, è se usi un webserver per Windows e il tuo sito online è su Unix/Linux: qualcosina potrebbe non funzionarti bene (come le url dei post che potrei richimare solo con ?p=1234). Per il resto se usi un web server come XAMPP che ha Apache, MYSQL e PHP e funziona sia su Mac OS X che su Windows (oltre che su Linux), non dovresti avere alcun problema di sorta.
Ciao 🙂
Pingback: Le Ultime Notizie Interessanti Dal Mondo di Wordpress - 01/09/2008 | MondoBlog 1 Settembre 2008
[…] infinita: Levysoft presenta un innovativo plugin per WordPress che permette di rendere l’homepage del proprio blog virtualmente […]
Ciao, io l’ho trovato molto utile per il mio scopo… mi serviva in un aggregatore (fasfashion) di notizie sulle fashion blogger e il risultato è ottimo! Mi mostra tutti i post nella stessa pagina senza bisogno di “sbattersi” e cambiarla ogni volta.
Unico difetto che ho riscontrato: con IE 8 da problemi di visualizzazione quando carica il primo nuovo post!
Voi non avete questo problema?