WordPress plugin: Related Post with Thumbnail

- Letture: 3.440

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

Il Plugin si basa sulla vecchia struttura del noto Related Post (disabilitare se è tra i plugin) con l’aggiunta della funzione di andare a intercettare l’anteprima, creata da WordPress in automatico per ogni articolo pubblicato.

Dopo aver scaricato il Plugin e attivato, potremo inserirlo con il seguente codice:

<?php wp_related_posts(); ?>

Inseguito dovrete utilizzare i seguenti stili CSS per personalizzare la visualizzazione:

  • .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 stile CSS usato in JuliusDesign

Il plugin intercetta i tag utilizzati per un articolo, in segutio inserisce le informazioni relative ad articoli simili utilizzando titolo, descrizione e immagine di anteprima.

Se usate ancora le categorie o non avete sincronizzato i tag con le categorie vi consiglio questa procedura per convertire le categorie in tag in automatico dal nostro WordPress

Il plugin è stato realizzato dall’amico BoRnA , disponibile a ricevere consigli o eventuali bachi

Si prevedono futuri aggiornamenti come lo sviluppo della pagina di amministrazione, il resize automatico delle anteprime e qualche nuova funzionalità

Stratega, Docente, Speaker con più di 12 anni di esperienza in strategie creative multicanale. Oggi sono Partner & Chief Innovation Officer di ThinkingHat, Innovation Studio specializzato in tecnologie emergenti per aziende e brand audaci.

