Estrarre la prima immagine di ogni post in WordPress
Estrarre la prima immagine da un post risulta molto utile quando si vuole realizzare un’anteprima del post in home page. Esistono vari metodi per realizzare questo, via codice (consigliato) o via plugin.
Estrarre la prima immagine con Php
Per fare ciò basta aprire il file function.php ed incollare il seguente codice prima dell’ultimo ?>:
function catch_that_image() { global $post, $posts; $first_img = ''; ob_start(); ob_end_clean(); $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches); $first_img = $matches [1] [0]; if(empty($first_img)){ //Defines a default image $first_img = "/images/default.jpg"; } return $first_img; }
Successivamente basta applicare il seguente tag nel punto in cui vogliamo compaia l’immagine:
<?php echo catch_that_image(); ?>
Nel post di domani spiegeremo poi come ridimensionare al volo l’immagine estrapolata, in modo tale da decidere le dimensioni che vogliamo in qualsiasi punto della pagina.
Estrarre la prima immagine con un plugin: Post-thumb
Prima di tutto scarichiamo il plugin al seguente link e carichiamolo o via ftp o dal pannello di wordpress (per chi utilizza wp 2.7). Attiviamo il plugin e rechiamoci nelle impostazioni del plugin e settiamo le varie opzioni:
Dopo di che basta inserire il seguente tag nel codice html nel punto in cui vogliamo far apparire l’immagine:
<?php the_thumb(); ?>
Questi due metodi sono tutti e due molto efficaci, ma mi permetto di consigliare il primo poichè è più personalizzabile se si ha dimestichezza col php, altrimenti per gli utenti meno esperti si consiglia il plugin.
Aggiungi su OkNotizie
11 Commenti su “Estrarre la prima immagine di ogni post in WordPress”
ottimo Angelo!
Quando spieghi le cose tu sembrano più facili ;)!
[...] abbiamo visto come recuperare l’ultima immagine di un post in wordpress. Oggi vediamo quindi come ridimensionarla al volo. Scaricate questo script php e [...]
Ciao, ho provato ad utilizzarlo, ma non funziona!!
Mi restituisce semplicemente il testo dell’indirizzo dell’immagine.
Come posso fare?
@ilmioguadagno: ahah! grazie
@manu: se ti restituisce l’url dell’immagine significa che non la trova. Forse non ho specificato che funziona solo per le immagine hostate sullo stesso spazio web, non funge con immagini prese da altri siti. Comunque io lo utilizzo su altri siti e funziona perfettamente.
Ma non è possibile, perchè tutte le immagini che uso sul mio blog sono hostate sul mio spazio. Infatti timthumb.php funziona benissimo.
Mi esce una cosa del genere:
http://manublog.org/wp-content/uploads/2009/05/macchina.jpg
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla bla
Il tutto si risolverebbe semplicemente se riuscissi a ficcare quell’indirizzo che mi restituisce nell’argomento “src” di un tag img, ma io non sono un esperto di php…
Se stai usando lo script insieme a quello per il ridimensionamento, verifica che il foglio di stile sia nella root del tema, se così non fosse devi cambiare l’indirizzo dell’attributo src.
L’errore è comunque che non trova l’immagine..verifica anche dove vengono archiviate le immagini nel tuo wordpress.
manu prova ad inserire questo codice
http://onlinetutorial.it/code.txt
vedi che dovrebbe funzionare…
[...] col dire che lo spunto è preso da questo articolo. Effettivamente il processo è lo stesso, solo che nel link non viene effettuato il richiamo [...]
[...] col dire che lo spunto è preso da questo articolo. Effettivamente il processo è lo stesso, solo che nel link non viene effettuato il richiamo [...]
[...] Fonti Parziali (script recupero prima immagine articolo WP): Noiz Experience [...]
Ciao, non riesco a far saltare fuori l’immagine di default. mi potete aiutare?