Aggiunta di link di ancoraggio alla pagina indice nella versione 7.0

Ultimo aggiornamento 14 febbraio 2025

Nella versione 7.0, le Pagine Indice impilate hanno una struttura URL univoca che puoi utilizzare per creare link di ancoraggio (o "collegamenti interni alla pagina") senza codice personalizzato. Questi link di ancoraggio conducono in punti specifici della Pagina Indice. 

Ad esempio, quando clicchi sul pulsante Visualizza il nostro lavoro sul sito dimostrativo del modello Hayden, la pagina scorre verso il basso fino alla sezione "Moreau".

Accesso a questa funzionalità

Questa guida riguarda le pagine Indice in versione 7.0. Per aggiungere link di ancoraggio nella versione 7.1, visita creare link di ancoraggio. Per aggiungere link di ancoraggio alle pagine di layout nella versione 7.0, visita Creazione manuale di link di ancoraggio nella versione 7.0.

Modelli supportati

I link di ancoraggio della Pagina indice funzionano meglio sui modelli con pagine indice a colonna. In queste famiglie di modelli, cliccando su un link di ancoraggio si passerà alla sezione desiderata della pagina indice.

alcuni indici a griglia supportano una funzionalità simile. È inoltre possibile utilizzare il codice personalizzato per aggiungere link di ancoraggio su qualsiasi modello.

Step 1 - Trova lo slug

Nel riquadro Pagine, passa il mouse sopra la sezione Indice a cui desideri collegarti. Clicca su l'icona dell'ingranaggio per aprire le impostazioni di pagina per quella sezione.

Copia lo slug dal campo URL Slug. Userai questo slug per creare un link di ancoraggio.

lo slug può essere visualizzato nella barra del browser quando i visitatori si spostano in quella sezione. È possibile modificarlo digitando nuovo testo in questo campo.

Adding_Index_Page_anchor_links.png

Aggiungi il link su cui i visitatori faranno clic. Puoi utilizzare qualsiasi tipo di link, ma in questo esempio viene utilizzato un link di testo.

In un blocco di testo, evidenzia il testo e clicca sull'icona Link nella barra degli strumenti Blocco di testo.

l'indice di ciascun modello presenta opzioni uniche. Per maggiori informazioni, visita la guida per la famiglia del tuo modello: Bedford, Brine o Pacific.

Step 3 - Aggiungi lo slug di pagina

Poi, attieniti alla seguente procedura:

  1. Nel campo URL, incolla lo slug che hai copiato nello Step 1.
  2. Aggiungi un hashtag (#) davanti allo slug per completare il collegamento. Il link di ancoraggio in questo esempio è #hours-and-location.
  3. Disattiva l'opzione Apri link in una nuova scheda.
  4. Solo per i modelli Pacific, Charlotte, Horizon e Naomi, aggiungi -section alla fine del link di ancoraggio, in questo modo: #hours-and-location-section
  5. Premi Invio.

Step 4 - Aggiungi lo slug indice

Se hai creato il tuo link nel passaggio 2 in una sezione della stessa pagina indice, puoi saltare questo passaggio.

Per qualsiasi altro link, come link di navigazione o link su altre pagine, includi lo slug della Pagina Indice prima del link di ancoraggio. Ciò garantirà che i collegamenti funzionino da:

  • Una pagina diversa.
  • La navigazione del sito.
  • L'URL diretto di una pagina secondaria.

Per aggiungere questo:

  1. Copia lo slug per la Pagina Indice dalle sue Impostazioni pagina.
  2. Apri nuovamente l'editor di link.
  3. Aggiungi lo slug della pagina prima del link di ancoraggio tra due simboli /, in questo modo:
/indexslug/#pageslug
  1. Premi Invio.

Esempi

Aggiungi il link di ancoraggio a più sezioni per aiutare i visitatori a navigare nella Pagina Indice. In questo esempio viene utilizzato il modello Brine e tre diversi tipi di collegamento: Blocco pulsanti, collegamento di testo e URL di clickthrough dell'immagine.

Esempi di link di ancoraggio nel modello Brine utilizzando un Blocco pulsante, un link di testo e un URL di click-through dell'immagine.

Crea una navigazione disponendo i link di ancoraggio fianco a fianco. Questo esempio utilizza il modello Bedford e dei link di testo.

Esempi di link di ancoraggio nel modello Bedford disposti l'uno accanto all'altro.

Queste famiglie di modelli con pagine indice a griglia supportano un'opzione integrata simile:

  • Avenue
  • Flatiron
  • Montauk

Puoi creare un link di ancoraggio della Pagina indice in questi modelli utilizzando il seguente formato URL:

/index-page-slug/#/page-slug

È un'ottima soluzione per collegare le pagine dell'indice dalla navigazione del sito o da altre pagine del sito. La pagina si apre con la formattazione specifica dell'indice, come se cliccassi sull'immagine in evidenza nell'indice.

Questo esempio usa il modello Avenue.

Esempio di comportamento di link di ancoraggio in una Pagina indice a griglia.

Risoluzione dei problemi

Se un link di ancoraggio non funziona correttamente, segui i suggerimenti di seguito:

  • Se necessario, assicurati di aver aggiunto lo slug della pagina indice come descritto nello step 4, inclusi i due simboli /. Questo passaggio è necessario per i link di navigazione e i link da altre pagine.
  • Se riscontri problemi sul cellulare e il modello è della famiglia Brine, prova a disabilitare Ajax temporaneamente per verificare se questa è la causa del problema.
  • Assicurati che lo slug della pagina indice e quello relativo alla sezione della pagina siano corretti. Se uno di questi elementi è stato modificato, sarà necessario aggiornare manualmente il link di ancoraggio.
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.

Aggiunta di link di ancoraggio alla pagina indice nella versione 7.0