Plugin WordPress Featured Post con thumbnail: i tuoi migliori articoli in evidenza

Ti è mai capitato di scrivere un articolo veramente di qualità – su cui hai investito tanto del tuo tempo e delle tue competenze – e con il passare del tempo vederlo sparire nel dimenticatoio dell’archivio del tuo blog? Dopo un po’ di tempo che gestisci un blog, può sopravvenirti l’esigenza di dedicare una sezione agli articoli che ritieni degni di nota, evitando così che questi finiscano sperduti e abbandonati tra le pagine del blog.

Di plugin che permettono di evidenziare articoli ce ne sono già tanti in giro ma dopo averne testati alcuni mi sono reso conto che questi risultano poco flessibili perché solitamente permettono di mostrare gli articoli più letti o quelli più commentati senza fornire nessuna possibilità di scelta all’autore su quali articoli effettivamente mettere in evidenza.

E se invece tu volessi evidenziare un particolare articolo nonostante questo non risulti tra gli articoli più commentati o tra i più letti?

E se volessi decidere quanti articoli mostrare tra tutti quelli messi in evidenza? E magari sceglierne anche il tipo di ordinamento?

Esempio: Mettiamo che tu voglia visualizzare solo dieci articoli, ordinati in modo casuale, da una lista di articoli che hai messo in evidenza.

Quello che serve è qualcosa di molto più funzionale dei classici post sticky che ti offre WordPress, così, approfittando del processo di restyling del nostro blog, qualche mese addietro ho deciso di sviluppare un plugin che soddisfacesse tutte le esigenze descritte sopra.

Plugin Featured Post con thumbanil

Questo plugin ti permette di aggiungere – in qualsiasi punto della sidebar del tuo blog – una sezione dedicata agli articoli che vuoi mettere in evidenza. Il suo funzionamento è molto semplice, una volta installato e attivato sul tuo blog potrai decidere quali articoli aggiungere alla sezione in evidenza, quanti visualizzarne, il tipo di ordinamento con cui devono essere visualizzati e le dimensioni dell’immagine che sarà recuperata (la funzione prende la prima immagine dell’articolo) e ridimensionata automaticamente mediante l’utilizzo dello script “timthumb.php”.

Installazione del Plugin Featured Post

L’installazione, come per tutti i plugin di WordPress, è semplicissima. Dopo aver scaricato il file, può essere eseguita seguendo questi semplici passaggi:

  1. Decomprimi l’archivio denominato “featured-posts” all’interno della tua cartella “plugins” (/wp-content/plugins/).
  2. Attiva il Plugin denominato “Featured posts”.
  3. Dal Pannello di Amministrazione di WordPress clicca sul menù: Aspetto > Widget.
  4. Trascina il Widget chiamato “Articoli in evidenza” sulla sidebar del tuo blog nel punto in cui desideri visualizzare l’area dedicata agli articoli da evidenziare.
  5. Configura le varie opzioni messe a disposizione dal plugin.

Amministrazione del Widget Featured Post (articoli in evidenza)

Tramite un piccolo pannello di controllo il widget ti permette, nell’ordine, di:

  1. Assegnare un titolo che sarà visualizzato sulla sidebar.
  2. Scegliere il numero di articoli da visualizzare in questa sezione.
  3. Scegliere il tipo di ordinamento con cui dovranno essere mostrati gli articoli in evidenza.
  4. Definire le dimensioni dell’immagine che sarà creata al volo.

Sotto puoi vedere uno screenshot del pannello di configurazione del Widget.

Widget Featured Post in azione

Per aggiungere un articolo alla lista degli articoli in evidenza devi semplicemente selezionare la scelta desiderata dal box che adesso trovi nella pagina di gestione dei tuoi articoli, così come mostrato nell’immagine sotto (clicca per ingrandire l’immagine):

Una live preview del widget in azione la puoi vedere proprio sulla sidebar del nostro blog, sotto ti riporto comunque uno screenshot riguardante il widget Featured Post in azione:

Utilizzo del plugin come funzione all’interno del tema

Questo plugin può essere utilizzato come widget, oppure come funzione direttamente nel codice del tema.

Per quanto riguarda la funzione, l’uso è il seguente:

<?php

$args = array (
       'title'          => 'Featured Posts',
       'numberposts'  => 5,
       'orderby'      => 'DESC',
       'widththumb'   => 73,
       'heightthumb'  => 73,
       'beforetitle'  => '<h3>',
       'aftertitle'   => '</h3>'
   );
featured_posts_YIW( $args );

?>

Di default:

  • il titolo è: “Featured Posts”;
  • i post mostrati sono: 5;
  • la larghezza e l’altezza della miniatura sono di: 73 pixel;
  • il titolo è contenuto in un tag: H3.

Parametri

**title**

(stringa) Imposta il titolo del widget.

**numberposts**

(integer) Imposta il numero di post da mostrare.

**orderby**

(string) Ordina i post secondo i seguenti criteri:

  • ‘author’ – ordina secondo l’ID dell’autore;
  • ‘category’ – ordina secondo l’ID della categoria;
  • ‘content’ – ordina secondo il contenuto;
  • ‘date’ – ordina per data di creazione.;
  • ‘ID’ – ordina secondo l’ID del post;
  • ‘menu_order’ – ordina secondo l’ordine del menu;
  • ‘mime_type’ – ordina secondo il mime_type;
  • ‘modified’ – ordina secondo l’ultima data di modifica;
  • ‘name’ – ordina secondo permalink;
  • ‘parent’ – ordina secondo l’ID del genitore;
  • ‘password’ – ordina secondo la password;
  • ‘rand’ – ordina casualmente;
  • ‘status’ – ordina secondo lo stato dell’articolo;
  • ‘title’ – ordina secondo il titolo;
  • ‘type’ – ordina secondo il tipo.

