Componente navigazione lingua

Il componente Navigazione lingua fornisce una navigazione in lingua/paese per un sito, in modo che i visitatori possano passare alla stessa pagina in un'altra lingua.

Utilizzo

I siti Web sono spesso disponibili in più lingue per diverse aree geografiche. Il componente di navigazione della lingua consente a un visitatore di visualizzare la stessa pagina in diverse lingue/lingue. Se si è lettori della versione svizzera tedesca del sito, è possibile passare facilmente alla versione inglese USA della stessa pagina. Il componente Navigazione lingua gestisce la comprensione della struttura della lingua del sito e trova automaticamente la pagina corrispondente.

La finestra di dialogo di modifica consente di definire la radice di navigazione del sito globale e di definire la profondità della struttura di navigazione. Utilizzando la finestra di dialogo progettazione, l'autore del modello può impostare i valori predefiniti per le stesse opzioni.

Versione e compatibilità

La versione corrente del componente Navigazione lingua è v1, introdotto con la release 2.0.0 dei componenti core nel gennaio 2018, ed è descritto in questo documento.

Nella tabella seguente sono elencate tutte le versioni supportate del componente, le versioni AEM con cui sono compatibili le versioni del componente e i collegamenti alla documentazione delle versioni precedenti.

Versione componente AEM 6.4 AEM 6.5 AEM as a Cloud Service
v1 Compatibile Compatibile Compatibile

Per ulteriori informazioni sulle versioni e sulle versioni dei componenti core, consultare il documento Versioni dei componenti core.

Esempio di output del componente

Per provare il componente Navigazione lingua e per vedere esempi delle relative opzioni di configurazione, nonché l'output HTML e JSON, visitare la Libreria componenti.

Dettagli tecnici

La documentazione tecnica più recente sul componente Navigazione lingua è disponibile su GitHub.

Ulteriori dettagli sullo sviluppo di componenti core sono disponibili nella documentazione per lo sviluppo di componenti core.

Finestra di dialogo Progettazione

La finestra di dialogo di modifica consente di definire la radice di navigazione del sito globale e di definire la profondità della struttura di navigazione.

In genere queste configurazioni devono essere eseguite solo a livello di modello di pagina. Tuttavia, possono essere modificati a livello di pagina tramite la finestra di dialogo di modifica a1/>.

Scheda Proprietà

Finestra di dialogo Progettazione del componente Navigazione lingua

  • Directory principale di navigazione
    • Qui è dove dovrebbe iniziare la navigazione della lingua del sito.
    • La struttura della lingua del sito inizia al livello successivo sotto questa radice.
  • Annidamento struttura lingua
    • Questo è il numero di livelli della struttura del contenuto sotto la Radice di navigazione che rappresentano la struttura della lingua del sito. Esempi:
      • 1 in genere significa che hai solo la scelta della lingua.
      • 2 in genere significa che hai una scelta di lingua e paese.
      • 3 in genere indica che si dispone di una scelta di lingua, paese e regione.

Esempio

Supponiamo che il contenuto sia simile al seguente:

/content
+-- wknd
   +-- language-masters
   +-- us
      +-- en
      \-- es
   \-- ch
      +-- de
      +-- fr
      \-- it
+-- wknd-events
\-- wknd-shop

Per il WKND del sito, è consigliabile inserire il componente Navigazione lingua in un modello di pagina come parte dell’intestazione. Una volta fatto parte del modello, è possibile impostare Radice di navigazione del componente su /content/wknd, dal momento che è da qui che inizia il contenuto localizzato per tale sito. È inoltre necessario impostare Profondità struttura lingua su 2, poiché la struttura è di due livelli (paese e lingua).

Con il valore Radice di navigazione, il componente Lingua sa che dopo /content/wknd inizia la navigazione e può generare opzioni di navigazione nella lingua riconoscendo i due livelli successivi nella struttura del contenuto come struttura di navigazione della lingua del sito (come definito dal valore Profondità struttura della lingua).

Indipendentemente dalla pagina visualizzata dall’utente, il componente Navigazione lingua è in grado di trovare la pagina corrispondente in un’altra lingua, conoscendo la posizione della pagina corrente e lavorando all’indietro fino al livello principale, quindi inoltrando la pagina corrispondente.

Scheda Stili

Il componente Navigazione lingua supporta il AEM Sistema di stile.

Finestra di dialogo Modifica

In genere il componente Navigazione lingua deve essere aggiunto e configurato solo nei modelli di pagina di un sito. Tuttavia, se il componente Navigazione lingua deve essere aggiunto a una singola pagina di contenuto, la finestra di dialogo di modifica consente a un autore di contenuto di configurare gli stessi valori come descritto nella finestra di dialogo progettazione.

È inoltre possibile impostare un ID. Questa opzione consente di controllare l'identificatore univoco del componente nell'HTML e nel Livello dati.

  • Se lasciato vuoto, viene generato automaticamente un ID univoco che può essere trovato esaminando la pagina risultante.
  • Se viene specificato un ID, è responsabilità dell’autore assicurarsi che sia univoco.
  • La modifica dell’ID può avere un impatto su CSS, JS e tracciamento dei livelli di dati.

Finestra di dialogo di modifica del componente Navigazione lingua

In questa pagina