WebSite X5Help Center

 
Stefano V.
Stefano V.
User

Adattamento testi e immagini in modalità Responsive  it

Autore: Stefano V.
Visite 2270, Followers 1, Condiviso 0  

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.

Postato il
5 RISPOSTE
A. Kris
A. Kris
User

@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 wink

Leggi di più
Postato il da A. Kris
Giancarlo B.
Giancarlo B.
User

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.

Leggi di più
Postato il da Giancarlo B.
Giorgio C.
Giorgio C.
User

Personalmente utilizzo l'oggetto titolo che ha la possibilità di adattarsi con il font alle dimensioni dell'oggetto

Ciao

Leggi di più
Postato il da Giorgio C.
Skeggia 12
Skeggia 12
Moderator

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...

Leggi di più
Postato il da Skeggia 12
Stefano V.
Stefano V.
User
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.

Leggi di più
Postato il da Stefano V.