Artisteer, il primo generatore di template per Blogger: recensione e considerazioni

Artisteer, creato dalla società Extensoft, è un programma (a pagamento) presente da un paio di anni sul mercato e che, con la versione 2, corona probabilmente il sogno dei tanti che aspirano a creare da sè un template per Blogger. Artisteer infatti permette, tramite una completa interfaccia grafica e senza far mai uso di codice, di creare layout per i CMS più diffusi in rete: Joomla, Wordpress, Drupal e Blogger.

Ho provato tempo fa questo programma (quando ho deciso di creare da me un template per Creare blog – opera ancora da completare!) e, immaginando che molti fossero curiosi di provarlo, o volessero approfondire anche il punto di vista tecnico, ho deciso di condividere le mie impressioni su questo prodotto.

Cosa permette di creare Artisteer?

A parte i già citati template per i CMS più diffusi (a cui va aggiunto anche DotNetNuke), Artisteer permette anche di creare una semplice pagina HTML o interfacce per applicazioni ASP.NET o CodeCharge Studio. Cosa vogliamo creare ci viene chiesto appena lanciato il programma:

Il programma come si vede è in inglese, ma non bisogna essere grandi conoscitori della lingua per usarlo.

Creare un template per Blogger

Scegliendo Blogger nella finestra precedente ci viene subito proposto un template di base:

Dal menù “Ideas” possiamo farci suggerire template diversi generati a caso, o limitarci solo a piccole sfumature come i colori o o lo sfondo, il tutto per arrivare a un punto di partenza che sia di nostro gradimento e sul quale cominciare le nostre personalizzazioni.

Si nota subito che grande attenzione è stata posta all’interfaccia: Artisteer ricalca la moda lanciata da Office 2007 e, anche se a primo impatto può confondere, una volta presa la mano si rivela molto pratica. Ad esempio, per scegliere il numero di colonne presenti nel nostro template, un menù a tendina ci mostra graficamente le opzioni possibili:

Man mano che passiamo sopra le varie opzioni, anche il template sotto si modifica in tempo reale per farci vedere un’anteprima del risultato finale:

Rispetto alla precedente immagine del template, è bastato muovere il mouse sulla scelta “tre colonne con post al centro” per vedere come sarà la modifica una volta applicata. Ovviamente se non confermiamo niente, il template ritorna com’era prima.

Questo vale per tutte le varie opzioni messe a disposizione per la personalizzazione del layout, permettendo in tempo reale di vedere quello che otterremo senza dover pubblicare prima il template o doverne fare un’anteprima online.

Cosa è possibile personalizzare?

Il programma non permette propriamente di realizzare qualsiasi tipo di template, si lavora sempre nell’ambito di scelte ben definite (anche se è possibile caricare elementi grafici dal proprio disco), ma tutte estremamente personalizzabili: lo sfondo, bordi arrotondati e quanto arrotondati, il font, il colore del testo o dei vari gadget, la spaziatura tra gli elementi, i titoli degli elementi o immagini di contorno.

Vediamo il menù principale nello specifico:

Ideas: permette di generare casualmente tutto il template o solo alcuni elementi di esso

Colors & Fonts: permette di scegliere font e colori sia del testo che degli altri elementi del template, anche tramite dei modelli predefiniti

Layout: qui possiamo scegliere il numero (e la posizione) delle colonne del template, o la presenza di header o menù

Background: qui decidiamo lo sfondo del blog. Oltre a immagini statiche (che possiamo anche caricare dal disco) è possibile scegliere anche tinte unite, gradazioni di colore, sfumature o trame

Sheet: da questo menù possiamo decidere l’aspetto del corpo del template. Possiamo usare angoli arrotondati e deciderne esattamente la curvatura, scegliere la distanza dai bordi, la presenza di eventuali ombreggiature, e così via

Header: qui creiamo l’header del nostro blog. Oltre a deciderne la grandezza, possiamo usare colori o immagini per lo sfondo. Possiamo anche sovrapporre immagini allo sfondo, decidendone la posizione o la grandezza:

Possiamo applicare svariati effetti grafici e, ovviamente, impostare il nome e la descrizione del nostro blog:

Naturalmente anche dimensione del titolo, posizione e colore sono totalmente personalizzabili

Menu: se abbiamo deciso di inserire un menù nel nostro blog, qui possiamo personalizzarne l’aspetto, applicando anche in questo caso numerosi effetti

Articles: qui stabiliremo l’aspetto dei nostri post. Font, colori, giustificazione del testo, l’aspetto dei link e delle citazioni, eventuali bordi (anche colorati o tratteggiati) delle immagini. Tutto personalizzabile, compreso l’aspetto di data, nome dell’autore, riepilogo di commenti e categorie (con tanto di piccole icone), e così via:

Blocks: qui possiamo personalizzare l’aspetto dei vari elementi presenti nel template. La personalizzazione è davvero molto ampia e ogni piccolo particolare può essere personalizzato, compresa l’icona nei titoli dei gadget:

