Nota: Sebbene le nostre guide più popolari siano state tradotte in italiano, alcune guide sono disponibili solo in inglese.

Famiglia modelli Pacific

La famiglia dei modelli Pacific (Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific) utilizza testi in sovrapposizione e una Pagina indice a scorrimento con smarginatura completa per riunire tutti i tuoi contenuti in una singola voce.

Questa guida descrive le funzionalità e le opzioni di design per la famiglia Pacific. I tweak di Stili sito sono evidenziati in grassetto e si collegano all'elenco completo dei tweak di Pacific per aiutarti a navigare nel pannello.

Suggerimento: Le pagine di Anteprima live di CharlotteFultonHorizonNaomi e Pacific mostrano i siti reali di alcuni clienti che utilizzano questi modelli.

Pagine supportate

Pacific supporta questi tipi di pagina:

Intestazione

I visitatori utilizzano l'intestazione superiore per navigare nel sito. In Pacific, l'intestazione include il titolo o logo del sito (branding) e i link di navigazione.

  • Il branding è centrato.
  • Le homepage degli indici possono avere la navigazione fissa.

Definisci lo stile dei tipi di carattere e dei colori dell'intestazione in Intestazione sito.

  • Imposta il colore dell'intestazione con Colore sfondo.
  • Visualizza i banner dietro l'intestazione con Trasparente su immagini banner.
  • Cambia le dimensioni del titolo del sito con il cursore Dimensioni tipo di carattere nel tweak Tipo di carattere titolo sito. Per evitare distorsioni, non superare i 72 pixel.
  • Cambia le dimensioni del logo con Larghezza logo.

Definisci lo stile dei link di navigazione in Navigazione sito. Scegli se mostrare la navigazione sulla pagina o dietro un'icona ☰ con Usa sempre navigazione sovrapposta.

  • Quando non sono selezionati, i link di navigazione vengono visualizzati o sotto il branding o suddivisi sui due lati, a seconda del numero di pagine e della larghezza del browser.
  • Cambia il Colore link e imposta lo sfondo della sovrapposizione con Colore sfondo.
  • Nella sovrapposizione ☰ , i link si ridimensionano automaticamente per adattarsi al meglio al menu. Il tweak Tipo di carattere link: dimensioni tipo di carattere non influisce su di essi.

pacific-header.png

Banner

I banner creano un elemento visivo che può impostare il tono per la tua pagina. Aggiungi immagini in miniatura e video della pagina per creare banner.

  • I banner vengono visualizzati nelle Pagine album, nelle Pagine del blog, nelle Pagine eventi, nelle Pagine galleria (solo immagini), nelle Pagine dei prodotti e nelle Pagine di layout.
  • Impila verticalmente più banner in un Indice.
  • I titoli e descrizioni delle pagine e l'intestazione del sito possono essere visualizzati sopra i banner.
  • Aggiungi un filtro colorato con Colore sovrapposizione in Banner di pagina. Le sezioni Indice hanno colori della sovrapposizione separati.

pacific-banner.png

Testo banner

Titoli e descrizioni della pagina possono essere visualizzati sopra i banner.

  • Definisci lo stile dei tipi di carattere in Banner di pagina. Nascondi tutti i titoli con Mostra titolo pagina.
  • Per rimuovere le descrizioni della pagina, eliminale in Impostazioni pagina. Per rimuoverle senza modificare l'altezza del banner, sostituisci il testo con delle interruzioni di riga.
  • Per utilizzare un testo diverso nei risultati di ricerca, aggiungi titoli e descrizioni SEO.

Altezza del banner

Per cambiare l'altezza, puoi:

  • Modificare Padding in Banner di pagina.
  • Aumentare l'altezza della descrizione della pagina aggiungendo delle interruzioni di riga.

Maggiori informazioni sui banner

Ricorda:

  • I banner video a volte non vengono visualizzati sui dispositivi mobili, a seconda della versione del browser e della velocità di connessione. Imposta un'immagine di fallback su dispositivi mobili da visualizzare quando non è possibile caricare il banner video.
  • Se una Pagina galleria non ha un'immagine in miniatura, la prima immagine diventerà automaticamente il banner ogni volta in cui si apporta una modifica alla Galleria. Se non vuoi nessun banner sulla tua Pagina galleria, apri Impostazioni pagina per rimuovere la miniatura.

Sfondo

Imposta il colore di sfondo del sito con Colore sfondo in Contenuto principale.

  • L'intestazione e i piè di pagina hanno propri colori di sfondo.
  • È possibile impostare dei colori di sfondo alternativi per le sezioni di un Indice.

Piè di pagina

Personalizza il piè di pagina globale del sito di Pacific con i blocchi. Il piè di pagina può includere link di navigazione, informazioni di contatto e una seconda area contenuti definita pre-piè di pagina.

