Inset contenuti nella versione 7.0

Aggiungi spaziatura stilizzata al layout del sito in alcuni modelli della versione 7.0.

Ultimo aggiornamento 22 agosto 2024

Alcuni modelli della versione 7.0 dispongono di una funzionalità di layout a livello di sito denominata "inset contenuti". Alcuni contenuti vengono rientrati, creando una colonna più stretta, mentre altri vengono visualizzati a larghezza massima. Variando così i margini il testo appare più dinamico, allo stesso modo in cui le riviste richiamano l'attenzione sulle citazioni con layout creativi.

L'inset contenuti interessa le aree in cui puoi aggiungere blocchi, quali pagine di layout, post del blog e piè di pagina.

Accesso a questa funzionalità

Inset contenuti è una funzionalità specifica disponibile in alcuni modelli della versione 7.0. Per effetti simili nella versione 7.1, vedi Funzionalità di inset nella versione 7.1.

Templates supporting the content inset

La funzione di inset contenuti è disponibile nelle seguenti famiglie di modelli

  • Brine
  • Farro
  • Pacific - Solo post del blog
  • Skye

Utilizzare l'inset contenuti

Quando si aggiungono blocchi al sito, è possibile utilizzare un blocco solo per creare una singola colonna , oppure aggiungere più blocchi affiancati per creare delle colonne multiple.

Only certain blocks use content inset. When these blocks are in a single column, they appear at the narrower width. When laid out in multiple columns, the columns extend to the borders of the content area.

Blocks that aren't affected by the content inset continue to display at the width of the main content area.

Mixing and matching content inset blocks with full-width content creates varied margins as visitors scroll down the page, providing visual relief from large unbroken text.

Here's an example of the content inset in the Farro template: 

farro-inset.png

farro-inset.png

Affected blocks

Solo determinati blocchi a colonna singola seguono l'inset contenuti. Diversi blocchi sono interessati in ognuna delle seguenti famiglie di modelli:

Brine

These blocks appear full-width (no inset):

  • Blocchi archivio
  • Bandsintown blocks
  • Blocchi calendario
  • Blocchi Galleria
  • Blocchi immagine
  • Blocchi Instagram
  • Blocchi mappa
  • Blocchi Menu
  • Blocchi Video

All other blocks are inset.

Farro

These blocks appear full-width (no inset): 

  • Blocchi archivio
  • Bandsintown blocks
  • Blocchi calendario
  • Blocchi Galleria
  • Blocchi immagine
  • Blocchi Instagram
  • Blocchi mappa
  • Blocchi Menu
  • Blocchi Video

All other blocks are inset.

Pacific

On blog posts, these blocks follow the inset:

  • Blocchi di testo
  • Blocco Markdown 

All other blocks appear full-width (no inset). 

Skye

When the Full Bleed Images, Video, and Gallery tweak is checked, these blocks appear full-width (no inset): 

  • Blocchi immagine
  • Blocchi Galleria
  • Blocchi Video

When Full Bleed Images, Video, and Gallery is unchecked, all blocks follow the content inset.

Creating sophisticated layouts

Content inset lets you vary content width on a page, grabbing your visitors' attention.

Ad esempio, non avendo un inset contenuti, i Blocchi immagine vengono visualizzati con una larghezza maggiore rispetto ai Blocchi di testo a colonna singola. L'alternanza di testo stretto e immagini più larghe fa risaltare queste ultime.

KB Guide Image

Or you can alternate single column blocks (with content inset) with multi-column blocks (no inset) to break up the flow of text or other content on the page.

KB Guide Image

Float blocks to create wrapped text around the block. To learn more, visit Moving blocks.

KB Guide Image

Modificare la larghezza dell'inset

Utilizza i tweak seguenti per modificare la larghezza dell'inset contenuti nelle seguenti famiglie di modelli:

  • BrineInset contenuti nella sezione Principale di Stili sito. Deve essere interessato almeno un blocco sulla pagina affinché questo tweak venga visualizzato.
  • FarroInset contenuti nella sezione Principale di Stili sito.
  • Pacific - Non può essere modificato.
  • SkyeInset contenuti nella sezione Sito di Stili sito. Immagini a schermo intero, video e galleria rimuovono l'inset per questi blocchi.

Ricorda:

  • Utilizza il cursore per impostare l'inset. Questo è compreso tra 0 5, laddove 5 è il più stretto.
  • Per rimuovere l'inset contenuti, imposta il tweak Inset contenuti su 0.
  • L'inset contenuti riguarda la larghezza complessiva del sito, pertanto la larghezza del sito e i tweak di spaziatura influiscono sulla larghezza dell'inset contenuti.

Funzionalità di inset nella versione 7.1

Se il tuo sito è nella versione 7.1, puoi ottenere effetti di rientro simili utilizzando gli stili di sezione:

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.

Inset contenuti nella versione 7.0