
Oggi ho aperto una mia galleria su Flickr dove inserire man mano foto e immagini in grafica raster e vettoriale.
Realizzare una lista delle ultimi immagine pubblicate sul servizio è possibile grazie al plugin vdh_flickr per Textpattern. Tuttavia, visto che la documentazione associata al plugin non sembra essere molto chiara, ho deciso di illustrare un modo rapido e indolore per ottenere la lista delle ultime immagini, 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