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:
- Scaricare il pacchetto del plugin
- Scompattare e copaire la cartella WPRPT dentro la cartella /wp-content/plugins/
- Dal pannello di controllo Plugins, attivare il plugins
- 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).
e bravo borna,
bella idea, viaggerà alla grande, per fortuna che dreamhost reggerà tutti i download
Davvero un ottimo plugin
beh era già ottimo di suo, ho solo aportato delle modifiche
e ce ne saranno sicuramente ancora
Ottimo! E se il post non ha immagini come viene visualizzato?
@ Napolux:
Viene caricata un img di default che può essere cambiata. La gestisce la classe di wp e non del plugin
Ottimo. Testato bug e sicurezza? O fai come tutti che lasci il tutto all’utente?
A parte gli scherzi mi sa che lo metto nella prossima versione del mio template.
@ Napolux:
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.
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
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).
Hai risolto anche il problema delle proporzioni usando il crop?
Sembra proprio una fotocopia del mio plugin: Related Post with Thumbnail…
Direi che l’idea non è proprio per nulla originale
[...] 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 [...]
@ mick:
Sarebbe stato bello poter utilizzare il tuo plugin se solo era funzionante
@ 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.
Cosa intendi per ricaricare le immagini…
Io non riesco a vedere le thumbs per i post vecchi…
come devo fare?
[...] 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 [...]
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.
[...] 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. [...]
Sono daccordo sulle thumbs per immagini da server esterni…
@ niko51:
grazie per la segnalazione
@ Carlo:
Non è eticamente corretto utilizzare immagini da server esterni (alias hotlink). Di conseguenza è una feature che non verrà implementata
Ciao ragazzi,
non ho capito, dove va inserito il codice e in quale file del tema del blog
Grazie
Alessandro
@ Alessandro:
Nel file che vuoi te.. in base a dove lo vuoi mostrare.
[...] 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 [...]
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
@ 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?
@ 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.
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.
@ David Terni:
Caspita questo non me l’aspettavo
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
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.
Scoperto oggi il plugin e lo sto iniziando ad utilizzare, che dire … GRAZIE
[...] WordPress plugin: Related Post with Thumbnail [...]
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
Infatti la funziona cercava di usare il $related_post->post_content, ma se non lo si prendeva tramite select era difficile avere del testo
Saluti
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
Se posso avanzare delle richieste
, 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!
@ 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à
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.
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
Tranquillo è in fase di sviluppo la nuova versione, che comprende anche quelle caratteristiche
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?
[...] 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 [...]
Ho fatto delle modifiche al plugin, per la gestione delle immagini esterne ed altre piccole cosette.
Se vi interessa è qui
@ 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 ?
@ 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);
@ Fabrizio:
Ottimo lavoro, mi hai preceduto sul tempo. Sto sviluppando la nuova versione. E adesso che faccio?
Come non detto, è solo una pezza quindi la nuova versione si farà. Anzi nuovo plugin con un suo nome così nessuno poi rompe
Se ti serve per la nuova versione usa tranquillamente il cropper-resizer
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.
è il primo plugin che installo da me..e neanche del tutto..e mi sa proprio che non doveva uscire proprio proprio così..:(
[...] Un’ottimo plugin per WordPress che ha questa funzione è WordPress Related Post with Thumb 0.1, realizzato da BoRna di Ziogeek.com. [...]
[...] http://ziogeek.com/wordpress-related-post-with-thumb-01/ [...]
[...] WordPress Related Post with Thumb 0.1 Rilasciato dall’italianissimo BoRnA sulla base del già famoso “WordPress Related Posts“, questo plugin vi permette di inserire una lista di post correlati con l’aggiunta della relativa anteprima generata automaticamente da WordPress (release 2.6 e superiori). In altre parole, lo attivate, inserite il codice nel vostro layout e vivete felici. [...]
Ottimo plugin.
Avrei una domanda, forse un pò off-topic.
Sapete mica dirmi come si fa a ridimensionare le immagini degli articoli così come fa questo blog?
Cioè esiste un plugin che ti adatta l’immagine ad una certa dimensione e non come quello di default che ti ridimensiona in proporzione.
Insomma vorrei che tutte le thumbnail degli articoli avessero la STESSA dimensione, a prescindere dalle dimensioni reali.
Spero di essere stato chiaro…
[...] l’anteprima dei post correlati ne ho provati davvero parecchi, per molto tempo ho usato quello di Borna, sicuramente ben fatto e degno di nota, ma per certi versi non ottimizzato al massimo, soprattutto [...]
Con la WP 2.6 funzionava alla grande, con la 2.7 è saltato tutto
Me ne ero accorto con la beta ed infatti sto preparando la nuova versione con un po’ di miglioramenti e a questo punto mi gestisco autonomamente le anteprime.
A questo punto, giusto per far le cosine a modo, ti suggerisco anche di controllare i log del server. Se ci fai caso ci sono un paio di cosette che proprio non vanno come richiamare costanti non definite o non inizializzare qualche stringa.
A me funziona con la 2.7, ma l’immagine si trova sopra e tutto il testo parte sotto.
Non ho il testo al fianco destro dell’immagine come qui.
Sarà perchè uso un 3 colonne?
[...] 13. WordPress Related Post: Ottimo Plugin che, attraverso i tag, stabilisce l’affinità di argomento tra un post e i gli altri visualizzando i post correlati sotto ogni post. Disponibile anche con immagini dei post correlati. [...]
Ottimo, lo userò nel mio template : )
Buneas
¡¡¡NO FUNCIONA EN WORDPRESS 2.7!!!!!
¿Esta previsto una actualización para WP 2.7? es un buen plugin, y lo hecho en falta, desde que he pasado a WP 2.7.
Actualización YA!
Saludos, estamos atentos
Gran bel plugin
mi potresti dare delle indicazioni per modificare i css affinchè il risultano sia testo e titolo a fianco dell’immagine come sull’esempio riportano in testa al post??
te ne sarei grato.
Esempio di come viene visualizzato ora:
http://www.saraghezzo.net/blog/?p=18
Daniele
…è possibile con il plugin alternare le anteprime in modo da averle in maniera alternata una a sinistra e una a destra?
grazie
Il plugin non sembra escludere le categorie indicate nel blocco “Exclude” della pagina impostazioni. Devo forse seguire una sintassi specifica? Grazie e complimenti per il plugin.
anch’io sul mio sito http://www.alexbusinessmarketing,com nn riesco a visualizzare le immagini a fianco dei post.Aiutatemi!
Salve, ho installato in plug in su wp 2.7.1. ma non riesco a visualizzare il pannello admin del plug in … come si fa??? grazie salutoni
[...] Un evoluzione del suddetto plugin consiste nel mostrare a sinistra dell’articolo correlato un’ immaginetta (thumbnail) che serve a migliorare l’estetica della pagina e a rendere meno statico l’elenco puntato dei correlati. Tale plugin è stato sviluppato da BoRnA ed è disponibile su ZioGeek. [...]
Il mio problema è ch eviene visualizzato in questo modo:
http://img124.imageshack.us/img124/9909/ishot1.jpg
Chi mi aiuta?
Grazie mille
Scusate la domanda, ma le immagini in miniatura dove le prende?
Io ho smepre e solo quelle bianche.
Grazie
IO che uso imagemanager (http://www.soderlind.no/archives/2006/01/03/imagemanager-20/) che immagina mi carica nella thumb?
grazie
Finalmente un plugin utile. Ce ne sono decine per i most popular, viewed, commented etc.. e nessuno con le thumbs. Mah…
Ci voleva proprio un italiano
Anche io sto aspettando la nuova release, per poter appunto avviare più istanze del plugin a seconda se voglio i più commentati, related, visti… ecc
A quando???
Io mi sono fatta una funzioncina grazie a timthumbs che mi prende la prima immagine in automatico dal post (o da un custom field, dipende cosa si mette nel post) e me la mette dove voglio io, con le misure che voglio…. però da qui a farci un intero plugin che si mette a fare query proprio non riesco…. ancora
Ho installato il plugin e modificato il css. Funziona, vedo le immagini e i titoli, ma non il testo del post… perchè? come posso risolvere?
Salve, ho installato il plugin ma quest’ultimo presenta un errore riguardo il parametro “limits”!
A causa di un mancato “echo” della variabile non viene interpretato il parametro impostato nel pannello admin.
Esattamente alla riga 75 vi è
$limitclause = “LIMIT $limit”;
che andrebbe modificato in
$limitclause = “LIMIT “.$limit;
Spero che possa tornare utile anche ad altri utilizzatori.
Complimenti per l’ottima implementazione, semplice e preciso
Saluti
Thanks for this plugin, I need translate it in google translate and I use it alrready, but I have one problem, why my image in tumbnail not appear only the box, but when i click the title of related post, the images on post show up, does I miss some thing!
Hope your reply !. thanks
[...] al post che l’utente sta leggendo, creando un immagine che da un anteprima del post. Qui potete vedere il post di presentazione ufficiale dell’autore, che ha originariamente [...]
[...] Wordpress Related Posts with Thumb: adoro questo plugin..se vedi sotto ogni articolo trovi la sezione “Articoli Simili Che potrebbero Interessarti”, con 10 articoli simili a quello principale. Tutto questo lo ottieni utilizzando questo plugin. Grazie ZioGeek! [...]
complimenti ottimo!ho aggiunto il plugin al sito!
un’unica cosa…. le immagini non si vedono….
aggiunge le immagini solo se caricate su wordpress??
e il riassunto?? solo se lo scrivo non è che prende le prime righe dell’articolo?
grazie mille
Great plugin, ed è l’unica versione di anteprima di lavoro in Wordpress, in modo congrats!
Ci sono centinaia di persone come me che vogliono uno connesse post plugin con anteprima. Onestamente ho tutta la ricerca wordpress plugin, ma non uno, ma siete stati in grado di visualizzare un anteprima!
Una cosa che vorrei fare è visualizzare i ‘posti’ in posizione orizzontale. Qualcuno mi può aiutare con questo problema?
my google translate “italian” is not good so here’s the original in english:
Great plugin, and it is the only working thumbnail version on wordpress, so congrats!
There are hundreds of people like me wanting a related post plugin with thumbnail. Honestly I’ve searched through the entire wordpress plugins but no one was found but you have been able to display a thumbnail! great work!
One thing i wanted to do is to display the ‘related posts’ horizontally. Can anyone help me out with this please?
Dont worry I have solved it
[...] del vostro blog WordPress, vi segnalo questi due interessanti plugin: Related Post with Thumbnail e Related Post with Thumb (i titoli si spiegano da [...]