WordPress: Top Posts Widget with Thumbnails

Note for all foreign visitors: this plugin is already in English, so you can use it (download link at the bottom). However the english version of the article is coming soon!

wordpress-logo2Oggi voglio mostrarvi questo plugin per WordPress che ho creato io in questi giorni e che vedete in funzione direttamente nel sito in alto a destra. Il plugin vi permette di mostrare la lista dei post più popolari nel vostro sito secondo questo semplice criterio:

  • Se avete installato il plugin WordPress.com Stats, allora mostra la lista degli N post più popolari
  • In caso contrario, mostra la lista degli N post più commentati

Un’immagine di esempio è questa qui sotto:

dbtopposts-preview

Il plugin si presenta sotto forma di widget da aggiungere alla vostra sidebar e vi permette di configurare quasi tutti gli aspetti quali:

  • Titolo del widget
  • Numero di post da mostrare
  • Mostrare o meno il numero di commenti all’articolo
  • Mostrare o meno le thumbnails
  • La dimensione delle thumbnails
  • Il numero massimo di parole da utilizzare nel titolo/contenuto
  • Il numero massimo di caratteri da utilizzare nel titolo

Prevedo in futuro di aggiungere maggiori funzionalità, ma per questo ho bisogno che voi mi facciate sapere le vostre esigenze.

Caratteristiche tecniche:

Il plugin, per mostrare la classifica dei post secondo il numero di visite, necessita la corretta installazione del plugin WordPress.com Stats. In qualsiasi altro caso, mostra automaticamente la classifica secondo il numero di commenti ricevuti da ciascun post

Il plugin crea dinamicamente le thumbnail dei post secondo questi criteri:

  1. Se nel post è presente un video proveniente da YouTube, viene utilizzata come immagine la thumbnail che lo stesso YouTube utilizza per il filmato nel proprio sito
  2. Se nel post sono presenti solo immagini e nessun video, allora mostra la thumbnail della prima immagine del post
  3. Se nel post non sono presenti immagini o video, viene mostrata un’immagine predefinita scelta da voi che dovrete posizionare nella cartella del tema del vostro blog. Ad esempio il mio tema si chiama “allyear-theme“, per cui ho creato un’immagine di dimensione 80×60 (la dimensione che ho scelto per le thumbnail da visualizzare), l’ho chiamata default-thumb.jpg e l’ho posizionata in questo percorso:
  4. /wp-content/themes/allyear-theme/default-thumb.jpg
  5. È possibile aggiungere un’immagine di dimensione 20×20 in sovraimpressione alla thumbnail nel caso si tratti dell’anteprima di un video. In questo caso l’immagine deve essere chiamata yt-movie-logo.png, può essere trasparente e deve essere posizionata, esattamente come prima, nel percorso:
  6. /wp-content/themes/allyear-theme/default-thumb.jpg

Per quanto riguarda la questione della formattazione del plugin, è necessario che voi aggiungiate le opportune proprietà al vostro file CSS, in particolare questi sono i valori di default:

li.most-popular-item
{
	background: url(images/sidebar-excerpt-background.jpg) no-repeat 200px center;
	border: #cbcbcb 1px solid;
	display: block;
	height: 80px;
	margin: 2px;
	overflow: hidden;
	padding: 8px 8px 12px 8px;
}
span.most-popular-title
{
	color: black;
	display: block;
	font: 125%;
	font-weight: bold;
	margin: 0 0 8px 0;
	width: 95%;
}
img.most-popular-thumb
{
	float: left;
	max-height: 60px;
	max-width: 80px;
}
span.most-popular-content
{
	color: #606060;
	display: block;
	float: left;
	font-size: 10px;
	height: 45px;
	margin: 0 0 0 8px;
	overflow: hidden;
	width: 60%;
}
a.most-popular-link
{
	margin: 0 0 0 8px;
}

Al momento non è prevista alcuna altra personalizzazione. In caso di problemi, non esitate a contattarmi. Potete scaricare qui il top-posts-plugin-by-db.zip v0.92 (zip, 4.17 KB)

download

This entry was posted in Plugin per Wordpress, Web e Web 2.0 and tagged , , , , , , , , , . Bookmark the permalink.

