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 :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!
@ 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/ [...]