Supporto volontario e collaborativo per Joomla!® in italiano

Protostar: un amore di template!

Valutazione attuale: 5 / 5

Stella attivaStella attivaStella attivaStella attivaStella attiva
 

protostarChi è questo Protostar e che meriti ha? E' il template presente di default nella nuova versione di Joomla!, la 3.0 uscita un mese fa nel primo rilascio stabile. Questo template rende Joomla! totalmente responsive, sia in frontend che in backend, ma di questo si occupa il template amministrativo isis.
Ciò significa che Joomla! si adatterà perfettamente a qualsiasi risoluzione del monitor, anche ai piccolissimi schermi dei dispositivi portatili, che sono in vorticoso aumento. Diamo allora un'occhiata a questo template...



Partiamo dal nome: Protostar, protostella. Joomla! riprende con questo la tradizione, interrotta con la versione 2.5, di usare nomi  stellari per il template che di default troviamo presente in Joomla! e che ci mostra il nostro amato cms quando, appena terminata l'installazione, lo visitiamo per la prima volta. Infatti rhuk solarflare (brillamento solare o stellare) era il template presente nella versione 1.0 e il mitico rhuk milkyway (via lattea) nella versione 1.5.

Mai nome fu più azzeccato! Wikipedia inizia in questo modo la descrizione del termine protostella:  In astronomia si definisce protostella la fase della formazione stellare compresa tra il collasso della nube molecolare e la fase....
Ecco, il collasso degli elementi costitutivi del template, al variare dello spazio disponibile per guardarlo. Questa è la principale caratteristica di questo template che utilizza il framework bootstrap di twitter, un sistema ampiamente utilizzato, supercollaudato e ormai diffusissimo, tanto da esser divenuto ormai uno standard nel web e che è stato integrato in Joomla! 3.x

Se noi avremo l'accortezza di usare per le fotogallery estensioni anch'esse responsive, come per esempio la ozio gallery, avremo finito di preoccuparci di come il sito apparirà su qualsiasi monitor, per la mostra felicità, e soprattutto per la felicità di clienti ed utenti.

Per testare l'adattamento del template alle diverse dimensioni non abbiamo bisogno di andare davvero a guardarlo con l'Iphone o con lo smartphone. Basterà prendere con il mouse l'angolino del vostro schermo e ridurlo in larghezza. Vedrete che immediata risposta avrete da questo template! Se non avete ancora una installazione di Joomla 3.0 andate in questa demo e provate a rimpicciolire ed ingrandire lo schermo a piacere. Il limite minimo, circa 250 pixel, è dato dalla larghezza dei campi di inserimento del form di login e dell'annuncio adsense, ma persino a dimensioni inferiori il layout non sballa e il sito resta ben visibile e navigabile (bene, si fa per dire, a quella dimensioni, che mettono a dura prova occhi per vedere e dita per cliccare, accidenti!).

Quattro buone ragioni per amarlo, anzi sei!

parametri template

In questo articolo Elin Waring ci fornisce 4 buone ragioni per amare Protostar. Cerco di riassumerle:



1 - si possono usare due  parametri di colore, uno per lo sfondo e uno per i link e le altre parti in evidenza del sito;



2 - si possono usare i font di google e quindi abbiamo a disposizione centinaia di tipi che potremo applicare in modo facile, sicuro e gratuito;



3 - ci dà la possibilità di cambiare il logo dai parametri del template. Questa faccenda risparmierà un sacco di lavoro anche a noi moderatori. Una delle cose maggiormente richieste nel forum da un nuovo utente di Joomla! è proprio relativa alle modalità con cui sostituire il logo;

parametri menu

4 - il menu a tendina è veramente responsive ed utilizzabile sia a pills che come tabs. Semplicemente cambiando il suffisso css nei parametri del modulo che mostra il menu.
Per mostrare il menu a pills, tipicamente com'era il top menu del rhuk_milkyway, basterà scrivere nav-pills nel suffisso classe menu.
Mentre per mostrarlo a tabs, nella classica visualizzazione a schede, bisognerà scrivere nav-tabs, sempre nel suffisso classe menu. In entrambi i casi il menu ci mostrerà eventuali voci di sub-menu in tendine a discesa.

A queste innegabili buone qualità ne aggiungerei  almeno un altro paio:

5 - stupenda anche la possibilità, consentita dal framework bootstrap, di utilizzare una ottima serie di icone, pulsanti e vari altri effetti che potete vedere qui, cambiandone, da codice, persino il colore e le dimensioni. Tutta grafica di una leggerezza e quindi di una velocità di caricamento davvero incredibile!;

6 - l'automatico ridimensionamento delle immagini inserite normalmente negli articoli al diminuire delle dimensioni del monitor. Non solo. Possiamo anche creare una slideshow semplicemente inserendo del codice in un articolo o in un modulo di tipo html personalizzato, anch'essa perfettamente ridimensionabile al variare delle misure del monitor come potete vedere in questo esempio.


Posizioni modulo



Diamo adesso un'occhiata alle posizioni modulo e alla struttura di questo template.


Come avete visto la struttura è molto semplice ma è estremamente funzionale. Le colonne in caso di mancato posizionamento di moduli collasseranno perfettamente ed il content occuperà sempre tutto lo spazio disponibile. Ma la caratteristica del Protostar consiste anche nell'adattare la stessa disposizione delle colonne, che da tre si ridurranno a due e anche ad una soltanto nei monitor molto piccoli, con un perfetto adattamento anche delle immagini e delle gallery, se useremo estensioni anch'esse responsive.

Qui una demo di protostar.
Qui un esempio di utilizzo del codice per tipografia ed altre caratteristiche.

Articolo scritto da tonicopi - Joomla Css Zen Garden

CommentaCommenta questo articolo sul forum


Calendario articoli

Dicembre 2016
Lun Mar Mer Gio Ven Sab Dom
28 29 30 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1

Ultima versione di Joomla!®

downloadVer. 3.6.4 Stabile Italiana
Data di rilascio:25 Ottobre 2016
(leggi la notizia Demo online

Le migliori estensioni gratuite

Un elenco aggiornato con i link a più di 100 estensioni fra componenti, moduli e plugin gratuiti per Joomla! 3

Manuale in italiano

Manuale in italianoPer conoscere meglio Joomla!, le sue caratteristiche ed il metodo di utilizzo leggi il manuale tradotto in italiano.

Molto utili anche le risposte alle domande più frequenti: FAQ

Sicurezza del proprio sito Joomla!Leggi anche: Nozioni sulla sicurezza del proprio sito

Autori di articoli recenti

Invia un articolo!Scrivi un articolo su Joomla.it e ricevi i ricavi dalle pubblicità di Google Adsense!
Segui queste istruzioni, condividi e collabora con la community. L'elenco degli autori attivi sul sito.

Libri consigliati

Torna su

Joomla.it sui Social Network

JoomlaDay Italia

JoomlaDay

Newsletter

Inserisci qui la tua e.mail: