Med Navigation Component (Navigeringskomponent) kan användarna enkelt navigera i en globaliserad platsstruktur.
Navigeringskomponenten listar ett träd med sidor så att användare på en webbplats enkelt kan navigera i webbplatsstrukturen.
Navigeringskomponenten kan automatiskt identifiera platsens globala struktur och anpassa automatiskt till en lokaliserad sida. Dessutom kan den ha stöd för valfri webbplatsstruktur genom att använda omdirigeringssidor för skuggor för att representera en annan struktur än den som är huvudinnehållsstrukturen.
The redigeringsdialogruta gör att innehållsförfattaren kan definiera navigeringsrotsidan tillsammans med navigeringsdjupet. The designdialogruta gör att mallskaparen kan definiera standardvärden för navigeringsroten och -djupet.
I det här dokumentet beskrivs v1 i Navigation Component, som introducerades i version 2.0.0 av Core Components i januari 2018.
I det här dokumentet beskrivs v1 för navigeringskomponenten.
Information om den aktuella versionen av navigeringskomponenten finns i Navigeringskomponent -dokument.
Webbplatser finns ofta på flera språk för olika regioner. Vanligtvis innehåller varje lokaliserad sida ett navigeringselement som ingår i sidmallen. Med navigeringskomponenten kan du placera den en gång i en mall för alla sidor på platsen, och den anpassas sedan automatiskt för de enskilda lokaliserade sidorna baserat på den globaliserade webbplatsstrukturen.
Låt oss säga att innehållet ser ut ungefär så här:
/content
+-- wknd
+-- language-masters
+-- de
\-- experience
\-- arctic-surfing-in-lofoten
+-- en
\-- experience
\-- arctic-surfing-in-lofoten
+-- es
+-- fr
\-- it
+-- us
+-- en
\-- experience
\-- arctic-surfing-in-lofoten
\-- es
\-- ch
+-- de
\-- experience
\-- arctic-surfing-in-lofoten
+-- fr
\-- it
+-- wknd-events
\-- wknd-shop
För platsen WKND vill du förmodligen placera navigeringskomponenten i en sidmall som en del av sidhuvudet. När du är en del av mallen kan du ange Navigeringsrot för komponenten till /content/wknd/language-masters/en
eftersom det är där ditt överordnad innehåll för den webbplatsen börjar. Du kanske också vill ange Navigeringsstrukturens djup att 2
eftersom du förmodligen inte vill att hela innehållsträdet ska visas av komponenten, utan snarare de två första nivåerna så att det fungerar som en översikt.
Med Navigeringsrot värdet vet Navigation Component att efter /content/wknd/language-masters/en
som navigeringen börjar med och kan generera navigeringsalternativ genom att repetera platsens struktur två nivåer nedåt (som definieras av Navigeringsstrukturens djup värde).
Oavsett vilken lokaliserad sida en användare visar kan navigeringskomponenten hitta motsvarande lokaliserad sida genom att känna till platsen för den aktuella sidan, arbeta bakåt till roten och sedan vidarebefordra till motsvarande sida.
Så om en besökare tittar /content/ch/de/experience/arctic-surfing-in-lofoten
kan komponenten generera navigeringsstrukturen baserat på /content/wknd/language-masters/de
. Detsamma gäller om besökaren tittar /content/us/en/experience/arctic-surfing-in-lofoten
kan komponenten generera navigeringsstrukturen baserat på /content/wknd/language-masters/en
.
Ibland är det nödvändigt att skapa en navigeringsmeny för besökaren som skiljer sig från den faktiska platsstrukturen. En kampanj kanske ska lyfta fram visst innehåll på menyn genom att ordna om innehållslistan. Med hjälp av skuggsidor, som helt enkelt omdirigeras till andra innehållssidor, kan navigeringskomponenten generera en godtycklig navigeringsstruktur som behövs.
För att göra detta måste du:
Navigeringskomponenten återger sedan menyn baserat på skuggwebbplatsens struktur. Länkarna som återges av komponenten är de faktiska innehållssidorna som skuggsidorna dirigerar om till och inte till själva skuggsidorna. Dessutom visar komponenten namnen på de faktiska sidorna och markerar den aktiva sidan korrekt, även när navigeringen baseras på skuggsidor. Navigeringskomponenten gör skuggsidorna helt genomskinliga för besökaren.
Skuggsidor gör navigeringsalternativen mycket mer flexibla, men tänk på att det är helt manuellt att behålla strukturen. Om du sorterar om det faktiska webbplatsinnehållet eller lägger till/tar bort innehåll måste du uppdatera skuggstrukturen manuellt efter behov.
När du återger en skuggwebbplatsstruktur är det bara skuggsidorna som rekursiveras av navigeringslogiken. Logiken ger inte en rekursiv omdirigering av destinationerna.
När en sida har ett omdirigeringsmål (oavsett om det pekar på en extern URL eller en annan AEM sida), är det en navigeringskomponent som innehåller länkar till den punkten direkt till URL:en för omdirigeringsmålet.
https://aemcomponents.dev
https://aemcomponents.dev
Om du vill visa navigeringskomponenten och se exempel på dess konfigurationsalternativ samt HTML och JSON-utdata går du till Komponentbibliotek.
Den senaste tekniska dokumentationen om navigeringskomponenten finns på GitHub.
Mer information om hur du utvecklar kärnkomponenter finns i Dokumentation för grundkomponentutvecklare.
Från och med Core Components version 2.1.0 stöder Navigation Components schema.org, mikrodata.
I redigeringsdialogrutan kan innehållsförfattaren definiera rotsidan för navigering och navigeringsstrukturens djup.
På Tillgänglighet -tabb kan värden anges för Tillgänglighet för ARIA -etiketter för komponenten.
I designdialogrutan kan mallskaparen ange standardvärden för navigeringsrotsidan och navigeringsdjupet som presenteras för innehållsförfattarna.
Navigeringskomponenten har stöd för AEM Formatsystem.
Navigeringskomponenten har stöd för Adobe Client Data Layer.