Inserire immagini nei feed rss in un blog wordpress

Vuoi inserire le immagini nei feed rss nel tuo blog wordpress?
Ti capisco e non voglio farti perdere tutto il tempo che ho perso io per trovare la soluzione!
Seguendo questa guida aggiungerai la prima immagine che viene rilevata nel tuo articolo nei tuoi feed rss, e oltre alla versione classica (xml) è possibile visualizzare le immagini anche tramite l’ormai diffusissimo feedburner.

Per prima cosa devi modificare il file /wp-includes/functions.php (lo scarichi sul tuo computer dal tuo spazio web tramite ftp). Ti consiglio di fare una copia di sicurezza, non si sa mai…
Ora copia questo codice: funzione_get_my_first_image.txt

e incollalo appena prima della prima function che trovi. Salva il file e caricalo nel tuo spazio web sempre tramite ftp. Prova a visualizzare il tuo blog per vedere se ci sono errori ma sicuramente vedrai tutto normale.
Ora bisogna modificare il file /wp-includes/feed-rss2.php , perciò scaricalo sul tuo computer sempre tramite ftp e fai una copia di sicurezza.
Stai per modificare il formato dei feed rss!!!

inserisci l’immagine nei feed rss che possono essere visti in versione xml

La visualizzazione nella versione xml è questa ed è davvero bruttina:

Inserire immagini nei feed rss in un blog wordpress
Per aggiungere la prima immagine che viene rilevata nel post non userai nessun plugin così da non affollare ancor di più la già stracolma lista dei plugin (e quindi anche evitando di rallentare il blog).
Basta copiare il codice qui sotto ed incollarlo prima di ogni <?php the_excerpt_rss() ?> .
Nella versione di wordpress 3.0.1 troverai 3 <?php the_excerpt_rss() ?>.

<?php echo '<img src="'.get_my_first_image().'" alt="" style="max-width:690px;"/><p>'; ?>

Controlla che le virgolette siano corrette una volta che incolli il codice, perchè mi è capitato che incollandole sono oblique, in qiesto caso sostituiscile con le virgolette “.
A questo punto carica il file modificato sullo spazio web, cancella la cache del tuo browser (se hai un plugin che gestisce la cache, cancella pure questa) e vai a vedere i tuoi feed… Ecco le immagini!

Aggiungere immagini nei feed rss in un blog wordpress versione xml
inserisci l’immagine nei feed rss gestiti tramite feedburner

Visualizzazione dei feed tramite feedburner:

Vedere immagini nei feed rss blog wordpress feedburnerSe hai fatto tutte le operazioni precedenti ma non vedi ancora le immagini nei tuoi feed che gestisci tramite feedburner, allora devi aggiungere un altro pezzettino di codice sempre a /wp-includes/feed-rss2.php .
Cerca <?php the_content_feed(‘rss2’) ?> e incolla subito prima di questo il codice qui sotto:

<?php echo '<img src="'.get_my_first_image().'" alt="" style="max-width:690px;" /><p>'; ?>

Ora salva il file e caricalo sullo spazio web. In questo caso devi riaggiornare anche le impostazioni di feedburner, perciò vai nell’account di feedburner associato al feed che stai modificando e clicca in alto (sotto il nome del feed) sulla scritta: Edit Feed Details… . Ti apparirà questa schermata:

Visualizzare immagini nei feed rss blog wordpress edit feed
Controlla che l’original feed sia del tipo: http://www.nomeblog.it/feed/
Clicca su Save Feed Details, hai così “aggiornato” i feed rss.
Cancella la cache del tuo browser (se hai un plugin che gestisce la cache, cancella pure questa) e vai a vedere i tuoi feed… dovresti vedere le immagini!!!

inserire immagini feed rss wordpress feedburnerConsigli

Se modifichi il formato dei feed tramite il file /wp-includes/feed-rss2.php e se utilizzi feedburner per gestire i feed, affinchè siano valide le modifiche devi “aggiornare” anche i feed, cliccando su Save Feed Details nell’account di feedburner. Poi devi sempre svuotare la cache del browser e dell’eventuale plugin.

