La famiglia dei modelli Montauk (Julia, Kent, Montauk, Om) presenta dei banner di pagina e un versatile Indice di navigazione con miniature che pongono le tue informazioni, i tuoi prodotti o la tua storia d'amore in primo piano.
Questa guida descrive le funzionalità e le opzioni di design per la famiglia Montauk. I tweak di Stili sito sono evidenziati in grassetto e si collegano all'elenco completo dei tweak di Montauk per aiutarti a navigare nel pannello.
Pagine supportate
Montauk supporta questi tipi di pagine:
- Pagine album
- Pagine del blog - Elenco
- Pagine di copertina
- Pagine eventi
- Pagine galleria - A colonna
- Pagine indice - Griglia
- Pagine di layout
- Pagine dei prodotti - Classiche
Intestazione
I visitatori utilizzano l'intestazione superiore per navigare nel sito. In Montauk, l'intestazione include titolo o logo del sito, link alla navigazione superiore e un'area personalizzabile definita sottotitolo dell'intestazione.
- Imposta il layout con Stile area contenuti in Opzioni.
- Per i layout sinistro e destro, utilizza Navigazione a colonna in Opzioni per impilare i link di navigazione.
- Cambia la spaziatura nell'intestazione e fra i link di navigazione con i tweak di Dimensioni e valori.
Scegli cosa visualizzare nel sottotitolo dell'intestazione con Sottotitolo intestazione in Opzioni.
- Indirizzo mostra l'indirizzo e il numero di telefono nei campi Sede fisica delle Informazioni aziendali.
- Tagline mostra la tagline del tuo sito.
- Scegli Personalizzato per aggiungere del testo o contenuti di altro tipo. Esci da Stili sito e clicca due volte sul testo dimostrativo "Inserisci qui il tuo testo personalizzato" per sostituirlo con dei blocchi.
Bordo
Aggiungi un bordo attorno a tutto il sito e sopra e sotto il contenuto principale.
- Imposta il colore con Colore bordo pagina in Colori.
- Imposta lo spessore con Bordi pagina in Opzioni.
- Nascondi il bordo scegliendo Bordi pagina: nessuno in Opzioni.
- Se lo Stile area contenuti è impostato su Logo masthead a sinistra o a destra, il bordo esterno non verrà visualizzato.
Sfondo
Nella sezione Colori:
- Imposta il colore di sfondo del sito con Sfondo sito o aggiungi un'immagine di sfondo con Immagine sfondo sito.
- Imposta lo sfondo della tua area contenuti principale e dell'intestazione del sito con Sfondo area contenuti.
- Il colore di sfondo del sito potrebbe apparire brevemente prima del caricamento dell'immagine di sfondo.
- Utilizza il cursore di opacità dello Sfondo dell'area contenuti per poter visualizzare lo sfondo, come mostrato qui sotto.
Suggerimento: Il bordo viene visualizzato attorno all'area contenuti.
Piè di pagina
Montauk offre tre piè di pagina personalizzabili con i blocchi.
I piè di pagina sono univoci per le singole pagine.
- Ogni elemento di una raccolta (ad esempio i post del blog) ha un proprio piè di pagina.
- I piè di pagina non vengono visualizzati nelle Pagine galleria e nelle Pagine di layout aperte da un Indice.
Esistono due piè di pagina globali per il sito:
- Piè di pagina informativo - Scegli se mostrarlo con Nascondi piè di pagina informativo in Opzioni. Nascondi le icone social integrate con Nascondi icone social.
- Piè di pagina inferiore
Banner di pagina
Puoi creare un banner con un testo in sovrapposizione nella parte superiore di Pagine del blog, Pagine eventi, Pagine indice e Pagine di layout. Aggiungi dei banner in Impostazioni pagina con immagini in miniatura o URL video.
- Utilizza la sezione Opzioni per scegliere se mostrare banner, titoli di pagine e linee di separazione.
- Aprendo le Pagine di layout da un Indice, i banner non vengono visualizzati.
- I banner video richiedono una immagine di fallback su dispositivi mobili per essere visualizzati.
Larghezza e altezza
La larghezza e l'altezza sono fisse:
- Larghezza - I banner di pagina hanno sempre la stessa larghezza dell'area contenuti.
- Altezza - L'altezza dipende dall'immagine (o dall'immagine di fallback su dispositivi mobili per i banner video). Puoi modificarla con l'editor di immagini integrato. Per garantire un aspetto uniforme, verifica che tutte le tue immagini per banner abbiano lo stesso rapporto dimensionale.
Testo banner
Titoli e descrizioni delle pagine possono essere visualizzati sopra i banner.
- La pagina deve avere un'immagine o un video per il banner affinché il testo sia visibile.
- Le descrizioni non vengono visualizzate su browser di larghezza inferiore a 767 pixel.
- Il colore del testo corrisponde allo sfondo dell'area contenuti (Sfondo area contenuti in Colori).
- Definisci lo stile dei tipi di carattere con Titolo pagina e Descrizione pagina in Tipografia.
- I titoli delle pagine hanno una dimensione fissa sui browser più stretti.
- (Per utilizzare un testo diverso nei risultati di ricerca, aggiungi un titolo e descrizione SEO).
Per nascondere il testo in tutte le pagine, seleziona il tweak Nascondi banner di pagina. Puoi anche eliminare le descrizioni per le singole pagine da Impostazioni pagina.
Pagine del blog
Le Pagine del blog di Montauk vengono visualizzate come un elenco di post impilati verticalmente.
Nella pagina di destinazione:
- L'anteprima delle pagine crea una immagine banner.
- Date e nomi degli autori sono visibili sopra ogni post. Gli altri metadata sono invece visibili sotto i post.
- Promoted Image, Video, and Gallery Blocks display below the post title for posts with excerpts.
- I link "Scopri di più" appaiono negli estratti.
- Il contenuto completo dei singoli post viene visualizzato sotto il titolo per i post senza estratti.
- Le Pagine del blog supportano barra laterale, banner e piè di pagina.
Sui singoli post:
- The Blog Page thumbnail creates a banner image.
- Date e nomi degli autori sono visibili sopra ogni post. Gli altri metadata sono invece visibili sotto i post.
- La navigazione per i post precedenti e successivi viene visualizzata sotto i commenti.
Definire lo stile delle Pagine del blog
Cambia i colori del titolo, del testo e dei metadati del post con Colore intestazione, Colore testo e Colore metadati blog in Colori.
Nella sezione Stili blog:
- Scegli se mostrare l'autore con Nascondi autore articolo.
- Cambia la spaziatura fra i post con Spaziatura post del blog.
- Cambia il tipo di carattere del titolo con Titolo post del blog.
Barra laterale del blog
Sulle pagine di destinazione e nei post viene visualizzata una barra laterale. Personalizzala con i blocchi. Se il tuo sito include più blog, su tutti sarà visibile la stessa barra laterale. La barra laterale scorre verso il basso insieme alla pagina.
Nella sezione Stili blog:
- Abilita la barra laterale e scegli dove visualizzarla con Layout del blog.
- Per nascondere la barra laterale, scegli Layout del blog: centrale.
- Imposta le dimensioni della barra laterale con Larghezza barra laterale del blog.
Suggerimento: Se la tua barra laterale è vuota al momento dell'attivazione, esci da Stili sito, passa il mouse sopra l'angolo superiore della Pagina del blog e clicca sull'annotazione Modifica contenuto barra laterale.
Pagine galleria
Le Pagine galleria di Montauk impilano verticalmente immagini e video. Titolo e descrizione della pagina vengono visualizzati su un lato, con le immagini sul lato opposto.
- Capovolgi il layout con Layout del progetto in Stili indice.
- Cambia le dimensioni dell'immagine regolando Larghezza barra laterale dell'indice in Stili indice.
Testo della galleria
Per titoli e descrizioni delle pagine:
- Imposta il tipo di carattere del titolo con Titoli in miniatura dell'indice in Stili indice.
- Controlla le dimensioni del titolo con Intestazione 2 in Tipografia.
- Il testo della descrizione ripropone i tweak di Corpo del testo.
- (Per utilizzare un testo diverso nei risultati di ricerca, aggiungi un titolo e descrizione SEO).
- Per nascondere il testo, elimina il titolo o la descrizione da Impostazioni pagina. Se lo fai, aggiungi un titolo e una descrizione SEO, che non saranno visualizzati sul tuo sito, ma si dimostreranno utili per la SEO.
Titoli e descrizioni delle immagini vengono visualizzati sotto ciascuna immagine.
- Il testo ripropone i tweak di Corpo del testo.
- I titoli delle immagini sono sempre in grassetto.
- Per nascondere il testo, rimuovi il titolo o la descrizione nell'editor dell'immagine.
Maggiori informazioni sulle Pagine galleria
- Aggiungi contenuti personalizzati a fondo pagina con i piè di pagina.
- La navigazione viene visualizzata a fondo pagina quando la pagina è aperta da un indice.
- Montauk non supporta né gli URL di click-through, né gli URL con collegamento diretto, né la funzionalità lightbox.
- I banner di pagina non vengono visualizzati.
- Per creare un layout differente, utilizza una Pagina di layout con un Blocco galleria.
Pagine indice
Le Pagine indice di Montauk creano griglie di immagini in miniatura che permettono ai visitatori di esplorare le diverse pagine.
- La griglia di navigazione visualizza immagini in miniatura delle pagine. Anche se una pagina ha un banner video, la sua immagine in miniatura verrà visualizzata nella griglia.
- I Titoli delle pagine vengono visualizzati sotto le immagini in miniatura.
- È possibile aggiungere un banner di pagina e un piè di pagina per pagina.
- Sui dispositivi mobili, le Pagine indice visualizzano una miniatura per riga.
Pagine supportate
È possibile aggiungere le seguenti pagine a un indice:
- Pagine di layout
- Pagine galleria
- Pagine del blog
- Pagine Evento
- Pagine prodotti
- Pagine album
Definire lo stile dell'Indice
Utilizza la sezione Stili indice per definire lo stile delle Pagine indice, incluso:
- Impostare il colore del titolo della pagina con Colore titoli in miniatura dell'indice.
- Scegliere quante immagini in miniatura visualizzare orizzontalmente con Miniature per riga.
- Impostare l'altezza delle immagini in miniatura con Rapporto dimensionale miniature.
- Scegliere la quantità di colore di sfondo visibile con Opacità miniature.
- Scegliere il grado di dissolvenza quando un visitatore passa il mouse sopra a un elemento con Opacità miniatura al passaggio del mouse.
Pagine galleria e Pagine layout negli indici
La galleria e le Pagine di layout aperte da un Indice hanno una formattazione speciale:
- La parte superiore della pagina viene visualizzata nella parte superiore del browser. I visitatori possono scorrere verso l'alto per vedere l'intestazione del sito.
- Le immagini in miniatura cliccabili delle altre pagine dell'Indice vengono visualizzate sotto il contenuto della pagina, insieme agli elementi di navigazione.
- I banner non vengono visualizzati nelle Pagine di layout. Se la Pagina indice include un banner, questo sarà invece visualizzato. In caso contrario, non vi sarà alcun banner.
- L'URL include un hashtag (#). La formattazione speciale non viene visualizzata se l'URL non include il simbolo #.
Titoli e descrizioni delle pagine
Titoli e descrizioni delle pagine possono essere visualizzati:
- Sopra il banner di pagina nelle Pagine di layout, nelle Pagine del blog, nelle Pagine eventi e nelle Pagine indice.
- Sulla pagina nelle Pagine galleria.
Icone social
Il piè di pagina informativo prevede icone social integrate facoltative.
Suggerimento: Il contenuto della demo di Montauk include un Blocco link social rimovibile nel piè di pagina inferiore.
Tipo di carattere
Per il testo del tuo sito:
- Definisci lo stile dei tipi di carattere e le loro dimensioni con i tweak di Tipografia.
- Definisci i colori con i tweak di Colori.
Barra laterale
Montauk ha una barra laterale su Pagine del blog e post.
Mobile
Con il responsive design integrato di Squarespace, il tuo sito si adatta per essere perfetto su qualsiasi dispositivo.
- La navigazione viene visualizzata come un link Menu in alto al centro.
- Il link Menu viene sempre visualizzato sui dispositivi mobili, anche quando la Navigazione superiore è vuota.
- Lo sfondo del menu ripropone lo Sfondo dell'area contenuti in Colori.
- Le immagini della galleria sono impilate sotto il testo di descrizione della pagina.
- Puoi disattivare gli stili per dispositivi mobili, ma ti consigliamo di non farlo.
I banner potrebbero presentare un aspetto diverso sui dispositivi mobili:
- Le descrizioni delle pagine non vengono visualizzate sugli smartphone e i browser di larghezza inferiore a 767 pixel.
- I video banner a volte non vengono visualizzati su dispositivi mobili, a seconda della versione del browser e della velocità di connessione a disposizione degli utenti. Imposta un'immagine di fallback su dispositivi mobili da visualizzare quando non è possibile caricare il banner video.
- Consulta i nostri suggerimenti sulla risoluzione dei problemi relativi ai banner e al ritaglio delle immagini di sfondo su dispositivi mobili.
Opzioni di lingua
All'interno di questa famiglia, i modelli Julia, Kent e Om supportano due opzioni linguistiche:
- Scegli la lingua per il testo integrato nel tuo sito, ad esempio per i moduli di invio e per il messaggio di conferma ordine.
- Avvia un nuovo sito con un modello in francese, tedesco, italiano, portoghese o spagnolo.