Wordpress, imagemanager e descrizione

Autore: Davide Tommasin
Pubblicato il 24 aprile 2007

Post Correlati

• Nessun post correlato

Avevo l’ esigenza di dover mettere la descrizione al di sotto di ogni foto che avrei postato nel blog basato su WordPress e ImageManager come plugin per la gestione delle immagini: ora ne faccio una mini guida per chi avesse la mia stessa necessità o volesse arricchire di ulteriori informazioni le immagini che inserisce nel suo blog.

Questa soluzione l’ ho utilizzata per il progetto Spazi del Fare.

Prerequisiti:

Wordpress come piattaforma per blog/sito;

ImageManager come plugin per la gestione delle immagini;

Una volta che il blog ed il plugin sono operativi si andrà a modificare il file ImageManager.php sostituendo queste linee di codice:

[php]case ‘3′: // Thumbnail with link to Image
str += ‘ str += ' rel="lightbox" ';
str += ' >‘;
str += ‘ str += (params.f_alt) ? ' alt="' + params.f_alt +'"' : '';
str += (params.f_alt) ? ' title="' + params.f_alt +'"' : '';
str += (params.f_style) ? ' style="' + params.f_style +'"' : '';
str += (params.f_class) ? ' class="' + params.f_class +'"' : '';
str += (params.f_align) ? ' align="' + params.f_align +'"' : '';
str += ' width="' + thumbwidth +'"';
str += ' height="' + thumbheight +'"';
str += (params.f_horiz) ? ' hspace="' + params.f_horiz +'"' : '';
str += (params.f_vert) ? ' vspace="' + params.f_vert +'"' : '';
str += (params.f_border) ? ' border="' + params.f_border +'"' : '';
str += ' />‘;
str += ‘‘;
break;[/php]

con queste:

[php]case ‘3′: // Thumbnail with link to Image – Informatica Friuli Davide Tommasin
str += (params.f_align) ? ‘

str += ' str += ' rel="lightbox" ';
str += ' >‘;
str += ‘ str += (params.f_alt) ? ' alt="' + params.f_alt +'"' : '';
str += (params.f_alt) ? ' title="' + params.f_alt +'"' : '';
str += (params.f_style) ? ' style="' + params.f_style +'"' : '';
str += (params.f_class) ? ' class="' + params.f_class +'"' : '';
str += ' width="' + thumbwidth +'"';
str += ' height="' + thumbheight +'"';
str += ' />
‘ + params.f_alt;
str += ‘

‘;
break;[/php]

Nel mio caso solo per comodità mia personale ho aggiunto questa classe, dichiarata nel codice soprastante, all’ interno del file style.css ma le direttive potranno benissimo essere inserite nella pagina delle opzioni di ImageManager direttamente dal pannello di controllo di WordPress.

[css].sch2 {
background-color: #f3f3f3;
border: 1px solid #777777;
padding: 4px;
margin: 5px;
}[/css]

Un esempio lo potete vedere a questa pagina:

Idrovore Ospitale ad Aquileia