Bueno: un esempio di personalizzazione

Ciao a tutti,

il tempo è tiranno e non si riesce a star dietro alle cose cui si tengono, specie se non sono essenziali nella vita quotidiana (leggasi salute e lavoro). Per fortuna la voglia di scrivere e parlare delle cose che ci piacciono non manca ed eccomi qui a tradurre un (lungo) articolo d’esempio pubblicato un mese fa dai tipi di WordPress.com in merito alla personalizzazione del proprio blog, fornendo un caso d’uso reale …

Penso sia un’esigenza comune quella di voler personalizzare il template del proprio sito/blog in modo che ci calzi a pennello, come un abito su misura, e che rispecchi in un certo qual modo il nostro gusto estetico e la nostra personalità. Oggi vedremo come è possibile personalizzare quello che oggi è il terzo tema più popolare su WordPress.com e, nonostante ciò, costruire qualcosa di completamente personale.

Diciamo ciao al blog Mi Piace Kate:

Mi Piace Kate

Kate è una graphic designer, come si intuisce un’amante dei gatti e del fai da te che ha scelto di pubblicare le proprie cose utilizzado il tema gratuito Bueno. Abbiamo scelto di parlare del suo blog perchè costituisce un fantastico esemoio di come l’utilizzo di alcune immagini personali e l’utilizzo del Custom Design upgrade (per un costo di 30$) possono cambiare un tema gratuito in uno dal look super-professionale e unico.

Ma bando alle ciance e guardiamo l’immagine seguente che compara la pagina standard dell’home page del tema Bueno con quella realizzata da Kate. Impressionante, vero ?

Bueno Theme

Solo prestando attenzione al cerchio contenente la data di pubblicazione del tema (rosa nella versione originale, chartreuse nella versione di Kate) si capisce quale sia il tema alla base, il fatto che ci sia Bueno a presentare i vari contenuti. Come ci è riuscita? Ecco le sue non-così-segrete tecniche….

Header personalizzato

Kate ha impostato il look & feel del suo sito direttamente nella testata della pagina, usando un’immagine per il custom header da lei realizzata che riesce ad impostare il tono emozionale del sito, e quindi del suo estensore, mediante un attento uso di forme e colori …

custom header

L’utilizzo di un’immagine personale per l’header del tema non rende necessario l’acquisto di un upgrade, ma è una opzione standard per Bueno (e moltissimi altri temi sulla piattaforma WordPress.com … 152, per essere precisi).

Starei pensando, “Ma io non sono un graphic designer!”? Beh, la notizia è che tu non devi necessariamente esserlo! Basta essere creativi e utilizzare, ad esempio, il tuo word processor preferito e utilizzarle le proprietà di elaborazione del testo con effetti e forme e poi salvare il tutto come un’immagine. Oppure semplicemente utilizzare un’immagine dal significato speciale … Voilà! Personalità al volo…

Colori personalizzati

Kate ha quindi preso i colori scelti per l’immagine dell’header e li ha (sapientemente) distribuiti all’interno delle varie componenti del sito, dai cerchi contenenti le date dei post alle linee di separazione sui titoli dei widget usati. Questo le è stato possibile acquistando il Custom Design upgrade, che le ha permesso di usare esattamente i colori che voleva ed applicare le modifiche al file CSS secondo il suo gradimento.

Se il tema generale di Bueno, sul rosa, non è di tuo gradimento non c’è problema … Bueno viene offerto con sette schemi di colore differenti, che possono essere scelti ed applicati con un paio di click andando nell’apposita sezione della Bacheca, quindi Aspetto e dunque selezionando le Opzioni del Tema. Altrimet puoi utilizzare il Custom Design upgrade to change the colors of fonts and backgrounds even more, senza utilizzare i CSS. (Ma se vuoi affondare i tuoi denti nel vasto menù dei CSS qui troverai un’antipasto).

Font personalizzate

