Printable View
Da quando ho letto in giro e cercato tanto per cercar di capire come estendere il codice di un sito per versione mobile ho capito che dato che la miglior soluzione è creare un codice per il desktop e uno per il mobile avete una guida facile per ottemperare a questa esigenza?
Direi l'opposto: se hai due versioni diverse è più difficile tenerle aggiornate. La pratica corrente (fai dal 2010) è costruire il CSS in modo che supporti tutte le risoluzioni: responsive web design, o a volte in italiano web design reattivo.
Qua una guida recente: https://web.dev/responsive-web-design-basics/
Perché vuoi farlo te quando ci sono in rete molti temi gratuiti già pronti?Citazione:
Originalmente inviato da dinapoliandrea
Mi sapresti indicare alcuni i temi che trovo sono tutti a pagamento ho bisogno comunque di fare un sito responsiveCitazione:
Originalmente inviato da albenessereblog
Vai nella bacheca del tuo sito di Wordpress, clicca Aspetto + Aggiungi nuovo e scegli quello che vuoi.Citazione:
Originalmente inviato da dinapoliandrea
Ma io non ho wordpress il mio loyut è per un sito con algortmoCitazione:
Originalmente inviato da albenessereblog
Premetto: la "versione mobile" di un sito, che sia responsive o separata, richiede tempo e fatica. Purtroppo non c'è un facile settaggio da premere.
La pratica è di solito quella "mobile first", cioé preparare le pagine in modo che funzionino bene su un telefono, e poi aggiungere CSS in modo che i contenuti si "espandano" quando c'è più spazio sullo schermo. Su telefono è essenziale l'ordine dei contenuti: le cose più importanti all'inizio della pagina, il resto più in basso.
Il punto di partenza è un tag <meta> che dice al browser: OK, questo sito è capace di adattarsi alla dimensione dello schermo, non fare zoom strani:
La guida che ho menzionato all'inizio di questa discussione copre tutte queste cose, passo per passo. Se la lingua è un problema —ahime non ne conosco di equivalenti in italiano— magari prova via Google Translate.Codice HTML:<meta name="viewport" content="width=device-width, initial-scale=1" />
salve,
questi sono 2 esempi non particolarmente complessi di pagine con struttura di tipo responsive:
EsempioResponsive2.html
EsempioSito00.html
Se preferisce, può fare riferimento a uno di questi per implementare il responsive nel suo sito.
Cordiali saluti.
Infatti sto cercando in tutti i modi di fare un buon lavoro ma sembra che sia all'incontrario cioè invece che il sito si adatti a me con la versione mobile sembra tanto che io devo adattarmi al sito :=):Citazione:
Originalmente inviato da dreadnaut
GrazieCitazione:
Originalmente inviato da GraphOGLRisorse