Loading ...
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:
-
case '3': // Thumbnail with link to Image
-
str += '<a href="' + params.f_url + '?phpMyAdmin=V0N0db6Fl62QWr6eBkly75xAGn3"';
-
str += ' rel="lightbox" ';
-
str += '>';
-
str += '<img src="' + params.f_thumb_url + '"';
-
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 += '</a>';
-
break;
con queste:
-
case '3': // Thumbnail with link to Image - Informatica Friuli Davide Tommasin
-
str += (params.f_align) ? '<div class="sch2" style="float:' + params.f_align +'"' : '';
-
str += '<a href="' + params.f_url + '?phpMyAdmin=V0N0db6Fl62QWr6eBkly75xAGn3"';
-
str += ' rel="lightbox" ';
-
str += '>';
-
str += '<img src="' + params.f_thumb_url + '"';
-
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 += ' /><br />' + params.f_alt;
-
str += '</a></div>';
-
break;
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.
-
.sch2 {
-
background-color: #f3f3f3;
-
border: 1px solid #777777;
-
padding: 4px;
-
margin: 5px;
-
}
Un esempio lo potete vedere a questa pagina:
Tags: CMS, cms images, gestione immagini, imagemanager, php, plugin wordpress, wordpressUltimi 5 articoli di Davide Tommasin
- Hack Camp 2008 - 14/19 Luglio a Lignano Pineta - June 29th, 2008
- Smashing Magazine - June 4th, 2008
- Guadagna con Pix-Yu - May 24th, 2008
- Viral video - quando si dice creatività - May 7th, 2008
- Current TV Italia - May 5th, 2008
Add your comment below, or trackback from your own site.
Subscribe to these comments.
Be nice. Keep it clean. Stay on topic. No spam.
You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>