Top

ZioGeek Rilascia il suo Primo Plugin: WordPress Related Post with Thumb 0.1

E’ questo il nome del primo plugin che divulgo in rete. Per conto mio ne ho fatti altri, ma vista la caratteristica di questo, ho deciso di divulgarlo anche perchè è già stato richiesto da alcuni amici blogger. Non è proprio fatto da zero, mi sono basato sul già presente WPRP in cui ho aggiunto la visualizzazione dell’immagine di anteprima dell’articolo.

Dal modulo originario viene ereditato il modulo di admin che nella prossima versione del mio plugins verrà aggiornato con l’inserimento di altre variabili da poter gestire.

Per l’installazione questi sono i passaggi da seguire:

  1. Scaricare il pacchetto del plugin
  2. Scompattare e copaire la cartella WPRPT dentro la cartella /wp-content/plugins/
  3. Dal pannello di controllo Plugins, attivare il plugins
  4. Impostare le variabili nel pannello di gestione del modulo (le variabili other setting non sono pienamente supportate fino alla prossima versione)

Inserire nel tema il seguente codice nella posizione scelta: <?php wp_related_posts(); ?>

Il modulo è così visibile sul sito nella posizione scelta, per modificarne l’impaginazione sono disponibili le seguenti classi CSS da aggiungere al proprio CSS:

  • .related_post, rappresenta il blocco generale
  • #post_div, rapresenta il blocco di ogni notizia
  • .img_related_post, rappresenta il blocco contenente l’immagine
  • .text_related_post, rappresenta il blocco contente il testo

Ecco un esempio di impaginazione

.related_post {}
#post_div {
height:70px;
border-bottom:1px solid #ccc;
margin-bottom:5px;
}
.img_related_post{
float:left
}
.text_related_post{
float:left;
text-align:left;
width:500px;
}
.related_post img {
align:left;
border: 1px solid #ccc;
margin: 0px 6px 0px 0px;
padding: 2px 2px 2px 2px;
}

Può capitare che dia degli errori e che le thumb siano più grandi del previsto, il motivo è che le anteprime vengono caricate da una funzione che riconosce bene solo le immagini delle ultime versioni di WP. Per questo le img caricate precedentemente si vedranno più grandi. Ecco un esempio di errore:

Warning: file_exists() [function.file-exists]: open_basedir restriction in effect. File(….image-thumb2.thumbnail.png) is not within the allowed path(s): (…/tmp) in …/wp-includes/post.php on line 2436

Al momento l’unico modo che ho trovato è quello di ricaricare le img negli articoli che danno problemi. Probabilemtne con un feedback vostro riusciremo ad ovviare meglio al problema.

Mi sembra di aver detto tutto quello che serve, per suggerimenti e problemi potete lasciare un commento o contattarmi direttamente. Sono aperto a idee per migliorarlo sempre di più, per cui fatevi avanti.

Per non pederti le nuove versioni del plugin, ti consiglio di seguirci via feed rss oppure tramite newsletter (box in alto a destra).

Leggi anche...

In alternativa:

Commenti

