Stili per la pagina di copertina su dispositivi mobili nella versione 7.0

Ultimo aggiornamento 26 agosto 2024

Visualizzare in anteprima la pagina di copertina su dispositivi mobili nella versione 7.0.

Per garantire che la tua Pagina di copertina sia perfetta su tutti i dispositivi, il suo responsive design impilerà automaticamente il contenuto in un'unica colonna. Ciò significa, naturalmente, che la tua Pagina di copertina avrà un aspetto leggermente diverso sui dispositivi mobili rispetto a quello che ha su un computer. Anche se l'aspetto esatto della tua Pagina di copertina sui dispositivi mobili dipende dal layout e dal contenuto, ecco alcune regole generali.

Accesso a questa funzionalità

Le pagine di copertina non sono disponibili nella versione 7.1. Per creare un aspetto simile, alcune pagine offrono la possibilità di nascondere l'intestazione e il piè di pagina.

Anteprima con vista dispositivo

Utilizza Visualizzazione dispositivo per visualizzare in anteprima l'aspetto della tua pagina di copertina su un dispositivo mobile, tablet o computer. Ti consigliamo inoltre di visitare il tuo sito dal tuo dispositivo. Per visitare il sito da un dispositivo mobile, digita l'URL della pagina nella barra di navigazione del browser mobile. L'indirizzo del sito non è diverso per i dispositivi mobili.

Mobile background images

Se utilizzi immagini di sfondo sulla Pagina di copertina, ti consigliamo di scegliere un'immagine senza testo o bordi che offra una certa flessibilità di ritaglio. Per ulteriore assistenza, consulta le nostre procedure consigliate per le immagini di sfondo

Text on mobile

Se il corpo del testo di una Pagina di copertina ha una dimensione del tipo di carattere molto grande, le parole e le frasi più lunghe potrebbero essere tagliate sui dispositivi mobili. Per risultati ottimali, ti consigliamo di mantenere breve il corpo del testo, di utilizzare una dimensione del tipo di carattere più piccola per il corpo del testo e di aggiungere spazi tra le parole.

Overall layout changes on mobile

Ecco alcune modifiche che noterai quando la Pagina di copertina viene visualizzata su un dispositivo mobile:

  • Split layouts (like Flash and Spotlight) stack vertically with the image stacked above the text.
KB Guide Image
  • Layouts with split text (like Debut and Projector) stack the left-side text above the right-side.
KB Guide Image
  • Il layout di Harbor si divide orizzontalmente con la mappa impilata sopra il testo.
KB Guide Image
Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.

Stili per la pagina di copertina su dispositivi mobili nella versione 7.0