WordPress, lavorare con le immagini: TimThumb

timthumb

Spesso nella scrittura nell’elaborazione di un template, si ha l’esigenza di ridimensionare o ritagliare le immagini per dare un aspetto omogeneo al sito ed evitare di avere i formati più disparati che lo rendono confuso all’occhio del navigatore.

Ci viene incontro un’utility php free che ormai molto spesso viene inserita nei template professionali : TimThumb.

TimThumb è appunto uno script PHP che fornisce opzioni di ritaglio e ridimensionamento delle immagini.

Ci sono molteplici usi per questo script come ad esempio  creare la preview di un articolo in un template WordPress in stile magazine.

TimThumb è rilasciato sotto licenza open source e il suo utilizzo è molto semplice.

Innanzitutto recuperiamo lo script da   qui e salviamolo  nella directory principale del tema.

Ad esempio :

tuosito.com/wp-content/themes/your-theme/timthumb.php

Se non è già presente creiamo la cartella cache

tuosito.com/wp-content/themes/your-theme/cache/

assicurandoci  che abbia i permessi di scrittura  a “777”.

L’operazione è quasi conclusa infatti per utilizzare le funzioni che lo script mette a disposizione basta scrivere

testo alternativo dell'immagine 

Nel punto in cui vogliamo appaia l’immagine (in questo caso ridimensionata a 150px per 150px).
Un utilizzo comune è fatto sfruttando anche i Custom Fields visti nel post precedente infatti potremmo assegnare l’url di una immagine ad una variabile custom ad esempio Thumb
e poi recuperarla nel template per visualizzarla ridimensionata prima del nostro post ed avere il tipico blog con la serie dei post preceduti dalle immagini.

I passi da seguire sono i seguenti:
1. caricare l’immagine all’interno del post
2. recuperare l’URL dell’immagine nella scheda “impostazioni avanzate” nella sezione “sorgente”
3. Andare nel campo “Custom Field“(campi personalizzati) e inserire : “thumb” nel campo nome e l’URL dell’immagine nel campo “Valore”

e di seguito il codice d’esempio da inserire nei file del tema per visualizzare l’immagine prima del post:


< ?php if ( get_post_meta($post->ID, 'thumb', true) ) 
{ ?>
     
< ?php 
} 
?>

A breve vedremo invece come recuperare automaticamente le immagini dal post senza bisogno di utilizzare il Campi Personalizzati




About Mauro De Filippis 19129 Articles
Laureato in Ingegneria Informatica nel 2008 presso l'Università degli Studi di Lecce con una tesi in Processi di Produzione Robotizzati dal titolo "Integrazione delle tecniche di progettazione del ciclo di lavorazione con programmazione della produzione”. Le mie attività principali sono : sviluppo di applicativi ANSI C per terminali POS basati su processori ARM Risc 32Bit con 2-4 MB di Ram (progettazione, sviluppo e test delle applicazioni ) sviluppo in ambiente .NET sviluppo Web in ambiente PHP, ASP Installazione, progettazione, utilizzo di Db MS SQL Server, Mysql, Acces , Oracle Da anni mi occupo di CMS Open Source, in particolare di Joomla e Wordpress. Mia è la Guida Wordpress 3.5, la Guida Joomla 2.5 , il Corso online Joomla! 2.5 ed il Corso online Wordpress Mi occupo anche di LMS in particolare di Moodle e Docebo. Google+ by Mauro De Filippis

2 Trackbacks / Pingbacks

  1.   Wordpress, recuperare la prima immagine di un post by modifycando.com
  2.   Nuovo tema da Elegantthemes : instyle by modifycando.com

Leave a Reply

L'indirizzo email non sarà pubblicato.


*