1.7 Link ancora (link di salto)

Tutorial di Edumaps Edumaps

Introduzione

  • ✔️ Con i link ancora (link di salto), puoi creare una navigazione all'interno di una mappa. Per farlo, imposti link ancora con nomi personalizzati nei tuoi riquadri e li colleghi, ad esempio, tramite un indice in un riquadro.
1

Creare link ancora

  • Supponiamo che tu voglia creare un indice. Segui questi passaggi:
    1. Apri il riquadro a cui vuoi collegarti con l'editor del riquadro.
    2. Fai clic su “Elementi” e dal menu a discesa seleziona “Link ancora”.
    1. !#anchor verrà inserito nel contenuto del riquadro (come modello).
    2. Rinomina l'ancora come desideri, ad esempio in !#start1. Assicurati che la parola dell'ancora sia una sola parola e che i caratteri !# siano posizionati direttamente davanti alla parola (senza spazi, tutto in minuscolo).
    3. Salva il riquadro.
  • Il link ancora è ora collegato al riquadro e può essere usato per la navigazione (collegamento).
  • ⚙ create
2

Collegare testo con link ancora

  • Se un link ancora è associato a un riquadro, vedrai la parola dell'ancora in modalità di modifica come segue:
  • Ora puoi usare questo link per la navigazione.
    1. Apri l'editor del riquadro per il riquadro in cui deve essere aggiunto il link.
    2. Scrivi il tuo testo.
    3. Seleziona una parola nel testo con il mouse e fai clic sul pulsante "Inserisci link".
    4. Inserisci il tuo link ancora, ad esempio !#start1.
    5. Salva il riquadro.
  • ⚙ linking
3

Navigazione con link ancora

  • Quando fai clic sul link fornito, la mappa scorrerà fino al riquadro collegato (dove si trova il link ancora) e il riquadro lampeggerà tre volte.
  • Inoltre, in basso a sinistra del riquadro apparirà un piccolo pulsante Indietro.
  • Tuttavia, puoi anche usare il pulsante Indietro del browser (o il pulsante Indietro del mouse) per tornare al riquadro precedente.
  • ⚙ navigation
4

Mappa di esempio con link ancora

  • Nella seguente mappa di esempio puoi vedere come funziona la navigazione con link ancora.
  • Se fai clic su un link nell'indice, la visualizzazione si sposta al riquadro corrispondente.
  • Se usi il pulsante Indietro sul riquadro o il pulsante Indietro nel browser, torni all'indice.
  • ⚙ example
5

Link ancora nei titoli dei riquadri e delle colonne

  • I link ancora possono essere inseriti anche nei titoli dei riquadri e delle colonne.
  • Per farlo, usa semplicemente la sintassi !#myanchor e aggiungila alla fine del titolo.
  • ⚙ titles
6

Link di condivisione della mappa con link ancora

  • I link ancora possono essere usati per l'autonavigazione della mappa. Per esempio, per un elenco di tutti i corsi nel primo riquadro della mappa o per un indice.
  • Tuttavia, puoi anche aggiungere un link ancora al tuo link di condivisione della mappa per collegarti direttamente a qualsiasi riquadro anche su altre mappe.
  • Per farlo, aggiungi semplicemente il link ancora alla fine del link di condivisione della mappa con #myanchor (senza punto esclamativo).
  • Quando poi apri questo link, scorrerà automaticamente fino al riquadro collegato e il riquadro lampeggerà.
  • ⚙ anchorlinks
7

Formattazione dei link ancora

  • Osserva le seguenti regole:
    • I link ancora sono sempre composti da una sola parola senza spazi.
    • Scrivi sempre i link ancora in minuscolo. Evita le maiuscole.
    • Evita i caratteri speciali (tranne il punto esclamativo e il cancelletto all'inizio).
  • Sbagliato:
  • !#my Anchor
  • Corretto:
  • !#myanchor
  • ⚙ format
8

Link ancora nelle etichette di testo

  • I link ancora possono essere impostati anche nelle etichette di testo. Questo consente ulteriori applicazioni:
    1. Salto da etichetta di testo a etichetta di testo
    2. Salto da etichetta di testo a riquadro
    3. Salto da riquadro a etichetta di testo
  • Quando salti a un'etichetta di testo, l'etichetta di testo lampeggia tre volte e viene brevemente contrassegnata in rosso.
  • Input per l'etichetta di testo di destinazione:
  • My text here !#target
  • Input per l'etichetta di testo con il link:
  • My {link to the text label}{!#target}
  • ⚙ textlabels