
Oggi ho aperto una mia galleria su Flickr dove inserire man mano foto e immagini in grafica raster e vettoriale.
Ho aggiornato la Vetrina con una lista delle ultimi immagine pubblicate sul servizio, grazie al plugin vdh_flickr per Textpattern: visto che a mio parere la documentazione relativa al plugin non è molto chiara, vi spiego come ho fatto per ottenere la lista degli ultimi lavori, in miniatura.
Innanzi tutto, dobbiamo creare un articolo nel quale andranno a finire queste piccole anteprime. Il tag da utilizzare segue la seguente sintassi:
<txp:vdh_flickr_thumbnails_list nsid="" latest="" open="flickr" />
L'attributo nsid
sta per il vostro id Flickr (se non lo sapete andate su idgettr.com ), mentre latest
sta per il numero di miniature da visualizzare.
Ho notato anche che lo script genera codice html abbastanza scadente (le immagini sono affiancate una dietro l'altra!), e quindi ho pensato di modificarlo un pò.
Per ottenere una normalissima lista non-ordinata, andate nel vostro pannello di amministrazione txp e dirigetevi in Amministrazione > Plug-in
. A questo punto cliccate sulla voce Modifica
relativa alla riga riferita al plugin (che, ricordo, si chiama vdh_flickr
) e modificate quanto segue.
Verso la riga 478 circa (incollate tutto su un editor, ve lo consiglio) dovreste trovare una funzione:
function thumbnails_link($img_url)
Dentro di essa, dovrebbe esserci la seguente istruzione:
if($this->open == 'flickr') {
$html = '<a href="http://www.flickr.com/photos/' . urlencode($this->nsid) . '/' . $this->photo['id'] . '/">' . "\n";
$html .= $img_url;
$html .= '</a>' . "\n";
}
Per trasformarla in una lista HTML non-ordinata, sostituite l'ultima porzione di codice con:
if($this->open == 'flickr') {
$html = '<li><a href="http://www.flickr.com/photos/' . urlencode($this->nsid) . '/' . $this->photo['id'] . '/">' . "\n";
$html .= $img_url;
$html .= '</a></li>' . "\n";
}
Ora, tornate al corpo dell'articolo dove avete incluso il tag che visualizza le ultime miniature (txp:vdh_flickr_thumbnails_list); prima e dopo di esso aggiungete rispettivamente <ul> e </ul>, e finalmente avrete una normalissima lista semantica di immagini. :-)
Fatemi sapere cosa ne pensate dei miei lavori. :-P