Custom field in Wordpress, e thumbnail per i post

Wordpress

Con Wordpress, se l’autore del blog ha bisogno di memorizzare e visualizzare per ogni post un determinato valore, può farlo utilizzando i Custom field. Si tratta di definire un nuovo parametro per il post. Da quel momento avremo la possibiltà di assegnare un valore diverso a questo parametro per ogni post.
Possiamo per esempio creare il parametro “Image” e scegliere ogni volta un immagine che appaia come thumbnail del post.
Vediamo come funzionano i custom Field di Wordpress e proviamo a fare un esempio concreto.

1. Creare un nuovo Custom field
E’ un operazione molto semplice. Nella parte bassa della pagina WRITE POST di wordpress individuiamo la sezione CUSTOM FIELDS. Come si vede in quest’immagine abbiamo di fronte tre campi: il primo a sinistra, ci permette di scegliare tra i CUSTOM FIELD che abbiamo creato in precedenza, quello centrale ci permette di crearne uno nuovo, ed il terzo infine ci permette di specificare un valore per il campo.
In questo caso riempiamo il secondo campo scrivendo “image”, e specifichiamone il valore: ecco l’esempio.
Cliccando “add custom field”, memorizzeremo questo valore nel post.

2. Utilizzare i custom fied già creati.
Quando scriveremo i prossimi post, per assegnare il valore a “image” non avremo bisogno di creare ulteriori CUSTOM FIELD, ma utilizzeremo quello creato la prima volta. Lo scegliamo nell’area select e specifichiamo un nuovo valore: ancora un’esempio.
In ogni post quindi sarà possibile specificare un diverso valore per il custom field “image” e per tutti quelli che vorremo creare.

3. Recuperare questo valore nel template e nel loop.
All’interno del loop il codice che segue permette di recuperare il valore di un custom field:

<?php $values = get_post_custom_values("nomedelcustomfield"); ?>

4. Facciamo un esempio
Se nella nostra Home page non vogliamo inserire i post per intero, ma solo una piccola sintesi assieme ad una foto, con un link al permalink del post, possiamo utilizzare i custom field.
Creando “image” abbiamo fatto la metà del lavoro. Non resta che specificare per “image” in ogni post l’url di un’immagine diversa come visto al punto 2. Sarà l’immagine che utilizzeremo come thumb.

L’ultimo fondamentale aggiustamento ovviamente deve essere fatto sul template. Dobbiamo infatti far comparire le immagini nel layout, e quindi richiamare il valore del custom field “image”.
Siamo sempre all’interno del loop:

<?php $mythumb = get_post_custom_values("image"); ?> //recuperiamo il valore del custom field
<a href="<?php the_permalink() ?>">
<img src="<?php echo $mythumb; ?>" /> // inseriamo l'immagine scelta per ogni post
<?php the_excerpt(); ?> // visualizziamo solo l'introduzione del post
</a>

Link:
Custom field

Un commento

  1. Ciao, bel post, e complimenti per l’idea. I custom fields sono lo strumento più potente che offre wordpress “out of the box”.. io ho realizzato la traduzione del mio sito grazie al loro utilizzo, se vuoi saperne di più leggi http://www.copesflavio.com/blog/blog/come-usare-i-custom-fields-di-wordpress/ e http://www.copesflavio.com/blog/blog/howto-come-tradurre-il-blog-in-un-altra-lingua/

Lascia un commento


« Creare una versione mobile del proprio sito con Mofuse
» Wordpress Mobile edition: un plugin per creare un versione mobile del tuo blog