Buttons: anche se i bottoni sono poco usati nel blog e nel web in generale, qui potrete personalizzarli in tutti i loro dettagli

Footer: l’aspetto del footer, cioè la parte in fondo al blog. Oltre ai mille dettagli grafici, è possibile gestire la presenza (e l’aspetto) del feed del blog.

Pubblicazione del template

La pubblicazione del template è un tocco di classe. Basterà inserire i dati del proprio account su Google e scegliere il blog, e farà tutto Artisteer, compresa la pubblicazione delle immagini su Picasaweb (quindi non dobbiamo preoccuparci di pubblicarle noi in prima persona e poi modificare il template per inserire i nuovi indirizzi). Il programma farà anche un backup del nostro attuale template, per ogni evenienza.

Salvataggio delle modifiche

Ogni template che creiamo viene salvato in un progetto che possiamo riprendere in qualsiasi momento (solo nella versione a pagamento). Se quindi in futuro vogliamo fare altri ritocchi, magari cambiando l’immagine dell’header o altri elementi grafici, possiamo rifarlo partendo da dove abbiamo lasciato.

Svantaggi

Artisteer ha alcune magagne tecniche, forse dovute al fatto che il supporto a Blogger è stato aggiunto solo recentemente e il programma era nato per altri CMS:

1. Struttura del codice contorta: alcune modifiche al codice che probabilmente vorrete subito fare al vostro template (come la rimozione del nome del blog dai titoli dei post per un miglior posizionamento nei motori di ricerca) e che inevitabilmente dovrete rifare ogni volta che lo ripubblicate, saranno più complicate del solito. Una volta aperto il codice del template non avrà più niente di familiare: Artisteer utilizza uno standard tutto suo che si discosta notevolmente da quello suggerito dai template predefiniti di Blogger, e anche se alcuni elementi saranno al loro posto, è probabile che tutto quello che c’è intorno sia diverso, per cui è difficile avere un riferimento per fare le modifiche.

2. Pesantezza del template: il template finale avrà un peso maggiore di altri simili che trovate “fatti a mano” in rete. Il risultato finale non è necessariamente lento da caricare, ma anche a fronte di layout molto semplici il codice verrà riempito di CSS ridondanti e numerosi Javascript. Inspiegabilmente, dal mio punto di vista: a fronte di un maggior controllo sul codice si dovrebbe avere un risultato più snello. Non c’è un’ottimizzazione nella generazione del template finale, per cui Artisteer inserisce tutti gli elementi che teoricamente potrebbero servirgli, anche a fronte di una pagina molto spartana.

3. Non si può importare l’attuale template: non sarebbe stato male importare l’attuale template, anche solo parti di esso (come le immagini). Anche in questo caso, Artisteer soffre per il fatto che essendo un programma generico non è specializzato in niente. Ma forse questo è un problema relativo: se usate Artisteer è perchè probabilmente volete cambiare l’attuale template, e comunque ricrearlo sarà un’operazione velocissima.

4. Non si può gestire codice HTML esterno. Per i più esigenti, sarebbe stato utile poter inserire elementi esterni tramite codice HTML. Penso per esempio all’header: sarà impossibile inserire codice AdSense o magari un motore di ricerca personalizzato.

Per concludere

A parte qualche deficit tecnico nel risultato finale, Artisteer si rivela un prodotto completo e molto veloce da usare. Una volta fatta un po’ di pratica, riuscirete a riprodurre velocemente la maggior parte dei template che vedete in giro per la rete in pochissimo tempo, o a creare i vostri senza nessuna difficoltà. Il programma può essere usato in versione di prova, ma in questo caso non potrete salvare il progetto e una volta chiuso perderete il template che avete realizzato. Potete sempre pubblicarlo e averlo online (con link alla pagina ufficiale del prodotto), ma non potrete riaprirlo per modificarlo.

Il costo del software è di 49 dollari (poco più di 36 euro), sicuramente meno del costo di un template fatto su commissione. Conosco alcuni dei lettori di questo blog che realizzano template a pagamento: sicuramente dovete avere questo strumento! Ma consiglio a tutti di provarlo e farci un pensierino.

Segnalo che Artisteer permette di guadagnare sulle commissioni della vendita del software, tramite un programma di affiliazione gestito dall’americana LinkShare. Le commissioni sono molto interessanti, ma aderire al circuito di LinkShare per l’Italia si è rivelata è un’operazione molto complessa (fax, ambasciata, ecc.) e io ho lasciato perdere.

Per chi ama il “fai da te” e vuole mettere mano al codice del proprio template:

• Creare un template a 3 colonne per Blogger
• Aggiungere nuove sezioni al template di Blogger
• Cambiare la larghezza dei template di Blogger
• Inserire uno sfondo nel blog su Blogger
• Creare una barra di navigazione utilizzando bottoni grafici
• Eliminare o cambiare il bordo dell’header del template su Blogger
• Gestire la distanza tra gli elementi in un template di Blogger
• Gestire la posizione delle colonne in un template a 3 colonne

Condividi su Facebook, Twitter o Google Buzz:

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:

oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!