Newsgroup: it.lavoro.professioni.webmaster
Titolo: Templates opzionali

Tempo fa ho adattato il mio sito internet ai cellulare, ma alla lunga mi 
sono reso conto che alcune pagine (fondamentalmente gli indici degli 
articoli) ora non sono al meglio né per gli smarthphone, né per chi usa 
un PC, o un tablet. Dico questo poiché vedo che molti siti per gli 
smartphone propongono anziché degli indici tradizionali, delle sequenze 
di quadranti, uno per articolo, ciascuno con foto e magari un breve 
riassunto.
 
Pertanto avrei bisogno ove possibile di adottare dei template opzionali. 
Avrei bisogno quindi di capire se sia un'opzione praticata e da dove 
cominciare.

eurofilattico wrote on 06/02/16 14:52:

Sinceramente detto così non si capisce molto.
Che tipo di sito è? statico html, dinamico con qualche CMS?
Cosa intendi per "indici"?
 
Gabriele

 Gabriele
 
 
E' un CMS. Per indici intendo le pagine usate per elencare gli articoli, 
o almeno io le uso cosi. Es la home e altre pagine elenco in cui posso 
listare gli articoli di più categorie differenti.
 
Pertanto esse hanno dei menù laterali ed una zona centrale in cui sono 
richiamate liste di link ad articoli, a volte con breve estratto, oppure 
anche tutto l'articolo (dipende come uno le vuole settare).
In pratica è come un blog molto grosso, direi un portale.
 
Ora il punto è che se voglio mostrare, anche solo nella home, gli 
articoli più recenti con breve estratto e fotografia annessa, non mi 
pare soddisfacente ridurre la scala della normale pagina impostata per 
il PC (con @media screen, ecc. ecc.).
 
Siccome tramite i CSS ho adattato il pre-esistente sito per PC ai 
dispositivi mobili, ora nelle pagine meno adatte agli smartphone vorrei 
fare qualcosa di più specifico (templates ad hoc), anziché fare, come 
leggo alcuni fanno, ovvero pagine per smartphone ad una colonna, da 
consultarsi anche su tablet e PC.
 
Di qui il mio quesito su come impostare un comando che permetta di 
riconoscere il dispositivo, ma non switchando poi il CSS, ma il template.
Non ho ancora affrontato la questione di come poi realizzare questa cosa 
sul mio CMS (è molto versatile e conto di riuscirci), ma vorrei sapere 
se in generale esiste un qualche TAG che identificato il formato dello 
smartphone, abiliti a switchare verso un diverso template ese altri 
abbiano fatto qualcosa del genere.


 
Stai cercando qualcosa come questo ?
<script type="text/javascript">
	var mql = window.matchMedia("only screen and (max-width: 600px)");
	if(mql.matches) {
        //  window.location='/mobile/index.php';
        //  codice tuo.
        //   codice tuo
    }
</script>
 
Ciao
 
-- 
Giorgio
 
--- news://
freenews.netfront.net/
 - complaints: 
ne...@netfront.net
 ---

 > Stai cercando qualcosa come questo ?
 > <script type="text/javascript">
 >      var mql = window.matchMedia("only screen and (max-width: 600px)");
 >      if(mql.matches) {
 >         //  window.location='/mobile/index.php';
 >         //  codice tuo.
 >         //   codice tuo
 >     }
 > </script>
 >
 > Ciao
 >
 
Forse, non lo so comunque lo provo.
Grazie
 
 
Mi resta il dubbio se son cose che la gente fa di solito, o ci sono 
controindicazioni, o altre opzioni?
 


Io la trovo la soluzione migliore. O meglio, template responsive di base 
e soluzione ad hoc per il mobile (che, a seconda del cms che usi, può 
anche non essere solo template). Perchè dovrai rilevare quale device 
stia facendo la richiesta e non c'è garanzia che funzioni correttamente 
per sempre (con l'accezione che ha senso dare al termine sempre) e 
quindi nel caso sbagli, viene caricato comunque il template responsive.
 
Se il tuo cms usa php, per rilevare il device consiglio
 
http://mobiledetect.net/
 
 
Pro: maggiore controllo, migliori performance di caricamento delle pagine
 
Contro: ove desideri implementarlo, avrai due versioni della stessa
'pagina' da manutenere invece di una sola.
 
Come dicevo, se il tuo cms ti consente di switchare a seconda del
template anche componenti strutturali, con questo sistema puoi fare un
sito mobile sostanzialmente dall'aspetto e con le funzionalità tipiche
di un'app, pur mantenendo un solo url (decisamente meglio per quanto
riguarda la SEO).
Ad esempio puoi caricare jquerymobile e costruirti header e footer da
usare solo nella versione mobile. A quel punto ti ritrovi un'app invece
di un sito responsive, con l'ulteriore vantaggio di far scaricare
all'utente solo ciò che serve per fruire del sito dal device che sta
usando. Fondamentale in particolare in caso di navigazione non 4G
 
-- 
Paolo De Dionigi

eurofilattico ha spiegato il 08/02/2016 :

Controindicazioni particolari non mi risultano, perché i browser 
principali leggono tutti window.matchMedia.
 
Altre opzioni? Non conoscevo la classe php che è stata presentata. 
Sembra interessante.


Grazie per le risposte, ci sto ragionando su.