Magazine

Modificare il tema di WordPress (parte 1): la funzione post thumbnail

Creato il 06 ottobre 2011 da Roccoagostino @RockyTemerario
Modificare il tema di WordPress (parte 1): la funzione post thumbnail

Ormai del mio tema per wordpress, che ho scaricato tra quelli gratuiti nel lontano 2009, ci sta ben poco. Nel corso dei mesi tante sono state le modifiche: supporto ai plugin, ai widget, agli script in JQuery, modifiche in php che adesso ad elencarli tutti ho davvero tanta difficoltà. Wordpress si aggiorna, introduce nuove funzioni e nuove possibilità di fare blogging, ma il mio tema “no, non lo voglio cambiare!”.

Così, armato di santa pazienza, googlando un pò in giro, ecco che mi ritrovo per l’ennesima volta a far modifiche.

 

Vediamo la prima: la funzione post thumbnail (miniature).

 

Le icone che vedere associate agli articoli di questo blog sono in realtà associate alle categorie (uso il plugin Category Icons). Pertanto esse non sono direttamente legate al contenuto dell’articolo. Stanco della visualizzazione testuale a lista dei post correlati ho installato il plugin Related Posts Thumbnails che crea un riquadro per ogni articolo correlato inserendo una immagine contenuta nell’articolo stesso. Problema: e se nel contenuto non vi sono inserite delle immagini? Il plugin usa la minitura associata all’articolo!

 

Per attivare la gestione lato backend della “miniatura articolo” è sufficiente editare il file functions.php e inserire le seguenti linee di codice che, nell’ottica di compatibilità e stabilità, sono:

 

if ( function_exists( 'add_theme_support' ) ) {
    add_theme_support( 'post-thumbnails' );
}

 

Fatto questo, entrando nell’amministrazione e andando nella modifica di un post, troveremo sulla sidebar destra un nuovo pannello:

 

Modificare il tema di WordPress (parte 1): la funzione post thumbnail
Da qui possiamo associare una immagine all’articolo.

 

Con

 

1
<!--?php get_post_thumbnail();?-->

 

recuperiamo l’url della nostra thumbnail e possiamo tranquillamente inserirlo nel loop in questo modo ad esempio:

 

1
<div><img src="<?php get_post_thumbnail(); ?>" alt="<?php the_title(); ?>" /></div>

 

Enjoy it and.. see you soon!


Ritornare alla prima pagina di Logo Paperblog