Adattamento testi e immagini in modalità Responsive
Autore: Stefano V.Buon giorno a tutti,
ho aggiornato website alla versione evo14 e sto predisponendo il nuovo sito dell'associazione di cui faccio parte, che si può raggiungere a questo link www.pedalegambettolese.it/ver14 . Ho predisposto anche la versione responsive e le mie domande nonché difficoltà nella rappresentazione su dispositivi mobile sono queste:
Premetto che ho impostato la visualizzazione desktop dai 1200 pixel in su, visto che il sito visualizzato su uno schermo molto grande vorrei che occupasse un pò più la larghezza dei classici 960 pixel.
Avendo inoltre a disposizione uno schermo grande ho usato anche caratteri grandi, per esempio nell'intestazione "Pedale Gambettolese". Il problema nasce qui, nel senso che quando guardo il sito su mobile, "Pedale Gambettolese non viene ridimensionato e mi esce dallo schermo. Le foto di squadra della cella sottostante invece si ridimensionano tranquillamente.
Ho provato a cercare soluzione nei vari breakpoint, ma vi è solo la possibilità di ordinare le celle e di visualizzarle o nasconderle. Manca la funzione di ridimensionamento dei testi contenuti.
Ragionando inversamente, cioè predisponendo font di dimensioni giuste per mobile, portati su grandi schermi desktop risulterebbero troppo "mignon".
Inoltre, in caso di visualizzazone mobile sarebbe utile se si potesse avere anche la possibilità di disattivare le immagini in sfondo (vedi effetti parallasse ecc.).
Qualcuno di voi ha qualche suggerimento da proporre?
Ringrazio tutti quanti.
Ciao.
Stefano V.
@Stefano, la evo è limitato per i breakpoint, se vuoi avere di più devi aggiornare alla versione pro. i problemi di testi puoi risolvere , inserendo immagine al posto della scritta. prepara le tue scritte come immagini quelli si adattano a tutte le risoluzioni un esempio, oppure usa i fonts che si adattano bene
Ciao Stefano, io se possibile non inserirei delle immagini al posto del testo, anche se come dice giustamente Kris eviteresti il problema dell'adattamento di grandi scritte con parole lunghe che non possono essere trontache, però perderesti di contenuti e tutto quello che ne viene a livello SEO, ora forse nel tuo caso se la cosa non è importante potresti provare con un'immagine in trasparenza.
Purtroppo credo che ci sia poco da fare, o rimpicciolire il carattere di defoult, ma perderesti l'impatto visivo, oppure con un codice esterno che ad un certo breackpoint cambiasse la dimensione del carattere.
Personalmente utilizzo l'oggetto titolo che ha la possibilità di adattarsi con il font alle dimensioni dell'oggetto
Ciao
devi ridimensionare, come detto da giorgio c.,ad ogni breakpoint l'oggetto titolo, in modo da adattarlo alla visualizzazione, stringendolo con le maniglie (se hai impostato "adatta le dimensioni del font alla larghezza dell'oggetto")... senza ausilio di codici esterni... se inserisci immagini al posto del testo, perdi l'indicizzazione delle parole... anche per le immagini di sfondo che non vuoi visualizzare su mobile, basta che le cancelli ai vari breakpoint...
Autore
Grazie a tutti per la vostra disponibilità e per i suggerimenti.
Li proverò senz'altro e non mancherò di aggiornarvi sul risultato finale.
Buon week-end a tutti.
Ciao
Stefano V.