**widththumb – heightthumb**

(integer) Imposta l’altezza e la larghezza della miniatura.

**beforetitle – aftertitle**

(string) Imposta il tag in cui è contenuto il titolo.

Personalizzazione del plugin

Il plugin fornisce le seguenti classi CSS che possono essere adattate alle esigenze estetiche del tuo blog:

  • .widget_featured-posts {Definisce l’immagine di sfondo da assegnare al titolo del widget}
  • .widget_featured-posts li { Per ciascun elemento della lista definisce: l’altezza minima, i vari margini e padding, le dimensioni del carattere e il bordo inferiore}
  • .widget_featured-posts li:last-child {Elimina il bordo per l’ultimo elemento della lista}
  • .widget_featured-posts img {Aggiunge un bordo alle immagini}
  • .widget_featured-posts img.alignleft {Imposta la disposizione delle immagini}
  • .widget_featured-posts li a {Definisce il colore per i collegamenti ipertestuali}
  • .widget_featured-posts li:hover {Definisce un colore di sfondo per l’hover su ogni elemento della lista}
  • .widget_featured-posts li:hover img {Definisce un colore per il bordo delle immagini al passaggio del mouse }

È possibile utilizzare immagini personalizzate le quali andranno aggiunte all’interno della cartella “images” del plugin (/wp-content/plugins/featured-posts/images/).

Internazionalizzazione del plugin

Il widget è stato localizzato in modo da permettere la traduzione di tutti i testi presentati all’utente, è rilasciato in lingua italiana e inglese.

All’interno sono presenti anche i file sorgenti (language/follow-us.pot) in modo da permettere a chiunque di generare dei file dizionario per la propria lingua.

Lingue attualmente disponibili

  • Inglese
  • Italiano
  • Brasiliano (grazie a Fernando Lopes)

Pagina ufficiale su wordpress.org

Il plugin è stato aggiunto su wordpress.org nella directory che ospita i plugin ufficiali e lo puoi trovare anche al seguente indirizzo.

Note di rilascio

Version 1.4

  • add: Possibilità di utilizzare il plugin oltre che come Widget anche come funzione all’interno del tema.
  • add: Documentazione sull’utilizzo del plugin come funzione.
  • add: Possibilità di generare la miniatura dell’immagine definita attravero la nuova funzione “the_post_thumbnail()”, se questa è disponibile.

Version 1.3

  • Add: Lingua Brasialiana (grazie a Fernando Lopes)
  • Fixed: Problema con il Float delle immagini

Versione 1.2

  • Fixed: corretto il funzionamento del plugin con le versioni in bozza degli articoli.

Versione 1.1

  • Fixed: risolto il conflitto con gli sticky post (articoli in prima pagina) di WordPress.

Versione 1.0 (Versione iniziale)

  • Lingua Italiana
  • Lingua inglese
  • Possibilità di scegliere quanti articoli visualizzare sulla sidebar
  • Possibilità di scegliere le dimensioni delle miniature
  • Ordinamento:
    • Causale
    • Titolo
    • Data
    • Autore
    • Modificato
    • ID

Per qualsiasi chiarimento, suggerimento, critica puoi utilizzare i commenti di quest’articolo.

Download
Master per Web Designer Freelance
In tutti questi anni abbiamo ricevuto centinaia di richieste di approfondimento sulle numerose tematiche del web design vissuto da freelance. Le abbiamo affrontate volta per volta. Ma ci siamo resi conto che era necessario fare qualcosa di più. Ecco perché è nato One Year Together, un vero e proprio master per web designer freelance che apre finalmente le porte al mondo del lavoro.
Scopri One Year Together »
Tag: , ,

L'autore

Nando è fondatore di Edi Group, società di Comunicazione e Formazione fondata nel 2005. È inoltre Trainer Microsoft e docente di Webdesign con anni di esperienza, anche in qualità di progettista, in corsi di Formazione Professionale regionali e privati. È stato speaker in diverse prestigiose conferenze, anche per conto di Microsoft Italia. Tiene abitualmente corsi di formazione presso le aziende. È autore di diversi libri sul Web Design, in italiano ed inglese. +

Sito web dell'autore | Altri articoli scritti da

Articoli correlati

Potresti essere interessato anche ai seguenti articoli:

125 commenti

  1. iteand
  2. dadevr
  3. Psyco_sal
  4. Psyco_sal
  5. jd
  6. jd
  7. jd
  8. jd
  9. giack
  10. Aldo
  11. jd
  12. Fabrizio
  13. Cia
  14. Cia
  15. Cia
  16. fra
  17. Cia
  18. Gianluca
  19. Pier
  20. Roby
  21. gianluca

Trackback e pingback

  1. Tweets that mention Plugin WordPress Featured Post con thumbnail: i tuoi migliori articoli in evidenza | Your Inspiration Web -- Topsy.com
    [...] This post was mentioned on Twitter by Your Inspiration Web, nando pappalardo and Giustino Borzacchiel, Maria Pia De Marzo. …
  2. Plugin WordPress Featured Post con thumbnail: i tuoi migliori articoli in evidenza « Note in rete
    [...] (typeof(addthis_share) == "undefined"){ addthis_share = [];}Plugin WordPress Featured Post con thumbnail: i tuoi migliori articoli in evidenza | Your …

Lascia un Commento

Current day month ye@r *