14 Responses to WordPress: Top Posts Widget with Thumbnails

  1. LuViWeb.it says:

    Modifico il tema, aggiorno a wp2.7 e poi provo il tuo plug in, mi sembra molto bello. Bravo. stralol emoticon

  2. Denis says:

    D’accordo, magari tienimi aggiornato perchè è possibile che non ti faccia vedere nulla, come ho scritto anche su Pausa questa versione è legata all’hosting quindi necessita di piccole modifiche. Comunque a giorni rilascio una versione più stabile! ok emoticon

  3. kriss says:

    Ciao. Uso WP 2.7, stavo cercando un widget come questo,è molto bello, ma vorrei usarlo in maniera impropria: voglio dire che vorrei mi visualizzasse gli ultimi posts pubblicati e non quelli che hanno avuto più commenti, oltre naturalmente a parte del testo e relativa thumbnail come da tuo blog..
    Grazie, ciao.

  4. Denis says:

    Ciao kriss, sto lavorando sul plugin proprio in questi giorni per migliorarne l’usabilità per via di altri utilizzatori che mi hanno contattato. Ho già in programma di inserire quella funzionalità, quindi rimani sintonizzato e a breve (il tempo di completarlo e sistemare eventuali bug) lo renderò disponibile. A presto! ok emoticon

  5. LuViWeb.it says:

    Ciao Kris
    forse questo potrebbe fare al caso tuo.
    Denis tu invece potresti vedere se riesci ad implementarlo nel tuo …
    http://downloads.wordpress.org/plugin/wp-postviews.1.40.zip

    se ho detto una cappellata chiedo scusa :)
    ciao
    LuViWeb.it

  6. Denis says:

    @LuVi: Si io non ho problemi ad implementarlo, come ho detto ci sto già lavorando sisi emoticon Poi vediamo se funziona tutto alla prima botta asd emoticon

  7. kriss says:

    @LuViWeb.it: grazie per la risposta, ma non è quello che mi serve.
    @Denis: aspetto con impazienza il completamento del widget. Che tempi prevedi? Devo far partire un blog di cucina, poi ti darò l’indirizzo. Rileggendo meglio ho visto che il tema del tuo blog l’hai fatto tu: esiste anche a 3 colonne (sx, dx +contenuti, widget ready e soprattutto è disponibile da scaricare?
    Grazie di tutto
    Kriss= Cristina…

  8. Denis says:

    @Cristina: perdona la confusione di sesso stordita emoticon asd emoticon

    Il plugin è quasi pronto, solo che ho avuto problemi con il webserver locale su cui stavo testando e quindi mi sono bloccato. I tempi che prevedo per la fine del lavoro (più qualche giorno per i test in locale) è di 1 settimana e mezzo, 2 al massimo. Per quanto riguarda il tema invece, è widget-ready ma è solo a 2 colonne, possiamo vedere insieme di adattarlo a 3 colonne… inoltre te lo posso concedere sempre sotto creative commons come tutto quello che sta qui nel blog se per te va bene. Fammi sapere e grazie per il tuo interessamento. A presto! ciao emoticon

  9. kriss says:

    Sono andata a vedere come funziona di preciso la Creative Commons, ma ho visto che ce ne sono di sei tipi. Come funziona la tua? Per il tema a 3 colonne vorrei mandarti un’immagine, come faccio? In realtà sarebbe così: colonna sx 210 pxl, centrale 480 pxl, dx 210 pxl, header divisa in due: sx logo 300X100, dx banner 468×60, menù sotto la header. Il mio tema di partenza è Cloudland, diverse di queste cose ci sono già in questo tema: che ne dici? quindi emoticon

  10. Denis says:

    @kriss: Con creative commons si intende solitamente che ne concedo l’utilizzo dove e come ti pare, ma deve essere sempre citata la fonte, cioè io. Mi sembra piuttosto equo, che ne dici? Io non ho problemi a modificare il tema in modo da adattarlo al tuo blog ok emoticon

    PS: se vuoi mandarmi un’immagine la mia mail è denis@denisbilli.it, se invece intendevi “come catturare l’immagine dallo schermo”, basta che digiti il tasto STAMP sulla tua tastiera e poi in paint fai Modifica->Incolla. Salvi l’immagine e me la mandi. A presto! ok emoticon

  11. gjiada says:

    ho provato ad attivare il tuo plugin ma non mi fa vedere le thumbnail (nè il numero di commenti).

    Posso fare qualcosa? La versione di WordPress è la 2.7

    margherita

  12. Denis says:

    gjiada:

    ho provato ad attivare il tuo plugin ma non mi fa vedere le thumbnail (nè il numero di commenti).

    Posso fare qualcosa? La versione di WordPress è la 2.7

    margherita

    Ciao Margherita! Grazie per aver installato il plugin. Hai controllato se nelle impostazioni del plugin è tutto settato?

    Fammi sapere. A presto! ciao emoticon

  13. gjiada says:

    Grazie per la cortese risposta, comunque thumbnails o meno io tengo il tuo plugin perchè è quello che preferisco nella sua categoria.

    Lo so che la domanda è assurda, ma dove sono queste impostazioni? io mi ritrovo solo il widget? Dovrei avere qualcos’altro?

    Comunque questo è l’erroe che ricevo:
    http://img.photobucket.com/albums/v604/gjiada/erroreDB.jpg

    Preciso che uploado le immagini su un servizio esterno (Photobucket) e non dove ho installato WordPress. Potrebbe essere questa la causa dell’errore,

    ti ringrazio per la pazienza

    margherita

  14. effovenar says:

    [url=http://trig.com/reiperheawer1984/biography]effets secondaires kamagra[/url]
    [url=http://profiles.friendster.com/122855180]zithromax for healing polymyositis[/url]
    [url=http://trig.com/ebobpresro1975/biography]maximum dose of lasix for edema[/url]
    [url=http://trig.com/riloumito1973/biography]free samples of cialis[/url]

Lascia un Commento

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

*

È possibile utilizzare questi tag ed attributi XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>