Stile e funzionalità della famiglia di modelli Montauk.
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 caratteristiche e le opzioni di design della famiglia Montauk. I tweak di Stili sito e la sezione in cui appaiono nel pannello Stili sito sono evidenziati in grassetto.
Pagine supportate
Montauk supporta questi tipi di pagine:
- Pagine Album
- Pagine del blog - Elenco
- Pagine di copertina
- Pagine eventi
- Pagine galleria - Impilate
- Pagine Indice - Griglia
- Pagine di layout
- Pagine negozio - 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 il tweak Stile canvas sotto Opzioni.
- Per i layout sinistro e destro, utilizza il tweak Navigazione a colonna sotto Opzioni per impilare i link di navigazione.
- Cambia la spaziatura nell'intestazione e fra i link di navigazione con i tweak Dimensioni e valori.
Scegli cosa visualizzare nel sottotitolo dell'intestazione con il tweak Sottotitolo intestazione sotto 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 placeholder "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 il tweak Colore bordo pagina sotto Colori.
- Imposta lo spessore con il tweak Bordi pagina sotto Opzioni.
- Nascondi il bordo scegliendo il tweak Bordi pagina: nessuno sotto Opzioni.
- Se lo Stile canvas è impostato su Logo testata sinistra o destra, il bordo esterno non verrà visualizzato.
Sfondo
Nella sezione Colori di Stili sito:
- 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 il tweak Nascondi piè di pagina informativo sotto 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 evidenza o URL video.
- Utilizza la sezione Opzioni di Stili sito 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 del canvas (Sfondo canvas sotto Colori).
- Definisci lo stile dei tipi di carattere con i tweak Titolo pagina e Descrizione pagina sotto 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'immagine in evidenza della pagina crea un'immagine banner.
- Date e nomi degli autori sono visibili sopra ogni post. Gli altri metadata sono invece visibili sotto i post.
- I Blocchi immagine, video e galleria evidenziati vengono visualizzati sotto il titolo del post nei post con estratti.
- 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 una barra laterale, banner e piè di pagina.
Sui singoli post:
- L'immagine in evidenza della Pagina del blog crea un'immagine banner.
- 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 i tweak Colore intestazione 1, Colore testo e Colore metadati blog sotto Colori.
Nella sezione Stili blog di Stili sito:
- 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 di Stili sito:
- 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. Definisci lo stile delle Pagine galleria con i seguenti tweak Stili indice:
- Capovolgi il layout con Layout del progetto.
- Modifica le dimensioni dell'immagine regolando la larghezza della barra laterale dell'indice.
Testo della galleria
Per titoli e descrizioni delle pagine:
- Imposta il tipo di carattere del titolo con il tweak Titoli miniature indice sotto Stili indice.
- Controlla le dimensioni del titolo con il tweak Intestazione 2 sotto 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 mostra le immagini in evidenza della pagina. Anche se una pagina ha un banner video, la sua immagine in evidenza 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 negozio
- Pagine Album
Definire lo stile dell'Indice
Definisci lo stile delle Pagine Indice con i seguenti tweak Stili indice:
- 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 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, del blog, eventi e 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 Tipografia.
- Definisci i colori con i tweak 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 segue il tweak Sfondo canvas sotto 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.
Risoluzione dei problemi di Montauk
Di seguito, alcuni dei problemi più frequenti riscontrabili con questo modello. Alcuni sono dei bug o dei problemi già noti. Anche se supportiamo ancora la versione 7.0 di Squarespace, la correzione di bug o problemi per noi ha una bassa priorità, dato che stiamo concentrando le nostre energie sulla piattaforma più recente, la versione 7.1. Puoi spostare il tuo sito dalla versione 7.0 alla versione 7.1 utilizzando il tool di aggiornamento che mettiamo a disposizione.
Gli utenti possono rispondere a un RSVP tramite il nostro sito?
Puoi creare un pulsante RSVP in una Pagina di layout utilizzando un Blocco modulo. Questo blocco raccoglie informazioni dai visitatori. Assicurati che l'opzione Abilita modalità lightbox sia selezionata nella scheda Avanzate dell'editor dei Blocchi moduli. La modalità lightbox imposta l'apertura del modulo quando si clicca su un pulsante anziché sulla pagina stessa.
Per un esempio di come appare in pratica, vedi il contenuto della demo del modello Naomi:
Come posso cambiare il tipo di carattere dell'intestazione nella Pagina galleria?
Il tipo di carattere e le dimensioni dell'intestazione nella Pagina galleria sono controllati da due tweak diversi:
- Utilizza il tweak Titoli miniature indice nella sezione Stili indice di Stili sito per regolare il tipo di carattere.
- Utilizza Intestazione 2 nella sezione Tipografia per regolare le dimensioni.
Come posso ricreare le pagine delle lezioni o dei workshop mostrate nel contenuto della demo di Om?
La pagina delle lezioni è una Pagina di layout che è stata personalizzata con Blocchi modulo. Per incorporare la prenotazione, visita Aggiungere una prenotazione online al sito.
La pagina dei workshop mostrata nel contenuto della demo è una Pagina Eventi. Visita Pagine Eventi per maggiori informazioni.
Come posso ricreare la pagina della lista di nozze mostrata nel contenuto della demo di Julia?
I link alla lista di nozze nel contenuto della demo sono stati creati su una Pagina di layout con un Blocco galleria a griglia, utilizzando immagini con URL di click-through.
Come posso aggiornare le mie informazioni aziendali?
Le tue informazioni aziendali possono essere visualizzate come sottotitolo nell'intestazione del sito. Queste provengono dalla sezione Sede fisica del pannello Informazioni aziendali.
Per modificarle:
- Apri il pannello Impostazioni e clicca su Informazioni aziendali.
- Scorri verso il basso fino a Sede fisica e aggiorna le informazioni.
- Clicca su Salva.
Tieni presente che le modifiche ai campi Indirizzo aziendale non verranno visualizzate nel sottotitolo.
Il mio menu dispositivi mobili non si apre
Il menu per dispositivi mobili non si apre se hai aggiunto un banner video alla homepage utilizzando un URL non valido o un codice di incorporamento. Per modificare l'URL del video:
- Apri il pannello Pagine.
- Passa il mouse sul titolo della homepage nel pannello sinistro e clicca su
. - Clicca sulla scheda Media e poi sulla scheda Video.
- Verifica che il campo URL video contenga un URL valido.
.L'immagine di sfondo non è fissa sui dispositivi mobili
Molti browser per dispositivi mobili, tra cui iOS, non supportano immagini di sfondo fisse. Per ottenere un effetto simile, sperimenta con le opzioni di stile dell'immagine di sfondo Dimensione: copertina e Dimensione: contiene. Le impostazioni dello stile dell'immagine di sfondo si applicano a dispositivi mobili e computer.
Per ulteriore assistenza, consulta i nostri suggerimenti per la risoluzione dei problemi relativi al responsive design.
Il piè di pagina informativo è scomparso
Se l'annotazione Modifica del piè di pagina informativo non appare:
- Apri il pannello Stili sito.
- Scorri fino alla sezione Opzioni.
- Deseleziona Nascondi piè di pagina informativo.
- Clicca su Salva.
- Esci da Stili sito e aggiorna la pagina. L'annotazione dovrebbe apparire.
Il Blocco linea non viene visualizzato
Il colore del Blocco linea viene impostato con il tweak Colore bordo pagina nella sezione Colori di Stili sito. Assicurati che la trasparenza sia opaca per mantenere visibili tutte le linee e i bordi.
La mia navigazione è divisa in due righe
Se i link nella tua navigazione superiore non si adattano a una sola riga, la navigazione superiore si dividerà su due righe.
Se hai selezionato Stile canvas: logo testata destra o Logo testata sinistra e la navigazione superiore è troppo lunga per essere visualizzata accanto al titolo o al logo del sito, si sposterà al di sotto del titolo o del logo.
Se non ti piace l'aspetto della tua navigazione superiore, puoi modificare la formattazione in diversi modi:
- Riduci il numero di pagine della navigazione. Uno dei metodi consiste nell'utilizzare un menu a discesa.
- Rinomina le pagine con nomi più brevi.
- Nella sezione Dimensioni e valori di Stili sito, riduci la Spaziatura link navigazione per avvicinare i link oppure aumenta la Larghezza laterale per aumentare la larghezza dell'intero sito.
Le dimensioni del titolo e della descrizione della pagina non cambiano
I titoli e le descrizioni delle pagine hanno una dimensione fissa del tipo di carattere nei browser più stretti di 1.041 pixel. A seconda delle dimensioni dello schermo, la finestra di anteprima potrebbe non essere sufficientemente ampia per mostrare le modifiche che stai apportando alle dimensioni mentre sei in Stili sito.
In questo caso, salva le modifiche, esci da Stili sito e apri l'anteprima completa per vedere l'altezza aggiornata del titolo e della descrizione della pagina. Puoi anche salvare le modifiche e visualizzare il sito in un'altra finestra privata del browser.
Il titolo della pagina appare più grande nei browser più stretti
I titoli delle pagine vengono visualizzati sui banner. Per i browser più stretti di 1.041 pixel, hanno una dimensione fissa:
- 767 pixel o più stretto - La dimensione del tipo di carattere è 21 px
- 768 - 1.040 pixel - La dimensione del tipo di carattere è 52 px
Nei browser di 1.041 pixel o più larghi, imposta le dimensioni con il tweak Titolo pagina nella sezione Tipografia di Stili sito.
Il titolo della pagina non viene visualizzato
Il titolo di una pagina in Montauk deve apparire su un banner di pagina. Se il titolo della pagina non viene visualizzato:
- Assicurati di avere impostato un'immagine in evidenza o un URL video per quella pagina.
- Nella sezione Opzioni di Stili sito, assicurati che Nascondi piè di pagina informativo e Nascondi banner di pagina siano entrambi deselezionati.
Il banner video non viene visualizzato
Se il banner video non viene visualizzato, aggiungi un'immagine di fallback su dispositivi mobili:
- Apri Impostazioni pagina.
- Nella scheda Media, clicca su Video.
- Scorri verso il basso e aggiungi un'immagine nell'apposito strumento di caricamento.
- Clicca su Salva.
Ricorda:
- L'altezza dell'immagine di fallback su dispositivi mobili imposta l'altezza del banner.
- Per le Pagine Indice, il video crea un banner sulla pagina di destinazione dell'indice; le miniature a griglia dell'indice non permettono di visualizzare video.
Una linea orizzontale attraversa la navigazione superiore e i pulsanti Mi piace e Condividi
Questa linea è visibile quando il tweak Sfondo canvas nella sezione Colori di Stili sito è trasparente o parzialmente opaco. Puoi modificare il tweak Sfondo canvas o rendere il Colore bordo pagina trasparente per nascondere completamente la linea.
Perché il mio piè di pagina ha due serie di link social?
Il modello Montauk ha due opzioni integrate per la visualizzazione delle icone social: come parte del piè di pagina informativo e con un Blocco link social nel piè di pagina inferiore (parte del contenuto della demo).
Per impostazione predefinita, il piè di pagina informativo e le relative icone social sono nascosti e il Blocco link social viene visualizzato nel piè di pagina inferiore.
- Piè di pagina informativo: deseleziona Nascondi piè di pagina informativo nella sezione Opzioni di Stili sito per visualizzare le icone. Quindi usa il tweak Stile icona social per modificarne l'aspetto o usa il tweak Nascondi icone social per nasconderle.
- Piè di pagina inferiore: modifica il Blocco link social per cambiarne l'aspetto o elimina il blocco per rimuoverli.