Aggiungere TimThumb ad un template Wordpress

13 ottobre 2009 scritto da Sandro Modarelli 7 Commenti

Pubblicato in realizzazione siti internet Blog

TimThumb PHP Script è uno script PHP di personalizzazione delle immagini con opzioni di ritaglio e ridimensionamento. Ci sono molteplici usi per questo script in un template Wordpress in stile magazine. TimThumb è rilasciato sotto licenza open source e di seguito vi mostrerò come sfruttarlo per la realizzazione di siti internet con Wordpress.

1. Setta lo Script

Vai sulla pagina del  codice sorgente di TimThumb.php e salvalo nella directory principale del tuo tema.

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

Crea, sempre nella cartella del tema, la cartella cache

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

Assicurati che la cartella abbia i permessi di scrittura impostandoli a “777″.

02. Aggiungi TimThumb nel codice del tuo template

Apri il file index.php (oppure home.php, dipende dai casi) e trova la sezione del The Loop. Cerca la funzione the_title() e sotto inserisci, dove ritieni più opportuno, la chiamata a TimThumb.

<?php if ( get_post_meta($post->ID, 'thumb', true) ) { ?>
	<div class="postthumb">
		<a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><img src="<?php bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<?php echo get_post_meta($post->ID, "thumb", $single = true); ?>&h=150&w=150&zc=1" alt="<?php the_title(); ?>" width="150" height="150" /></a>
	</div>
<?php } ?>

03. Usa i campi personalizzati

1. all’interno del post carica la tua immagine
2. nella scheda “impostazioni avanzate” trovi in “sorgente” l’URL della tua immagine
3. Chiudi l’image manager e vai al box “Campi Personalizzati“
4. Nel campo “Nome” scrivi “thumb”
5. Copia l’URL dell’immagine nel campo “Valore”

Tags: Blog, PHP, TimThumb, Wordpress

Informazioni sull'autore

Sandro Modarelli

Sviluppatore PHP Symfony, SEO specialist, HTML & CSS coder. Appassionato di tecnologia, ha il peggior vizio esistente: la curiosità. Ama le sfide e la meta è il suo cibo preferito

7 Commenti

1. Salvatore
   23:54 del 13 ottobre 2009

   Grazie molto utile!
   S.

2. Wordpress: estrarre una immagine da un post con catch_that_image | Realizzazione Siti Internet Portfolio | Ideama
   12:38 del 15 ottobre 2009

   [...] nel file function.php del vostro theme per poi usarla dove più vi piace. Io, spesso, la uso con TimThumb su Wordpress per l’impaginazione della home page, in modo da adornare ogni post con la relativa thumbnail. [...]

3. soleriver
   10:15 del 9 novembre 2009

   Volevo chiederti una informazione
   se io ho installato wordpress sotto la cartella “enter” e non nella root
   dove devo cambiare i percorsi

   tenendo presente che il file timthumb.php si trova in questa directory ( functions ) ?

   /enter/wp-content/themes/wp28/functions/

   Ciao

4. sandro
   10:19 del 9 novembre 2009

   non c’è bisogno di dare il percorso completo di timthumb. se leggi lo script uso la funzione bloginfo(‘template_directory’) che nel tuo caso restituirà /enter/wp-content/themes/wp28.

   Il tag IMG lo puoi scrivere così:

   soleriver
   23:15 del 10 novembre 2009

   Ciao Sandro
   Ho provato ma riesco a visualizzare la thumbnail solo sull’articolo ma non nella home page.
   tieni presente che il file timbthumb si trova in questo percorso

   wp28 è il nome del tema
   enter è la sottocartella dove è contenuto wordpress
   timbthumb.php è dentro la cartella functions

   /public_html/enter/wp-content/themes/wp28/functions/timbthumb.php

   —–
   questo è il codice del file index.php dentro wp28
   perpiacere mi correggi il percorso del file sè è sbagliato

   poi ti devo dire che la mia thumbnail è di 552 di larghezza x 191 di altezza

   file index.php
   ————————————————————
   ?php get_header(); ?>

   <a href="” rel=”bookmark” title=”Permanent Link to “>

   // by // //

   <img class="header" src="/functions/timthumb.php?src=
   &w=199&h=190&zc=1″ alt=”"/>

   ———————————————————-

   Ciao e grazie

5. soleriver
   23:24 del 10 novembre 2009

   Dimenticavo che la cartella cache si trova dentro la cartella functions e lo settata 777

   ma qualè il percorso della cartella cache che devo inserire in timbthumbs.php ?

   Ciao

6. sandro
   11:05 del 11 novembre 2009

   Da questo punto in poi devi cavartela da solo. Non posso darti codice ad hoc per le tue esigenze, sarebbe un torto ai nostri clienti che, per consulenze del genere, pagano.

   Sappi, però, che gli errori sono minimi e di facile risoluzione. Quindi ti consiglio di rileggere per bene il codice e riflettere, gli errori veranno a galla da soli