L’immagine può essere personalizzata nello stile tramite il normale codice css oppure basta modificare il contenuto del valore style=””. Ad esempio ora c’è style=”max-width:690px;” , ovvero dice che la larghezza massima dell’immagine è di 690px. Puoi inserire anche la limitazione della massima altezza tramite style=”max-width:690px; max-height:100px;, oppure impostare un valore di altezza e larghezza predefinito (se le immagini hanno dimensioni diverse si possono distorcere, sconsigliato): width=”100″ height=”50″.
Insomma, è una vera e propria immagine, quindi puoi utilizzare tutte le funzioni per modificare lo stile dell’immagine.

<?php echo '<img src="'.get_my_first_image().'" alt="" width="100" height="50" /><p>'; ?

Se aggiorni la versione di wordpress, i file dovranno essere modificati nuovamente.

Un ringraziamento a p2warticles che mi ha permesso di inserire le immagini nei miei feed 🙂

VUOI CREARE IL TUO SITO O BLOG WORDPRESS?

Scegli uno tra i migliori hosting per WordPress

HOSTING

Scegli uno tra i migliori hosting per WordPress

Hosting

Scegli uno tra i migliori temi WordPress professionali

GRAFICA

Scegli uno tra i migliori temi WordPress professionali

Grafica

Guide e risorse per gestire il sito WordPress a 360°

GESTIONE

Guide e risorse per gestire il sito WordPress a 360°

Gestione
  
