IMPOSTAZIONI RESPONSIVE
Autor: Francesca C.
Visited 1359,
Followers 1,
Udostępniony 0
Informazioni sull'organizzazione di un sito per la visualizzazione su smartphone e tablet.
A seguito della creazione del sito, sulla sezione "impostazioni responsive" - da creazione pagina - (ovviamente abilitato dalle impostazioni generali), non ho modo di ORDINARE testi e immagini (470px).
Di conseguenza risulta impossibile una visualizzazione adeguata del sito su altri dispositivi diversi dal pc (960px).
(..oltre al fatto che il cellulare non si collega al sito!)
Grazie per l'eventuale supporto.
Posted on the
...metti un link , per "vedere" ...
Buongiorno Francesca,
come consigliato, prova a inserire il link del sito e uno screenshot.
Facci sapere.
Francesca, ti riferisci ai testi e alle immagini presenti nell'intestazione del sito? Testi e immagini inseriti nell'intestazione nella Struttura del Modello Principale vengono in automatico nascosti da Website quando si passa alla modalità responsive. Per cui per la Struttura del Modello Responsive dovresti utilizzare una "fotografia" (definiamola così va') di dimensioni ridotte di tutto ciò che hai in intestazione nel modello Principale. Inoltre i modi per far apparire testi e immagini anche nella visualizzazione Responsive senza utilizzare la "fotografia" ci sono, con una piccolissima modifica al codice si riesce.
Io qui: http://www.bozzasito003.altervista.org ho risolto con una piccola aggiunta di codice e trasformando le scritte nell'intestazione in immagini PNG. Prova a ridurre man mano la finestra del browser di navigazione e vedrai che tutti i contenuti rimangono sempre visibili adattandosi man mano (compresa la barra del campo di ricerca).
Per ottenere quello che ho fatto io, fai semplicemente così:
al "PASSO 4 / Statistiche, SEO e Codice / Esperto /Prima della chiusura del Tag Head" aggiungi questo:
<style>
@media (max-width: 990px) {
div.imTemplateContent {
display: block !important;
}
}
</style>
Poi vai al PASSO 1 / Personalizzazione del Modello Desktop e inserisci le scritte del nome del tuo Sito/Blog in intestazione però TUTTE A SINISTRA (!!) e trasforma tali scritte in immagini PNG (utilizzando semplicemente la funzione del programma "Salva come immagine in formato PNG" che si trova in basso nella stessa Personalizzazione del Modello Desktop. Tenendo selezionata una scritta vedrai che si attiva la voce "Salva come immagine in formato PNG).
Infine vai a posizionare al PASSO 1 / Stile del modello / Struttura del Modello Principale un'immagine che più ti piace in "Sezione della Pagina / Sfondo dell'Intestazione" e assegna allo Sfondo dell'Intestazione, alla voce "Dimensioni", un valore Altezza uguale a quella della foto che hai scelto (la Larghezza è settata in automatico da Website X5 su 1920). Io ho usato un'immagine (quella che raffigura le due mani che sorreggono la piantina con tutto lo sfondo dell'erba in B/N) con dimensioni di 1800 px di Larghezza e 500 px in Altezza.
La stessa identica cosa per l'immagine di sfondo dell'Intestazione la devi fare anche per la "Struttura del Modello Responsive" (per le scritte non devi fare più nulla! Solo per l'immagine!). Vai quindi sempre al al PASSO 1 / Stile del modello e utilizza la stessa immagine usata nel Modello Principale solo che in questo caso l'immagine non deve essere di 1800 x 500 ma più piccola, chiaramanente (io ho usato la stessa immagine del Modello Principale ma ridotta a 1500 x 420 px, valore quest'ultimo (420 px) che dovrai assegnare all'Altezza dell'Immagine in "Sezione Pagina / Sfondo dell'Intestazione" sempre nel Modello Responsive).
Fai anteprima e man mano e vedi cosa succede alle diverse visualizzazioni.
Fammi sapere se ci sono dubbi.
Ciao ciao
Poi c'è anche la procedura per visualizzare anche nel Responsive tutte le immagini (icone dei social per esempio) che vengono inserite nel modello principale Desktop. In quel caso si allegano le immagini tramite codice HTML nella personalizzazione del Modello principale al PASSO 1.
Ciao
Autor
Innanzitutto grazie e scusate, ma leggo soltanto adesso.
Farò altre prove e, comunque, si, volevo modificare e "compilare" il responsive per 470px inserendo immagini leggere, ecc. indipendentemente dal sito 960px. Ma il problema è che apro la pagina per modificare e questa è "inattiva"!
Ciò mi sembra strano e poco fruibile, considerando che non sono un tecnico informatico e quello che mi seguiva non è più disponibile (ora farò autonomamente). Il sito in questione sarebbe http://www.larchitettura.it/
Grazie ancora!
... il sito è OK anche sui cosini: https://www.google.com/webmasters/tools/mobile-friendly/?url=http://www.larchitettura.it/home.php
.