Non sono i colori possono essere modificati acquistando il Custom Design upgrade. Potrai modificare anche le font del tema sceltom andando così a modificare drasticamente l’effeto del tema di partenza. Sul suo “Mi Piace Kate”, Kate ha scelto di utilizzare la classica font serif Ambroise per l’header ed i titoli dei post, e l’altamente leggebile Museo Sans per il contenuto dei post. A questi ha affiancato, infine, l’elegante Raleway per i titoli ed i menù opzione. Se l’argomento dell’uso di font perosnalizzate ti interessa, puoi sempre consultare l’articolo (in inglese) su come altri blogger li utilizzano ed imparare come ottenerne un’anteprima per il tuo sito.

Mi Piace Kate - Blogroll example

Divertirsi con le widget di testo

Kate non ha avuto paura di andare a guardare ‘sotto il cofano’ e manipolare i vari widget a disposizione in modo che apparissero esattamente come voleva. Guarda con attenzione come ha stilizzato il tuo blogroll. Lo ha cambiato dal semplice elenco puntuale una riga per sito ad un blocco compatto ma allo stesso tempo elegante e ben leggibile.

Come ci è riuscita? Semplicemente utilizzato un Text widget piuttosto che il Links widget comunemente utilizzato da tutti per il proprio blogroll. Poiché è possibile inserire codice HTML standard in una widget testuale, è riucita ad inserire l’elenco dei siti da lei seguiti separandoli elegantemente cone una doppia backslash. L’uso di font personalizzate, così come i colori, ha fatto il resto.

mi piace kate widget

Kate ha poi dato un’altra forte personalizzazione alla sidebar del suo blog utilizzado una delle widget preferite dai ragazzi di Automattic ma poco utilizzate tra gli utenti. Una comune widget di testo con un po’ di testo per la parte “about” dell’autrice. Anche qui l’utilizzo di font, colori e testo riesce a dare al visitatore informazioni e contesto rinforzando l’esperienza di navigazione del “brand” Mi Piace Kate brand.

Si è anche preoccupata di personalizzare i titoli delle widget utilizzate, quindi “Links” divente “I Like to Look,” e “About” diventa “Oh Hello.” Non perdete quindi occasione di personalizzare ogni più piccolo dettaglio del tuo blog!

Come si vede, alla fine, a Kate è bastato un po’ di buon gusto, pazienza ed attenzione nell’esaminare le possibilità offerte da Bueno e dai vari upgrade della piattaforma WordPress.com per esprimere la propria personalità e gusto estetico.

Nei prossimi giorni spero di riuscire a tradurvi un’altro paio di interessanti articoli sulla personalizzazione dei template WordPress!

 

fare business usando WordPress.com

Tra le mie letture su WordPress.com è passato sotto il radar di articoli interessanti questo “doing business on WordPress.com” di Jennifer.

Tra i punti salienti dell’articolo:

  1. WordPress.com ha messo a disposizione un pacchetto denominato, appunto, WordPress.com Business … Upgrade che per la cifra di $300 americani (annuali) include tutti i benefits di un account Pro assieme all’accesso a tutti i temi Premium – di cui spesso abbiamo parlato in queste pagine (tra cui spazio disco illimitato, numero di file audio e video caricaricabili sui server illimitato, supporto anche telefonico in real time e molto altro).
  2. la messa in guardia delle Aziende sulla politca di possesso di uno spazio web sulla piattaforma. Il generico sito http://blog.wordpress.com è di proprietà esclusiva del primo creatore / amministratore del sito. Se si affida la creazione e la personalizzazione del nostro sito aziendale ad una persona terza (un consulente esterno o un dipendente che domani può essere licenziato o può dimettersi autonomamente per qualunque ragione) è bene prendere atto della cosa e crearlo in prima persona. Solo successivamente daremo con una certa tranquillità le chiavi di accesso (su un account email diverso dal nostro di 1° proprietario).

Interessante, no?

aggiornamenti delle funzionalità del Custom CSS Upgrade

Nella coda di bozze ed articoli da presentarvi ci sono ancora diverse novità da riportare.