con le dita sempre in costante, frenetico movimento sulla tastiera… vengo spesso trascinato e catturato “in rete” per colpa delle mille idee che mi girano per la testa (prima o poi troverò quella giusta)… dal futuro incerto (nonostante una laurea, e chi non lo è?..siamo in tanti!) .. credo fortemente nella condivisione della conoscenza!
44 Commenti
  • invece se voglio usare un plug in, la scelta migliore?

    sai, non voglio magari incollare il codice, o modificare in un modo magari sbagliato.
    con i casini che combino 😀 😀

    • ho provato ad usare qualche plugin che inserisca le immagini, ma non ne ho trovato mai nessuno che mi soddisfava… Prova a vedere il plugin RSS Image Feed e fammi sapere se ti va… altrimenti le modifiche al codice sono davvero semplici da fare!

  • grazie, stavo diventando scemo! 😀 Solo che ogni volta che si aggiorna wordpress tocca rimodificarlo! grrrr 🙁
    ciao

    • prego, non sai quante testate al muro ho dato prima di trovare la soluzione 😉 va be, tanto ci vuole poco…

  • ma con la verisone 3.1 va bene?? a me no 🙁 !!!

    • Secondo me dipende dalla tua immagine, mi riesci a postare il codice html solo della prima immagine?
      Comunque penso di modificare il codice per renderlo universale, magari domani lo rendo pubblico

      • ok allora attendo il tuo codice grazie mille

    • Ciao luigi, ho modificato la funzione, ora dovrebbe essere universale!!! Prova a vedere e fammi sapere!

  • Ho provato ma non funziona, mi da un errore!!! Puoi mettere gentilmente il download diretto del file functions.php? Grazie

    • che errore ti da?
      Clicca qui per scaricare i file functions.php e feed-rss2.php della versione di wp 3.0.1

      • cmq la versione è 3.1 no 3.0.1

        • Allora dev’essere la versione… prova a mettere la funzione in function.php del tuo tema anzichè in wp-includes… salva sempre una copia di backup prima di effettuare qualsiasi operazione

          • Si ho inserito direttamente nel function.php del tema e non mi da errori ma adesso se modifico il file feed-rss2.php mi da la pagina vuota..!

          • allora dev’essere un problema con la versione… mi dispiace… se trovo una soluzione ti faccio sapere

          • Ok grazie mille!!

  • Fatal error: Cannot redeclare require_wp_db() (previously declared in /home/mhd-01/www.miosito.it/htdocs/wp-includes/load.php:323) in /home/mhd-01/www.miosito.it/htdocs/wp-includes/functions.php on line 3102

  • Ciao roberto, io ho un problema con le immagini… secondo me il problema è che, siccome importo gli articoli dai feed con il plugin wp-o-matic le immagini vengono salvate in una cartella del plugin, penso che sia per questo motivo che nei miei feed visualizzo lo spazio dell’immagine vuoto ma non l’immagine

    • Ciao Salvatore, mi serve il link del tuo blog per vedere bene.
      Se puoi ti consiglio di passare a feedwordpress, perchè come spiego nel post feedwordpress contro wp-o-matic, il plugin che stai usando arrivato alla soglia di 500 articoli importati, ha rallentato il caricamento del blog portandolo a 8 sec!
      Tornando al tuo problema, wp-o-matic ti salva le immagini nella cartella del plugin, ma questo non dovrebbe causare il problema. Infatti è un URL come un altro, dovrebbe caricarsi lo stesso.
      Postami il link che controllo subito.

      Se vuoi visualizzare l’intero post, puoi modificare nel file wp-include/feed-rss2.php, il pezzo di codice:
      the_excerpt_rss()
      e lo sostituisci con
      the_content()

      In questo modo ti mostra tutto il post e si dovrebbero vedere anche le immagini.

      • Grazie 1000 roberto, non l’avevo postato per non fare spam! Se poi mi dai il permesso quando sarà pronto il sito vorrei inserire i feed dei tuoi ottimi articoli… in effetti avevo letto di feedwordpress e l’ho pure provato, ma risulta un pochino complicato secondo me!
        Ecco il link comunque http://informati.org

        • Ciao, ho guardato i feed e il problema è che l’url dell’immagine è sbagliata, è tipo: informati.org/wp-content/plugins/wp-o-matic/cache/283ef_9X1jNKSHPcM
          Questo non è un’url valido in quanto non ha estensione, il browser non sa di che tipo di file si tratti.
          Invece l’immagine che si vede è del tipo: informati.org/wp-content/plugins/wp-o-matic/cache/d5c54_Compudesk-3.jpg
          Come vedi, ha l’estensione adatta ad una immagine e il browser la mostra.

          Il problema quindi sembra essere di wp-o-matic, che genera un hash (almeno sembra un hash) e poi non lo riconverte in alcuni casi (strano). Puoi provare a disabilitare la cache di wp-o-matic, ma poi caricherà un pochino più lento, devi fare delle prove.
          Oppure puoi provare a vedere se esiste (sono sicuro che esista) un codice che mostra l’url dell’immagine, del tipo: [mostra] , questo dovrebbe richiamare la funzione che mostra l’immagine. Se esiste, puoi metterlo direttamente nei feed rss.

          Ma sei sicuro che ti vuoi salvare tutte le immagini degli articoli nel tuo spazio web? Occuperai un sacco di spazio web… e sono soldi!!!
          Ultima cosa, modifica il permalink dei post (come si vede l’URL)

          • Ho seguito il tuo consiglio di non salvare tutte le immagini, per il feed ho risolto prendendo i feed rss2 invece che feedburner. Spero di contattarti presto per richiedere i tuoi feed, grazie ancora per l’aiuto

          • Mi trovi sempre qua 🙂 Buon lavoro allora!

      • ops adesso escono! scusami per il disturbo… mancano solo gli ultimi 2! forse è questione di tempo

        • Prova a cancellare i file nella cartella cache allora!!!

  • Ciao!
    avrei un problemino…è la prima volta che scrivo qui, spero riuscirete ad aiutarmi 🙂
    Fra tutte le guide sul web per caricare le immagini sui Feed di Feedburner, questa è l’unica che ha funzionato. Però solo per qualche giorno…:-(
    Gli ultimi 4 articoli che ho postato sul mio blog non vogliono saperne di finire su feedburner assieme alla corrispondente immagine. Ho rifatto tutto da capo, le immagini hanno lo stesso formato di prima, non ho aggiornato nulla su wordpress (e quand’anche l’avessi fatto, ripeto, ho rifatto la procedura da capo). Non c’è verso!…a cosa può essere dovuto?

    Ditemi se vi devo allegare qualcosa per individuare il problema 🙂

    Grazie mille!!!

  • Pare abbia risolto…. era un’impostazione interna di WordPress sui feed… :-S

    Grazie mille lo stesso :-))

    • Grande Michele! 🙂

  • Ciao Roberto, queste modifiche funzionano anche se all’interno degli articoli non vengono inserite immagini ma vengono solamente impostate come immagini in evidenza dell’articolo?

    • No, funziona solo se ci sono immagini nel post.

  • Bene ho inserito tutti i codici
    Non mi si vedono però tutte le immagini ma solo alcune. Come mai?
    Oddio! sempre meglio che niente, ma vorrei risolvere e capire il problema.
    Ho notato anche che su facebook, prima mi faceva vedere le miniature della home page del blog, di fianco al post e ora non si vede più nessuna immagine. Il blog è collegato a facebook tramite networkedblogs per gli aggiornamenti.

    • Le immagini che non si vedono hanno estensioni diverse? Per le immagini su facebook, leggi: https://www.robertoiacono.it/inserire-open-graph-su-wordpress-meta-data-per-i-social-network/

  • Le foto sono di diverse estensioni, quelle che si vedono sono estensione JPG ma non non si vedono tutte.

  • Per quanto riguarda il plugin facebook non mi serve visto che uso networkedblogs ed è collegato direttamente con il feed, quindi se si vedono lì le immagini dovrebbero vedersi in automatico anche sulla mia pagina azienda facebook. Almeno prima funzionava così mi faceva vedere però solo l’anteprima home su tutti i post, non so se cambiando html secondo tue istruzioni è cambiato qualcosa.Giusto?

  • Ho risolto problema immagini, mi sono messo un po’ a pasticciare (:
    Sinceramente l’unica cosa che ho fatto (a parte pasticciare di qua e di là) è cambiare l’ultimo passaggio di codice html che avevo omesso di fare, che tu spieghi a fine post

    <?php echo '’; ?

    Magari era solo un problema di formato, ma…..

    • Meglio così 🙂 uno dei tanti misteri della vita 🙂
      Ciao

  • ciao Roberto esiste qualche plugin o codice per condividere nei feed l’immagine in evidenza? ho anche un problema con facebook utilizzo il plugin “add link to facebook” che mi permette di importare i commenti di facebook su wordpress, il problema con questo plugin è che quando pubblica inserisce l’immagine, però poi da facebook se si prova a condividere non viene visualizzata l’immagine(avevo inserito un codice nell header ma ha funzionato solo per 3 articoli e basta)

    • Roberto Iacono

      Ciao Salvatore,
      per il primo: prova Rss image Feed o Featured Image In RSS Feed.

      Per il secondo, dovresti controllare l’open graph.

      Che codice avevi inserito?

      • per il secondo avevo inserito questo codice

        <meta property="og:title" content="” />

        <meta property="og:url" content="” />
        <meta property="og:image" content="ID),’large’); echo $post_thumbnail[0]; ?>” />

        <meta property="og:site_name" content="”/>

        ma ha smesso di funzionare dopo 3 articoli! ora provo le cose che mi hai detto

      • il codice non l’ha mandato, è questo trucchiwp.it/utilizzare-limmagine-in-evidenza-di-wordpress-come-thumbnail-in-anteprima-per-facebook/

  • wow ha funzionato il primo plugin per l’immagine in evidenza… guarda tu stesso guidetutorials.netsons.org/feed/ , ho letto che sei un ingegnere e meriteresti un linguaggio più consono, ma ho troppa fretta di provare a far “quadrare” la condivisione di facebook! modifica i 3 commenti e fatti i complimenti più autorevoli possibili a nome mio, te li meriti tutti!

    • Roberto Iacono

      Ti ringrazio 🙂 Ottimo lavoro!

  • ps sono un ex collega di corso di eddie (Serafino) il webmaster di p2warticles che hai citato nell’articolo! se ti va preparami una guida che parla del tuo blog, che la inserisco nell’area “grazie a…” del mio

  • Fatto tutto non appaiono le immagini nei feed.. solo gli articoli! Come risolvo?