Definisci lo stile del piè di pagina, delle informazioni di contatto e dei link di navigazione nel piè di pagina nella sezione Piè di pagina.

  • Visualizza e definisci lo stile delle informazioni di contatto con i tweak di Informazioni sito. Modifica le informazioni con i campi Sede fisica, E-mail di contatto e Numero di telefono di contatto in Informazioni aziendali.
Suggerimento: se non vedi il tweak Informazioni sito, visualizza in anteprima un modello diverso sul tuo sito, quindi annulla l'anteprima.

Il pre-piè di pagina viene visualizzato sopra il piè di pagina.

  • Definisci i colori dello sfondo e del testo nella sezione Pre-piè di pagina.
  • Per visualizzare il pre-piè di pagina, scegli Contenuto: personalizzato. Per nasconderlo, scegli Contenuto: vuoto.

Ricorda:

  • Il contenuto della demo di alcuni modelli include un Blocco link social. Elimina il blocco per rimuovere le icone social.
  • I collegamenti testuali nel piè di pagina e pre-piè di pagina sono sottolineati.

pacific-footers.png

Pagine del blog

Le Pagine del blog di Pacific vengono visualizzate come un elenco di post impilati verticalmente.

Nella pagina di destinazione:

  • Aggiungi una navigazione categorie per visualizzare i filtri delle categorie nella parte superiore della pagina.
  • Le miniature dei post vengono visualizzate sotto il titolo per i post che hanno 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.

Sui singoli post:

  • I singoli post hanno la navigazione verso i post precedenti e successivi sotto i commenti.
  • I Blocchi di testo a colonna singola possono essere inseriti su entrambi i lati. Questo ti permette di variare il layout, rendendo più interessanti i tuoi post. Non vi sono opzioni per modificare l'ampiezza del rientro.

Definisci lo stile dei metadati nella sezione Blog:

  • Data, categorie e nomi degli autori vengono visualizzati sopra il post. Utilizza la Priorità metadati per spostarne uno sopra il titolo del post.
  • Per nascondere i nomi degli autori, scegli Nascondi autore post. Questo tweak non è disponibile quando Priorità metadati: autore è selezionata.
  • URL sorgente, tag, commenti, Mi Piace e pulsanti Condividi vengono visualizzati sotto il post. Seleziona Nascondi piè di pagina voci elenco per nasconderli.

Definisci lo stile del testo in Contenuto principale:

  • Definisci lo stile dei metadati con i tweak Metadati.
  • I titoli dei post ripropongono i tweak dell'Intestazione 1.
  • Il corpo del testo ripropone i tweak di Tipo di carattere testo e Colore testo.

pacific-blog.png

Pagine indice

Le Pagine indice di Pacific trasformano il contenuto da pagine multiple a sezioni impilate, permettendoti di mettere in evidenza immagini e informazioni diverse in un'unica posizione.

  • Le sezioni di contenuto sono costituite da Pagine di layout e rappresentano una valida opzione per aggiungere testo, pulsanti e altri blocchi.
  • Le sezioni Indice galleria sono costituite da Pagine galleria, e possono essere visualizzate con layout a griglia o con uno slideshow.
  • Le sezioni Album sono costituite da Pagine album.
  • Le miniature delle pagine vengono visualizzate come sfondo per sezioni di contenuto e album.

pacific-index.gif

Indice delle sezioni galleria

Definisci lo stile delle sezioni Indice della galleria nella sezione Indice galleria. Imposta il layout di tutte le sezioni con il tweak Design.

Per i layout a slideshow:

  • Scegli se attivare la Riproduzione automatica delle gallerie e imposta la Transizione slideshow su Dissolvenza o Scorrimento.
  • Aggiungi o nascondi gli elementi di navigazione con Comandi galleria.
  • Aggiungi un'icona a forma di occhio, utilizzabile dai visitatori per attivare o disattivare le didascalie con Attiva/disattiva sovrapposizione galleria.
  • I titoli e le descrizioni delle immagini sono centrati sull'immagine.

Per i layout a griglia:

  • Scegli quante immagini vengono visualizzate orizzontalmente con Numero max colonne griglia.
  • I titoli delle immagini vengono visualizzati al passaggio del mouse. Le descrizioni delle immagini non vengono visualizzate.

Video aggiunti alla galleria:

Sfondi di sezione

Per le sezioni di contenuto e gli album:

  • Le miniature delle pagine vengono visualizzate come uno sfondo.
  • Le sezioni senza miniature visualizzano il colore di sfondo del sito.
  • Utilizza il Separatore di sezioni in Indice per scegliere come organizzare due sezioni consecutive prive di immagini di sfondo. Puoi optare per dei colori di sfondo alternativi o per un bordo che separa le varie sezioni.

Per le sezioni Indice della galleria:

  • Layout a slideshow - Le immagini vengono visualizzate con smarginatura completa.
  • Layout a griglia - Il Colore sovrapposizione galleria in Galleria indice si presenta completamente opaco in tutti gli spazi vuoti della griglia.

Sovrapposizioni colorate