Quella di cui parliamo oggi è relativa alle funzionalità premium (a pagamento cioè) offerte dal Custom CSS Upgrade acquistabile sulla piattaforma WordPress.com che ci ospita ed interessa.

È stato introdotto, infatti, il pieno supporto a tutte feature dei CSS3. Questo vuol dire che, in caso d’acquisto, potremo utilizzare per il nostro template gradientianimazioni, background multipli,@media queries, e tante altre nuove feature grazie al nostro CSS personalizzato.

L’adozione dei CSS3 apre le porte a tutte le nuove tecniche e metodologie per creare siti moderni ed all’avanguardia, secondo le più affermate regole del web design contemporaneo.

Nell’immagine qui sopra riportata si può vedere come al tema Dusk to Dawn sia stata applicata una palette di colori Machu Picchu color palette, completa di gradiente lineare.

Alcuni potrebbero anche dire:

If you can dream it, you can do it.TM

E ancora, l’editor CSS stesso è stato aggiornato. WordPress.com adesso utilizza le funzionalità di Ace. Di fatto è come utilizzare un editor desktop locale all’interno di una sessione del browsers. Colorazione della sintassi, auto-indentazione e feedback immediato sulla validità del CSS che stiamo scrivendo sono solo alcune delle sue caratteristiche.

Se ti interessa quindi avvalerti delle funzionalità avanzate offerte dal servizio premium di  Custom Design, oppure del servizio Custom Fonts – incluso nell’upgrade del proprio account – tutto quello che dovremo fare sarà cliccare nella sezione Store della nostra Bacheca ed attivarle…

tenere traccia di Upgrade e scadenze

Il numero di utenti di WordPress.com che sceglie un upgrade del proprio account a funzionalità premium è in costante crescita. Per questo motivo è stato studiato un metodo della gestione delle varie opzione d’upgrade acquistate che sia semplice da usare da parte dei clienti.

È stato quindi deciso di dare la possibilità di tener traccia, gestire, rinnovare e si, anche cancellare ogni singolo upgrade acquisto da un’unica locazione.

All’interno della sezione Store della nostra Bacheca avremo infatti a portata di click la voce menù: My Upgrades.

Nella pagina che si caricherà troveremo la lista degli upgrade acquistati per il sito di cui stiamo visitando la Bacheca (nel caso ne avessimo registrato più di uno, infatti, è bene specificare questo aspetto), seguito in basso da quelli eventualmente acquistati per gli altri siti..

Registrazione del dominio, mapping dello stesso, Custom Design, Space upgrade, VideoPress o tema Premium … li troveremo tutti qui, assieme ai link che attivano le opzioni di rinnovo, rinnovo automatico, aggiornamento credenziali di pagamento, cancellazione e rimborso (nel caso si sia nei termini per cui beneficiarne).

Come si puà vedere lo status di ciascun upgrade è chiaramente visibile, assieme alla data di scadenza. Il tutto beneficia di comode indicazioni basate sul colore:

  • Acquisti una-tantum (un tema Premium nello screenshot qui sopra) o gli aggiornamenti impostati a rinnovo automatic (il nome a Dominio) sono mostrati in verde;
  • gli Upgrade che richiedono un rinnovo manuale sono evidenziati in arancion ( 10GB Space, Custom Design );
  • quando un Upgrade che richiede di essere rinnovato manualmente è prossimo alla data di scadenza viene evidenziato in rosso ( VideoPress )

Per ciascun Upgrade è disponibile la specifica pagina di informazioni nel caso uno abbia dimenticato le caratteristiche di ciascuno di essi e, quando è il caso, sono anche presenti i link alle pagine di configurazione degli stessi.

Sono in lavorazione alcuni aggiornamenti per questa sezione della Bacheca quali la possibilità di visualizzare, salvare o stampare le fatture di ogni Upgrade o lo storico degli acquisti. Tenete quindi d’occhio questa pagina in caso siate affezionati clienti della piattaforma!


Articolo di riferimento: keep your Upgrades in order