51 Risposte su “ZioGeek Rilascia il suo Primo Plugin: WordPress Related Post with Thumb 0.1”

  1. yuri on Settembre 5th, 2008 8:43 am

    e bravo borna,
    bella idea, viaggerà alla grande, per fortuna che dreamhost reggerà tutti i download

  2. Valentino on Settembre 5th, 2008 10:09 am

    Davvero un ottimo plugin ;)

  3. BoRnA on Settembre 5th, 2008 10:30 am

    beh era già ottimo di suo, ho solo aportato delle modifiche :D e ce ne saranno sicuramente ancora

  4. Napolux on Settembre 5th, 2008 2:45 pm

    Ottimo! E se il post non ha immagini come viene visualizzato? :P

  5. BoRnA on Settembre 5th, 2008 3:04 pm

    @ Napolux:
    Viene caricata un img di default che può essere cambiata. La gestisce la classe di wp e non del plugin

  6. Napolux on Settembre 5th, 2008 3:18 pm

    Ottimo. Testato bug e sicurezza? O fai come tutti che lasci il tutto all’utente? :P

  7. Napolux on Settembre 5th, 2008 3:18 pm

    A parte gli scherzi mi sa che lo metto nella prossima versione del mio template. :)

  8. BoRnA on Settembre 5th, 2008 4:30 pm

    @ Napolux:
    :D come detto nell’articolo c’è un solo bug riscontrato e deriva da un problema di wp nelle img. Per il resto sembra tutto ok. E’ cmq la prima versione. Tieni conto però che si basa su un altro plugin sicuramente testato che credo non avesse problemi.

  9. Zio on Settembre 5th, 2008 4:39 pm

    La funzione utilizzata sfrutta la thumnail che viene creata in automatico dalle versioni successive di wp, ovvero dalla 2.5 in poi.

    Nel caso di post vecchi basterà caricare nuovamente l’immagine per risolvere il problema :-)

  10. Tumy on Settembre 5th, 2008 8:06 pm

    Grazie per il plugin. Una curiosità: ma vengono visualizzate come thumbnail solo le immagini caricate sul blog oppure anche quelle “copiate” da un indirizzo web? Perchè avevo un plugin credo simile a questo ma non restituiva thumbnails di immagini non caricate via ftp o con il pannello di controllo di wordpress (in sostanza visualizzava come thumb la prima immagine “disponibile” nell’articolo, e il “disponibile” voleva dire proprio caricara sul proprio spazio web).

  11. Tom on Settembre 5th, 2008 9:29 pm

    Hai risolto anche il problema delle proporzioni usando il crop?

  12. mick on Settembre 5th, 2008 10:17 pm

    Sembra proprio una fotocopia del mio plugin: Related Post with Thumbnail…

    Direi che l’idea non è proprio per nulla originale :-(

  13. WordPress plugin: Related Post with Thumbnail | JuliusDesign on Settembre 6th, 2008 1:56 pm

    [...] Oggi vi presento Related Post with Thumbnail, plugin per versioni WordPress superiori alla 2.5, che permette di inserire Articoli Relativi con anteprime di immagini [...]

  14. Zio on Settembre 7th, 2008 11:35 am

    @ mick:
    Sarebbe stato bello poter utilizzare il tuo plugin se solo era funzionante :-)

  15. BoRnA on Settembre 7th, 2008 4:47 pm

    @ Tumy:
    Il plugin si basa solo su imamgini caricate e non su immagini esterne

    @ Tom:
    La funzione che cattura l’img è interna a wp, il fattore di proporzione al momento non è supportato, forse dalla prossima versione lo introduco

    @ mick:
    Non ho detto che era un idea originale. Ho provato alcuni plugin, tra cui il tuo, che però non mi andavano bene per come gestivano le img, per cui ho preso quello che uso di base e ci ho aggiunto le thumb.

  16. Carlo on Settembre 7th, 2008 5:27 pm

    Cosa intendi per ricaricare le immagini…
    Io non riesco a vedere le thumbs per i post vecchi…
    come devo fare?

  17. WordPress Related Post with Thumb - Post correlati con Anteprima! - G33k-IT on Settembre 7th, 2008 9:08 pm

    [...] anch’io qui sul blog. Il plugin in questione si chiama WordPress Related Post with Thumb (vai al post ufficiale) basato sul già affermato plugin per Wordpress WPRP ha cui è stato aggiunta la visualizzazione di [...]

  18. niko51 on Settembre 7th, 2008 9:50 pm

    Ho scritto un articolo sul tuo plugin nel mio blog promette bene… sarebbe ottimo se integrassi la funzione di anteprima delle immagini da siti esterni, perchè per esepio con lo spazio del mio server devo usare per forza host esterni.

  19. Wordpress Plugin: Related Post with Thumb on Settembre 8th, 2008 7:01 am

    [...] Related Post with Thumb è un plugin per wordpress (in fase beta) che visualizza l’elenco degli articoli correlati al post che si sta leggengo. La caratteristica interessante di questo plugin che lo differenzia dal suo predecessore riguarda l’immagine le prime righe del post che vengono “estrapolate” in automatico dai post correlati. [...]

  20. Carlo on Settembre 8th, 2008 10:06 am

    Sono daccordo sulle thumbs per immagini da server esterni…

  21. Zio on Settembre 8th, 2008 10:29 am

    @ niko51:
    grazie per la segnalazione

    @ Carlo:
    Non è eticamente corretto utilizzare immagini da server esterni (alias hotlink). Di conseguenza è una feature che non verrà implementata :-)

  22. Alessandro on Settembre 8th, 2008 4:04 pm

    Ciao ragazzi,

    non ho capito, dove va inserito il codice e in quale file del tema del blog

    Grazie
    Alessandro

  23. BoRnA on Settembre 8th, 2008 11:55 pm

    @ Alessandro:
    Nel file che vuoi te.. in base a dove lo vuoi mostrare.

  24. WordPress Related Post with Thumb 0.1 - B4IT.eu on Settembre 9th, 2008 12:21 am

    [...] maggiori info sul plugin ecco la pagina dedicata. Leggi anche…ZioGeek.com Oggi vi presento un blog-zine con cui ho il piacere di collaborare [...]

  25. Alessandro on Settembre 9th, 2008 10:14 am

    Grazie Borna,

    però non ho capito, devo aggiungere questo codice:

    ed anche questo?

    .related_post {}
    #post_div {
    height:70px;
    border-bottom:1px solid #ccc;
    margin-bottom:5px;
    }
    .img_related_post{
    float:left
    }
    .text_related_post{
    float:left;
    text-align:left;
    width:500px;
    }
    .related_post img {
    align:left;
    border: 1px solid #ccc;
    margin: 0px 6px 0px 0px;
    padding: 2px 2px 2px 2px;
    }

    Grazie
    Alessandro

  26. Carlo on Settembre 9th, 2008 10:37 am

    @ Zio:
    Per server esterni intendo i servizi di hosting (es. imageshark), utili per chi come me ha poco spazio sul proprio server…
    perchè non sarebbe etico?

  27. BoRnA on Settembre 9th, 2008 11:15 am

    @ Alessandro:
    Quel css è un esempio di impaginazione

    @ Carlo:
    Purtroppo la classe che uso non carica dall’esterno, vedrò se attraverso croppr e i campi personalizzati si potrà fare qualcosa.

  28. David Terni on Settembre 10th, 2008 12:41 pm

    C’è qualcosa che non funziona. Ho altri plugin inerenti i “related” e tutti funzionanti nel mostrarmi gli articoli pertinenti, eppure secondo il tuo non avrei articoli correlati. Hai maggiori info da darmi?

    Inoltre se attiva la modalità “random post” o “most comment” non sapre fa la preview e mostra solo il titolo… non mostra il testo del post troncato…

    Un po di cose da implementare nella parte amministrativa sarebbe proprio indicare il numero di caratteri prima che avvenga la troncatura e poter modificare o impostare la dimensione della preview.

  29. BoRnA on Settembre 10th, 2008 12:57 pm

    @ David Terni:
    Caspita questo non me l’aspettavo :D
    Cmq:
    1- già qualcuno ha detto hce non mostra niente ma poi mi ha riferito che si è assestata la cosa e che li mostrava.
    2- Le due modalità funzionano se non ci sono articoli correlati, e in tali modalità non è stato ancora integrato.
    3- il numero di caratteri sarà integrato in admin dalla prossima versione mentre le dimensioni sono gestite da wp in impostazioni->varie.

    Grazie per le segnalazioni, sono molto utili per la prossima versione

  30. David Terni on Settembre 10th, 2008 1:25 pm

    Penso di aver capito a naso dove stia il problema… in locale, dove ho problemi uso php 5 e sul server ho la 4. controlla le funzioni che usi.

    Ci sono anche degli errori concettuali… non puoi integrare un dentro a un
    Inoltre ogni “blocco” del related non può avere valori di id multipli. Sostituisci id con class e modifica i riferimenti alle regole del css

    Fammi sapere se hai bisogno di assistenza.

  31. Sancios on Settembre 15th, 2008 10:13 pm

    Scoperto oggi il plugin e lo sto iniziando ad utilizzare, che dire … GRAZIE :)

  32. Il meglio della settimana 1 | MaiNick Web on Settembre 18th, 2008 3:58 pm

    [...] WordPress plugin: Related Post with Thumbnail [...]

  33. Fabio on Settembre 19th, 2008 10:09 am

    Anche io avevo il problema descritto da David.
    L’unica modifica da fare è quella di dover aggiungere post_content all’interno della SELECT che si fa nella funziona wp_get_random_posts

    già che c’ero ho aggiunto anche p.post_content nella SELECT della funzione wp_get_most_popular_posts

    Era solo una tua piccola dimenticanza :D
    Infatti la funziona cercava di usare il $related_post->post_content, ma se non lo si prendeva tramite select era difficile avere del testo :P

    Saluti :D

  34. Papaia on Settembre 21st, 2008 7:02 am

    Ho sono un disastro in nell’installare un plusing, o è scemo il mio wordprees, ho installato il plusing tutto regolare, ho posizionato il codice nel file comment.php trà i commenti e la fine del post.

    Sono andato a settare le varie opzioni sul plusing: mettendo

    Related Posts Title: Altri articoli:
    When No Related Posts, Dispaly: Random Post
    No Related Post’s Title or Text: Nulla
    Limit: 5
    Exclude(category IDs): Nulla

    Other Setting: Auto insert post, per adesso, e funziona solamente che vedo le immagini troppo grandi, con il titolo del post ma della descrizione nada.

    forse problema di css visto che non ho inserito il pezzo di codice citato nel post? dove devo inserirlo in che parte del css e come? O___O

    Grazie in anticipo

  35. Francesco Gavello on Settembre 30th, 2008 7:24 pm

    Se posso avanzare delle richieste :D, dopo essermi ovviamente congratulato per l’ottimo plugin, sarebbe bello che l’output generato fosse una semplice lista non ordinata anchè i numerosi div e classi.

    Non ho particolari problemi a riscrivermi l’output direttamente dal codice del plugin, però imho sarebbe una bella comodità partire da un output un pò più “pulito”. Che ne pensi ?

    Attendo con ansia l’implementazione della thumbs sui random e most commented!

    Un saluto! :D

  36. BoRnA on Ottobre 6th, 2008 11:02 am

    @ Francesco Gavello:
    Sicuramente un po di pulizia ci vuole. Sono già al lavoro per la prossima versione. Ci vorrà un po’ di tempo ma spero vi piacerà

  37. Giovanni on Ottobre 11th, 2008 8:29 am

    Ragazzi vi spiego cosa vorrei fare io:
    Attualmente sto testando il vostro plugin e devo dire che è molto bello.
    Io vorrei utilizzare lo stesso plugin sia per visualizzare i “Related Post” alla fine di ogni articolo, sia per visualizzare le thumb sulla sidebar ma questa volta non con i related post ma con i “Most Popular”.

    Essendo la sidebar più stretta io dovrei ridurre lo spazio nei css e diminuire il numero di parole, che di default credo ch sia 50.

    Il fatto è che non so proprio come fare perchè per fare ciò avrei bisogno di caricare due volte lo stesso plugin.

    Inoltre postreste indicarmi su quale parte del codice dovrei intervenire per mostrare solo i “Most Popular”.

    Spero di non aver chiesto troppo, grazie ancora.

  38. Francesco Gavello on Ottobre 11th, 2008 12:29 pm

    Per lo stile visivo potresti risolvere con due regolette CSS ben scritte, magari inglobando in un ID/classe diverso di volta in volta e andando a definire le sottoclassi con regole più specifiche.

    Per i restanti problemi, credo proprio che serva richiamare il plugin passandogli le variabili che chiedi, e non so se sia per ora possibile.

    Per mostrare i most commented, per ora vengono mostrati solo quando non ci sono post correlati… credo che sia stato pensato per essere un tappabuchi più che una feature selezionabile prima ancora dei “related”.

    Sto aspettando anch’io nuove release perchè ne ho già trovato utilizzi molto interessanti :)

  39. BoRnA on Ottobre 11th, 2008 12:44 pm

    Tranquillo è in fase di sviluppo la nuova versione, che comprende anche quelle caratteristiche ;)

  40. Giovanni on Ottobre 13th, 2008 1:31 am

    ciao
    ho caricato il plugin, ma sto riscontrando un porblema davvero fastidioso. Sopra ho letto che si può verificare un problema di immagini grandi.
    Io le visualizzo tutte grandi, sarebbe scomodo riappare tutte le immagini del blog.
    C’è qualcos’altro da poter fare?

  41. Wordpress related posts with thumbs revised on Ottobre 15th, 2008 3:35 pm

    [...] related posts with thumbs revised Questo plugin è una versione modificata del WordPress Related Post with Thumb dello ZioGeek. La modifica principale riguarda il modo in cui vengono trattate le immagini dal [...]

  42. Fabrizio on Ottobre 15th, 2008 3:41 pm

    Ho fatto delle modifiche al plugin, per la gestione delle immagini esterne ed altre piccole cosette.

    Se vi interessa è qui

  43. Zio on Ottobre 15th, 2008 4:30 pm

    @ Fabrizio:
    Grazie Fabrizio,
    lo provo personalmente!

    Una domanda: “Questa immagine viene poi passata allo script di resize e crop, per produrre la thumbnail.”

    La nuova thmbnail viene salvata sul server e viene generata solo la prima volta ?

  44. Fabrizio on Ottobre 15th, 2008 4:47 pm

    @ Zio:
    Si, c’è una cache per le thumbnail che dura un ora ma si puo’ estendere quanto si vuole, cambiando il parametro CACHETIME in resize.php.

    define (’CACHETIME’, 3600);

  45. BoRnA on Ottobre 15th, 2008 5:30 pm

    @ Fabrizio:
    Ottimo lavoro, mi hai preceduto sul tempo. Sto sviluppando la nuova versione. E adesso che faccio? :D

  46. BoRnA on Ottobre 16th, 2008 6:00 pm

    Come non detto, è solo una pezza quindi la nuova versione si farà. Anzi nuovo plugin con un suo nome così nessuno poi rompe :P

  47. Fabrizio on Ottobre 17th, 2008 9:55 am

    Se ti serve per la nuova versione usa tranquillamente il cropper-resizer

  48. Jim on Ottobre 24th, 2008 8:37 am

    Atfirst thank for this great plugin. Bu i am having some problem. My image wont rezide to thumb. It shows The big image on the related post. what should i do any settings… ? Plz let me know.

  49. camomillale on Ottobre 30th, 2008 9:16 pm

    è il primo plugin che installo da me..e neanche del tutto..e mi sa proprio che non doveva uscire proprio proprio così..:(

  50. Post correlati con Immagine su WordPress on Novembre 3rd, 2008 9:09 pm

    [...] Un’ottimo plugin per WordPress che ha questa funzione è WordPress Related Post with Thumb 0.1, realizzato da BoRna di Ziogeek.com. [...]

  51. Piccolo aggiornamento per Croccobiscotto : ..«¿© CrôCcòBi$çöTtò ®¿».. on Novembre 6th, 2008 10:38 pm

Lascia il tuo segno, lascia la tua impronta, lascia un commento :D





Bottom