21/06/2010

Come ti ordino gli abum fotografici

Cari MyBlogger,

oggi cerchiamo di razionalizzare meglio lo spazio dei nostri blog in vista di una fruizione più ordinata. Come più volte abbiamo detto, e chi segue i nostri tutorial  lo sa bene, i fattori capaci di determinare il successo delle nostre pagine  sono diversi e tra questi c’è di certo una buona usabilità ed una immancabile ottimale organizzazione delle informazioni che proponiamo.

Nello specifico, oggi  ci occupiamo di riorganizzare la visualizzazione degli album fotografici. Secondo l’impostazione di default del blog, gli album  - fino ad un massimo di 100 - vengono visualizzati in colonna secondo il sistema  “anteprima-titolo” portando alla potenziale generazione di pagine estese (verticalmente) e di certo uno scroll infinito non offre  ai nostri visitatori una migliore fruizione.

Vediamo come porre rimedio.  L’idea è quella di raggruppare gli album formando una griglia (vedi foto in allegato) piuttosto che un lungo elenco.

foto 1.jpg

 

La procedura è semplice.  Si tratta di rimuovere dalla relativa colonna, gli album esistenti e poi di creare un nuovo oggetto in cui inserire l’apposito  codice per raggruppare gli elementi fotografici.

Per il primo passaggio, dal pannello di gestione del blog raggiungiamo “Presentazione>Contenuto delle barre laterali” e con i relativi tasti “x” rimuoviamo gli album.

foto 2.jpg

Dalla medesima posizione,  scorriamo la pagina fino in fondo e clicchiamo su “aggiungi un testo”. Si aprirà una nuova finestra in cui inseriamo il titolo del nuovo oggetto (noi abbiamo scelto “Gallery”) e il seguente codice:

 {photosalbums assign="album" from="0" limit="12"}
{if $album.first}{/if}
<a title="{$album.photosalbum_title}"
href="http://admin.blog.virgilio.it/admin/posts/{$album.url}">
<img src="http://admin.blog.virgilio.it/admin/posts/
{$album.thumbnail}"
alt="{$album.photosalbum_title}" border="0" />
{if $album.last}{/if}
{/photosalbums}
Abilitiamo la visualizzazione del nome e la centratura dell’oggetto. Usate l’immagine di seguito come riferimento.
foto 3.jpg
Nel codice appena visto, la sezione:

{photosalbums assign="album" from="0" limit="12"}{if $album.first}{/if}
serve ad organizzare gli album per gruppi di 12. In base alla larghezza della nostra colonna (che cambia a seconda che si sia scelto un template a due colonne o a tre), la griglia generata si organizzerà di conseguenza secondo un modello 4x3 o 6x2. Ovviamente possiamo scegliere valori inferiori al 12 qualora avessimo meno album a disposizione, o anche superiori (a seconda delle nostre esigenze).
Infine, notate che il titolo dei singoli album adesso appare passando con il mouse sopra la relativa preview.
Bene, direi che adesso tocca a voi. Subito al lavoro sulla sezione fotografica! :D

17:58 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (2) | Segnala | Tag: album, myblog, redazione, tutorial | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook

Commenti

Bello. L'ho fatto subito per i miei album! =)

avatar utente Weblog

Scritto il:21/06/2010

Rispondi a questo commento

Grazie mille per i vostri consigli!

avatar utente Mondiali SudAfrica 2010

Scritto il:22/06/2010

Rispondi a questo commento

Scrivi un commento

NB: i commenti di questo blog sono moderati.