È possibile aggiungere un filtro colorato a immagini e video. In questo modo, i contenuti sovrapposti risalteranno meglio.

  • Sezioni contenuto e album - Utilizza Colore in Sovrapposizione indice.
  • Indici delle sezioni galleria - Utilizza Colore sovrapposizione galleria in Galleria indice. Il colore appare solo sulle immagini con titoli o descrizioni. Nei layout a griglia, il colore viene visualizzato al passaggio del mouse.

Altezza sezione

Per modificare l'altezza delle sezioni contenuto e album, regola il padding:

  • Sezioni con immagini banner - Utilizza Padding di pagina in Sovrapposizione indice.
  • Sezioni senza immagini banner - Utilizza Padding di pagina in Indice.
  • Nelle sezioni dei contenuti, puoi aumentare l'altezza anche aggiungendo delle interruzioni di riga al contenuto della pagina.

Per modificare l'altezza delle sezioni dell'Indice su Indice galleria:

  • Layout a slideshow - Cambia il Rapporto dimensionale dello slideshow.
  • Layout a griglia - Cambia il Rapporto dimensionale della griglia e il Numero max colonne griglia.

Nelle Pagine indice impostate come homepage:

  • La navigazione dell'intestazione può essere bloccata per apparire nella parte superiore della finestra del browser quando scorri la pagina verso il basso (navigazione fissa).
  • Puoi aggiungere dei link ai contenuti e alle sezioni di album nella navigazione. Cliccando sul link, la pagina scorre fino a quella sezione.

Per bloccare la navigazione, scegli Indice con navigazione a scorrimento: mostra su scorrimento in Navigazione sito.

  • Imposta il colore di sfondo della navigazione con Colore sfondo in Intestazione sito.
  • Il branding del sito non verrà visualizzato.

charlotte-fixed-nav.png

Per creare dei link di navigazione per contenuti e sezioni di album, seleziona  Espandi link indice homepage in Navigazione sito.

  • Gli Indici delle sezioni galleria non vengono visualizzati nella navigazione. Utilizza invece dei Link di ancoraggio indice per dotarle di link.

index-nav-links.jpg

Maggiori informazioni sulle Pagine indice

  • Le annotazioni di Modifica potrebbero non apparire nelle sezioni vuote. Per modificare una pagina vuota, spostala fuori dall'Indice, aggiungi dei contenuti, quindi reinseriscila.
  • Per modificare il colore dei Blocchi pulsante, dei Blocchi modulo e dei Blocchi citazione sulle immagini, utilizza i tweak di Sovrapposizione indice.
  • I pulsanti Condividi vengono sempre visualizzati nelle sezioni album.

Navigazione categorie

I visitatori utilizzano i link di navigazione categorie per filtrare le pagine per post o per categorie di prodotto.

Aggiungi e definisci lo stile delle navigazioni per categoria nella parte superiore delle Pagine del blog e delle Pagine dei prodotti nella sezione Navigazione categorie. Le modifiche di stile si applicano a tutte le navigazioni per categoria del tuo sito.

pacific-category-nav.png

Carrello

Un pulsante carrello è visibile nell'angolo in alto a destra di tutte le pagine dopo che un cliente ha aggiunto un prodotto al proprio carrello. Per definire lo stile del pulsante:

  1. Aggiungi almeno un prodotto al carrello per far apparire il pulsante carrello.
  2. Modifica il Colore sfondo pulsante carrello e il Colore tipo di carattere pulsante carrello in Intestazione sito.

pacific-shopping-cart.png

Dispositivo mobile

Con il responsive design integrato di Squarespace, il tuo sito si adatta per essere perfetto su qualsiasi dispositivo.

  • La navigazione si comprime nel simbolo ☰ nell'angolo in alto a sinistra e può rimanere fissa mentre scorri su Pagine Indice impostate come homepage.
  • Il titolo o logo del sito viene visualizzato nella parte superiore centrale, con un'altezza massima di 50 pixel.
  • Il pulsante carrello viene visualizzato nell'angolo in basso a destra.
  • È possibile disattivare gli stili per dispositivi mobili, ma ti consigliamo di non farlo.
  • Le Gallerie a griglia mostrano due immagini per riga. Se hai un numero dispari di immagini, resterà uno spazio vuoto accanto all'ultima immagine.

Sui dispositivi mobili, le intestazioni visualizzabili non dovranno eccedere queste dimensioni:

  • Intestazione 1 - 34 pixel
  • Intestazione 2 - 26 pixel
  • Intestazione 3 - 20 pixel

Sugli smartphone:

  • Un link Torna all'inizio appare nella parte inferiore della pagina, sopra il piè di pagina.
  • Le Gallerie nelle Pagine indice non visualizzano le descrizioni delle immagini.

pacific-mobile.png

Opzioni di lingua

All'interno di questa famiglia, i modelli Charlotte, Naomi e Pacific supportano due opzioni linguistiche: 

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 17 su 36
Famiglia modelli Pacific