Impostare una sezione - Costruzione - Documenti Carrd
Creare una Sezione
Al cuore del concetto di Sezioni c'è il Section Break, un elemento speciale di Controllo che segna dove una sezione inizia, dove finisce e quali elementi dovrebbero appartenervi. Ecco come si usa:
Clicca su Aggiungi Elemento.
Clicca su Controllo per creare un nuovo elemento di Controllo.
Imposta Tipo su Section Break.
Assegna un Nome breve e descrittivo composto solo da lettere minuscole, numeri e trattini (es.
lavoro
). Questo identificherà univocamente la sezione e ti permetterà di collegarti ad essa (vedi sotto).Trascina il section break dove vuoi dividere il sito, rilascia il clic per posizionarlo, e ... fatto. Anche se gli effetti non saranno evidenti nel builder, ecco cosa succede alla versione pubblicata del sito:
- Crea una nuova sezione con il nome appena impostato (es.
lavoro
) che contiene tutti gli elementi dopo il section break (fino a un altro section break, un marcatore di footer, o il fondo del sito). - Assegna tutti gli elementi prima del section break (fino a un altro section break, un marcatore di header, o la cima del sito) alla sezione precedente.
- ... e se non esiste una sezione precedente, ne crea automaticamente una con il nome
home
.
Collega alla sezione con un pulsante, un link, o praticamente qualsiasi altra cosa che accetti un URL usando un hash
#
seguito dal nome della sezione (es.#lavoro
).(Opzionale) Seleziona l'elemento Pagina del sito, clicca sulla scheda Animazione, quindi seleziona un effetto On Section Change da usare quando il sito cambia sezione.
Hai finito! Cliccando un link alla sezione ora si aprirà immediatamente e ne rivelerà i contenuti (e lo farà usando un effetto di cambio sezione se ne è stato selezionato uno), e ogni sezione può essere collegata in profondità semplicemente aggiungendo il suo nome preceduto da hash all'URL del sito (es.
foo.carrd.co/#lavoro
). Puoi anche collegarti ai seguenti URL speciali per navigare tra le tue sezioni:
URL | Description |
---|---|
section:next | Apri la sezione successiva. |
section:previous | Apri la sezione precedente. |
section:first | Apri la prima sezione. |
section:last | Apri l'ultima sezione. |
... e questo è tutto! Basta ripetere il processo per creare più sezioni, oppure portare il concetto un passo avanti aggiungendo un intestazione e un piè di pagina.