Estrarre immagine in miniatura da WordPress

In questo tutorial vedremo come estrarre la prima immagine da ogni post wordpress.
Questa è cosa molto facile grazie all’uso del php.

Inizio col dire che lo spunto è preso da questo articolo.
Effettivamente il processo è lo stesso, solo che nel link non viene effettuato il richiamo all’interno degli appositi tag ( oppure viene omessa questa parte fiduciosi di utenti esperti ).

La prima cosa da fare è creare una funzione da inserire nell’apposito file function.php della nostra template. Possiamo inserire il seguente codice prima dell’ultimo ?>

[sourcecode language='php']
function catch_that_image() {
global $post, $posts;
$first_img = ”;
ob_start();
ob_end_clean();
$output = preg_match_all(‘//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;
}
[/sourcecode]

Fatto questo andiamo dobbiamo aprire la pagina php dove ci interessa inserire l’immagine. Noi abbiamo optato per la pagina delle categorie, facendo uscire un immagine ad ogni post.

Il codice da inserire per effettuare il richiamo all’immagine è il seguente

[sourcecode language='php']

Stabilire una grandezza fissa per l’immagine estratta

L’aggiunta da fare sul codice è molto semplice.
Infatti basta sostituire questo codice :

[sourcecode language='php']

#dd_ajax_float{ float:left; padding: 6px 1px 4px 0px; margin-left:-99px; margin-right:15px; margin-top:0px; position:absolute; z-index:9999; width:79px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background-color: #dddddd; background: -moz-linear-gradient(100% 100% 90deg, #a6a6a6, #ffffff); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#a6a6a6)); background: -webkit-linear-gradient(#ffffff, #a6a6a6); background: -o-linear-gradient(#ffffff, #a6a6a6); }