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

Questa guida descrive le opzioni di Avenue per regolare l'aspetto del sito. Queste opzioni sono disponibili in Stili sito.

This is a supplement to the guide Making style changes, which we suggest you read first if you're new to Squarespace.

Suggerimento: nel Menu Home, clicca su Design e quindi su Stili sito. Per accedere a tweak specifici di una pagina, passa a Stili sito quando questa pagina è attiva.

Supported pages

Add pages to your site to create your site's underlying structure. Pages can appear as links in your site's navigation.

The Avenue template supports these page types:

  • Grid Index - Create a grid of thumbnail images that link to pages on your site.
  • Gallery - Style the gallery as a slideshow or grid.
  • Blog - The list-style Blog Page stacks posts vertically.
  • Regular Page - A blank page you can customize with blocks.
  • Album - Create a page with playable music tracks and cover art.
  • Events - Create a calendar or list of events.
  • Products (Classic) - Sell goods and services with our integrated Commerce features.
  • Cover Page - A unique landing page styled separately from your template.

Site header

In Avenue, the site title or logo, navigation, and tag line display at the top of the page.

Nella sezione Opzioni di Stili sito, seleziona Stile layout per posizionare il titolo a sinistra, a destra o al centro.

  • If you center the site title, the navigation displays below it.
  • The tag line always displays below the site title.

Other tweaks adjust the style of the header elements: 

  • Site Title tweaks adjust the title's font, color, and hover color.
  • Navigation tweaks adjust the navigation's font, color, hover color, active color, and spacing.
  • Site Subtitle tweaks adjust the tag line's font and color.

Page border

In Avenue, you can separate page content from the header and footer with a line.

Nella sezione Opzioni di Stili sito, clicca su Bordi pagina per impostare il bordo come Sottile, Spesso o Punteggiato. Puoi anche selezionare Nessuno, se non desideri che venga visualizzata la linea.

To set the color of the line, click Page Border Color in the Colors section.

Background

Imposta il colore di sfondo per il sito in Stili sito cliccando su Sfondo sito.

You can also set an image as the background with Site Background Image. Within this setting, you can control the position, size, and repeat settings for the image. For more information about site background images, visit Adding a background image.

Per diversificare il colore dell'area del contenuto principale del sito dal colore di sfondo, seleziona il tweak Sfondo canvas in Stili sito. Regola la trasparenza e seleziona il colore.

Page headers

In Avenue, puoi avere un'intestazione personalizzata in ogni pagina oltre all'intestazione a livello di sito. Questa opzione può essere utile per aggiungere contenuti extra, come un Blocco newsletter o una dichiarazione introduttiva.

  • Le intestazioni di pagina non vengono visualizzate nelle pagine semplici e nelle pagine Galleria aperte da una pagina indice.
  • Se si aggiungono blocchi Audio o Video all'intestazione di una pagina indice, l'audio continua ad essere riprodotto quando si naviga attraverso le pagine.

avenue-page-header.jpg

Footers

Un piè di pagina personalizzabile a livello di sito viene visualizzato in ogni pagina e include le icone social. Avenue supporta anche i piè di pagina separati, così puoi aggiungere contenuti univoci nella parte inferiore di ogni pagina.

Per modificare il contenuto in ogni piè di pagina, passa il mouse su quell'area e fare clic su Modifica. Per ulteriori informazioni, visita Modificare i piè di pagina.

I piè di pagina non vengono visualizzati nelle pagine semplici e nelle pagine Galleria aperte da una pagina indice.

Il piè di pagina del sito supporta una sola colonna di blocchi. Usa il tweak Stile layout per modificarne l'aspetto:

  • Stile layout: Sinistra o Destra - Il piè di pagina è suddiviso su lato sinistro e destro per tutte le pagine. Il lato sinistro supporta i blocchi. Il lato destro supporta solo le icone social.
  • Stile layout: Centro - Il piè di pagina del sito è pari alla larghezza della pagina. Le icone social vengono mostrate sotto.

Il piè di pagina corrisponde sempre alla larghezza della pagina. Supporta più colonne di blocchi.

avenue-footers.jpg

Titolo e descrizione della pagina

In Avenue, alcuni testi dalle Impostazioni pagina vengono visualizzati sul sito:

Suggerimento: per utilizzare un testo diverso nei risultati di ricerca, aggiungi un titolo e una descrizione SEO.

Icone social

Le icone social sono visualizzate nel piè di pagina. Esse si allineano a destra o a sinistra a seconda del Layout di stile selezionato nella sezione Opzioni di Stili sito.

Puoi modificare lo stile delle icone o nasconderle, nella sezione Opzioni di Stili sito. Il tweak Colore icona social  nella sezione Colori, ne modifica il colore. Dimensioni icona social nella sezione Dimensioni e valori  ne modifica le dimensioni.

Dispositivo mobile

Because Squarespace templates are built with responsive design, your site will adjust on mobile devices to better fit the format of that device. You can use Device View to see how your site will look on different devices.

  • I loghi rimangono visibili sui dispositivi mobili. Utilizza il tweak Dimensione logo su dispositivi mobili nella sezione Dimensioni e valori di Stili sito per impostare le dimensioni su dispositivi mobili.
  • L'intestazione dispone del padding per dispositivi mobili integrata, che non è interessata dal tweak Padding intestazione
  • Puoi regolare il modo in cui la navigazione è giustificata con il tweak Layout di stile nella sezione Opzioni di Stili sito.
  • Se hai impostato un Colore del canvas nella sezione Colori di Stili sito, esso sarà il colore di sfondo del tuo sito mobile.
  • Sui dispositivi mobili, il contenuto della barra laterale viene visualizzato sotto il contenuto della pagina.

On a smartphone, navigation appears at the top of the page in a drop-down menu.

Next step

Create a thumbnail navigation grid with the Index Page.

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 34 su 72
Avenue structure and style