31 Commenti

  1. A me sembra un plagio bello è buono.
    L’originale è quello che utilizziamo in tutti i nostri template del network IsayBlog (utilizzato da desmm anche in altri template).
    Quello di cui parlo ha lo stesso nome, ma è stato creato a novembre del 2007 da Michele Gobbi di Dynamick

    Ora non se questo aggiunge qualcosa, ma certo che così a prima vista sembra una bella scopiazzatura, se non nel codice, sicuramente nel nome e nello stesso tipo di funzionalità .

    Che ne pensi?

    Ciao Julius, buon weekend ;)

  2. Sì, in realtà il plugin originale è stato pubblicato da Dynamick nel 2007 ed è presente nella directory ufficiale di WordPress.org.
    Devo ancora capire se in questo caso si tratta di una revisione del codice, di scopiazzatura o di completa riscrittura. Devo ancora controllare.

  3. @Geekissimo ciao angelo!

    Per quanto riguarda il nome e funzionalità sicuramente sono identici…

    Io sapevo da test che ho fatto su JD, che il plugin di Michele non funzionasse con versioni superiori alla 2.5

    Ora non ho controllato bene il codice, a me sembra uno sviluppo del plugin Related Post e non quello di michele…

    Staremo a vedere…

  4. Basta leggere il post originale di rilascio per capire che il plugin non ha niente a che fare con quello rilasciato da Dynamick nel 2007, ma si basa su un’altro plugin.

    Bye!
    Zio

  5. I due plugin fanno la stessa cosa ma in modo diverso. :D In quanto questo si basa sulle anteprime realizzate da wp al momento della realizzaizone dell’articolo e caricamento dei media. Mentre l’altro da quello che ho capito provandolo, le anteprime vengono realizzate a parte. Non era certo mia intenzione andare a scopiazzare un plugin di un amico quale Dynamick che tra l’altro stimo molto. Ho solo realizzato un plugin alternativo.

  6. Io ho molta fiducia in Borna e nel plugin,
    che ci sia concorrenza tra plugin che permettono questo effetto, credo che non faccia altro che bene, d’altronde era davvero difficile trovare alternative al plugin di Mick, e so di molti che hanno provato ad utilizzarlo senza riuscire nel ottenere un risultato, forse dovuto da alcune versioni di WP.

    Se vogliamo possiamo accusare Borna di poca fantasia che ha avuto nel dare il nome al plugin.
    Se vi consola il fatto Borna non ha fatto altro che utilizzare le potenzialità già presenti negli ultimi wordpress nel creare thumbnails.

    Sono certo che anche il mittico Mick possa stare tranquillo ;)

  7. @Carlo basta che ricarichi l’immagine…

    se ho capito bene riapri l’articolo e ricarichi l’immgine e poi si creerà automaticamente la thumb

  8. Ho 900 articoli… non c’è un metodo più veloce?
    Se dovessi aprire un articolo alla volta per ricaricare le immagini ci metterei una vita…

  9. Ciao, ho scaricato il plugin e inserito tutto su wordpress.. mi visualizza gli articoli, però non vengono impaginati correttamente.
    Ho inserito nel file css l’esempio che hai messo online, però la pagina viene visualizzata non correttamente… secondo me prende le impostazioni css non corrrettamente… boh :o(

    questa è il codice dove ho inserito l’istruzione per richiamare gli articoli correlati..


    <div class="post" id="post-">

    <img class="ico" src="/images/date.png" alt="" /> <img class="ico" src="/images/user_gray.png" alt="" />

    <!-- -->

    <img class="ico" src="/images/book_open.png" alt="categorie" />
    <img class="ico" src="/images/tag_green.png" alt="tags" />

  10. Ciao alessia inviami il link diretto al tuo sito o blog in cui hai il plugin che verifico dove sia il problema da online ;)

  11. @Alessia ciao

    la tua classe .text_related_post deve avere come width uguale o minore 260px, altrimenti il contenuto viene spostato in basso

    Altra cosa, entra nel file .php del plugin e in linea 114 cambia i caratteri da visualizzare, togliene una decina da quelli che hai ora cosi da far stare il tutto su 3 righe

  12. @julius

    grazie mille julius! ho fatto apportato le modifiche che mi hai segnalato, la situazione è migliorata… anche se come allineamento, rispetto al testo dell’articolo principale… non ci siamo proprio! sigh :-(

  13. @ julius

    Grazie per l’aiuto Julius, molto gentile ;-)

    ..purtroppo anche con la modifica che mi hai suggerito, l’allineamento non è cambiato :-(

  14. Ciao, ma per le immagini in anteprima come si fanno apparire? Sul mio blog io inserisco delle img negli articoli ma non come si fa a farle apparire in questo plug-in con le anteprime? Grazie. Lorenzo

  15. @Lorenzo De Santis: le immagini compaiono solo se sono state caricate da WP

    Se non le vedi è possibile che non sono state caricate direttamente da quell’articolo

    Ti basta ricaricare le immagini a seconda dell’articolo da WP

  16. mah.. io proprio non riesco a visualizzare le anteprime… eppure è tutto caricato e ri-caricato su wp, la cartella ha tutti i permessi.. mah…

  17. Ciao, io volevo sapere invece come si usa il Related Post “vecchio”, se puoi darmi una mano ti sarei davvero grato.
    A me basta questo, che manca nel mio Blog, non mi serve una cosa con le immagini, anche per l’intenzione di mantenere il mio Blog più snello possibile.
    Non capisco come si usa: attivo il plugin, ma devo inserire il codice:

    Ma dovunque inserisco questo codice (nella pagina single.php) mi da un errore… cosa devo fare? dove lo posso inserire? forse sbaglio la pagina? non credo… o forse questo non è compatibile con il mio tema?

    Io penso che dovrei inserire questo codice in un posto ben preciso, però non ho idea di dove, puoi aiutarmi tu?
    Grazie.

  18. Ah, altra prova, in cima alla pagina Comment.php, come suggerito da qualcuno, e niente, sempre lo stesso, ma forse l’errore sta volta è più preciso, mi dice:

    Fatal error: Call to undefined function wp_related_posts() in /home/frasisca/public_html/wp-content/themes/modern-blue-green-120070612-2/comments.php on line 110

    Spero che questo sia più utile per qualcuno che voglia aiutarmi.
    Grazie.

  19. Ciao ho provato il plugin e funziona discretamente. Solo che per gli articoli random e quindi non correlati, mi carica la foto il titolo del post e non mi carica il testo?? cosa dovrei fare?? Grazie

  20. @Franco il plugin era pensato solo per i related, è stato un errore mio quella versione gestire solo quello.
    Tempo permettendo sto finendo la nuova versione con tutti i consigli e mod ricevute.

  21. Ciao,
    io mi sto cimentando ora con il porting da Blogspot a WP e chiaramente ho qualche difficoltà a riconfigurare tutto quello che avevo sul vecchio blog compresi i Related Post….

    chiedo scusa per la domanda ma sono proprio alle prime armi col codice di WP quindi non ho capito dove và inserita questa stringa:

    ho scaricato ed attivato il plug-in ma forse sul tema WP che ho usato non è applicabile anche se me lo trovo tra i widget??
    non so dove devo piazzarlo….

    tra l’altro sto impazzendo anche per fare un footer come questo qua sotto dove poter inserire immagini e testo, ho trovato il plug-in Header and Footer ma probabilmente a parte il codice html, se voglio dargli una particolare formattazione devo intervenire sul file style.css è giusto?

    aiutooooo
    :)

  22. Ho installato il WPRPT e ho inserito, con qualche correzione, le regole di Julius. Veramente carino. Con un paio di regole in più sul p e su ul per rivedere stringere gli spazi “standard” del mio tema il risultato è stato esteticamente bello e soprattutto molto funzionale.

    Grazie!

  23. Esiste un plugin che permette di selezionare manualmente (con una “spunta”) i post correlati ad altri?

Commenti