Sidkomponent (v2) page-component
Sidkomponenten är en utökningsbar sidkomponent som är avsedd att fungera med mallredigeraren och som gör att sidhuvud/sidfot och strukturkomponenter kan sättas ihop med mallredigeraren.
Användning usage
Page Component (Sidkomponent) utgör grunden för alla sidor som utformats med Core Components (kärnkomponenter) samt redigerbara mallar. Med hjälp av sidkomponenten kan sidhuvuden, sidfötter och sidstrukturen definieras som en mall med hjälp av de andra kärnkomponenterna.
Med hjälp av designdialogrutan kan anpassade klientbibliotek definieras för sidan. Till skillnad från andra komponenter som har en redigeringsdialogruta som är tillgänglig direkt från komponenten, eftersom sidkomponenten är själva sidan, är dialogrutan redigera för sidkomponenten sidegenskapsfönstret.
Version och kompatibilitet version-and-compatibility
I det här dokumentet beskrivs v2 av Page Component, som introducerades i version 2.0.0 av Core Components i januari 2018.
Progressivt stöd för webbappar pwa-support
I version 2.15.0 av Core Components introducerades stöd för AEM as a Cloud Service inbyggda Progressiva webbprogram (PWA). Med en enkel konfiguration på webbplatsnivå kan du omvandla din AEM till en PWA!
Teknisk information technical-details
Den senaste tekniska dokumentationen om sidkomponenten finns på GitHub.
Mer information om hur du utvecklar kärnkomponenter finns i dokumentationen för kärnkomponentutvecklare.
Dialogrutan Redigera edit-dialog
Eftersom komponenten representerar hela sidan, finns inställningar som normalt skulle finnas i en redigeringsdialogruta i fönstret Sidegenskaper.
Designdialogruta design-dialog
Eftersom komponenten representerar hela sidan öppnas designdialogrutan via Sidinformation -> Sidprofil när du redigerar sidmallen.
Fliken Egenskaper properties-tab
I fönstret Siddesign kan du definiera vilka klientbibliotek som ska läsas in samt webbresursbiblioteket för sidan.
-
Klientbibliotek - Detta definierar de klientbibliotekskategorier som ska läsas in. JavaScript läggs till i innehållsslutet och CSS läggs till i sidhuvudet.
-
Klientbibliotek JavaScript sidhuvud - Här definieras de bibliotekskategorier för JavaScript Client som ska läsas in i sidhuvudet.
- För de kategorier som definieras här och som också finns i fältet Klientbibliotek läses JavaScript in i sidhuvudet i stället för i innehållsslutet.
- Ingen CSS läses in om inte kategorin också finns i fältet Klientbibliotek.
-
Klientbibliotek för webbresurser - Klientbibliotekskategorin som används för webbresurser som till exempel favoritikoner.
-
Hoppa till väljaren för elementet i huvudinnehållet - Används som hjälpmedelsfunktion för att hoppa direkt till huvudinnehållet på sidan
Bibliotek kan konfigureras för både fälten Klientbibliotek och Klientbibliotek JavaScript sidhuvud enligt följande:
- Klicka eller tryck på knappen Lägg till under fälten om du vill lägga till ett nytt fält.
- Om du vill ta bort ett fält klickar du på papperskorgsikonen bredvid fältet som ska tas bort.
- Om du vill ändra inläsningsordningen klickar eller trycker du och drar handtaget bredvid fältet som ska flyttas.
Mer information om hur du använder bibliotek på klientsidan finns i Använda bibliotek på klientsidan.
Fliken Format styles-tab
Sidkomponenten stöder AEM Style System.
Adobe-klientdatalager data-layer
Sidkomponenten stöder datalagret Adobe Client.