Sidredigeraren, sidopanel side-panel

Lär dig hur du använder sidopanelen i AEM webbplatsredigeraren för att lägga till komponenter och resurser på sidan.

Lägen i sidopanelen modes

Sidpanelen är alltid tillgänglig i sidredigeraren genom att trycka på eller klicka på ikonen Växla sidopanel i verktygsfältet i sidredigeraren.

Växla sidopanel

När du öppnar sidopanelen öppnas den från vänster sida och du kan sedan välja mellan tre viktiga flikar:

Komponentbläddraren components-browser

Komponenter är byggstenarna som används för att skapa innehåll med AEM sidredigerare. Du placerar flera komponenter på en sida och konfigurerar deras alternativ för att skapa din innehållssida.

Komponentwebbläsaren visar alla komponenter som är tillgängliga för användning på den aktuella sidan. Dessa kan dras till rätt plats och sedan redigeras för att lägga till ditt innehåll.

Tryck eller klicka på fliken Komponenter på sidopanelen för att öppna webbläsaren Komponenter.

Ikonen för komponentwebbläsaren på sidpanelen

Utseendet och hanteringen beror på vilken typ av enhet du använder.

Mobil enhet mobile-device-components-browser

När du öppnar komponentwebbläsaren på en mobil enhet täcker den helt den sida som redigeras.

Om du vill lägga till en komponent på sidan markerar och drar du komponenten och flyttar den åt höger. Komponentwebbläsaren stängs och sidan visas igen där du kan placera komponenten.

Komponentwebbläsaren på mobilen

NOTE
En mobil enhet identifieras när bredden är mindre än 1 024 pixlar.

Skrivbordsenhet desktop-device-components-browser

När du öppnar komponentwebbläsaren på en stationär enhet visas den till vänster i fönstret.

Om du vill lägga till en komponent på sidan klickar du på den önskade komponenten och drar den till önskad plats.

Komponentwebbläsaren på skrivbordet

Använda komponentwebbläsaren using-component-browser

Komponenterna i Components-webbläsaren representeras av:

  • Komponentnamn

  • Komponentgrupp (i grått)

  • Ikon eller förkortning

    • Standardkomponenternas ikoner är monokroma.
    • Förkortningar är alltid de två första tecknen i komponentnamnet.

I det övre verktygsfältet i webbläsaren Komponenter kan du:

  • Filtrera komponenter efter namn.
  • Begränsa visningen till en viss grupp med listrutan.

Om du vill ha en mer detaljerad beskrivning av komponenten kan du välja informationsikonen bredvid komponenten i webbläsaren Komponenter (om den är tillgänglig). För innehållsfragment:

Information om komponentwebbläsare

Mer detaljerad information om de komponenter som är tillgängliga finns i Komponentkonsolen.

Assets Browser assets-browser

Webbläsaren Assets visar alla resurser som är tillgängliga för användning på den aktuella sidan.

Tryck eller klicka på fliken Assets på sidopanelen för att bläddra bland resurserna.

Assets Browser button

Oändlig rullning används för att expandera listan med resurser när du rullar.

Assets Browser

Det faktiska utseendet och hanteringen beror på vilken enhetstyp du använder:

Mobil enhet mobile-device-assets-browser

När du öppnar resursläsaren på en mobil enhet täcker den helt den sida som redigeras.

Om du vill lägga till en resurs på sidan väljer du och drar den önskade resursen och flyttar den sedan åt höger. Resursläsaren stängs och sidan visas igen, där du kan lägga till resursen i den nödvändiga komponenten.

Assets Browser on mobile

NOTE
En mobil enhet identifieras när bredden är mindre än 1 024 pixlar.

Skrivbordsenhet desktop-device-assets-browser

När du öppnar resursläsaren på en stationär enhet öppnas den till vänster i fönstret.

Om du vill lägga till en resurs på sidan markerar du den önskade resursen och drar den till önskad komponent eller plats.

Assets Browser på skrivbordet

Använda Assets Browser using-assets-browser

Om du vill lägga till en resurs på sidan markerar och drar du den till önskad plats. Detta kan vara:

  • En befintlig komponent av lämplig typ.
    • Du kan till exempel dra en resurs av typen bild till en bildkomponent.
  • En platshållare i styckesystemet för att skapa en komponent av lämplig typ.
    • Du kan till exempel dra en resurs av typen bild till styckesystemet för att skapa en bildkomponent.
NOTE
Det går att dra och släppa resurser för specifika resurser och komponenttyper. Mer information finns i Infoga en komponent med Assets Browser.

I det övre verktygsfältet i resursläsaren kan du filtrera resurserna efter:

  • Namn
  • Bana
  • Resurstyp som bilder, videoklipp, dokument, stycken, innehållsfragment och Experience Fragments
  • Resursegenskaper som orientering och stil
    • Endast tillgängligt för vissa tillgångstyper

Om du snabbt behöver göra en ändring i en resurs kan du starta resursredigeraren direkt från resursläsaren genom att klicka på redigeringsikonen som visas bredvid resursens namn.

Knappen Resursredigering

Innehållsträd content-tree

Innehållsträdet ger en översikt över alla komponenter på sidan i en hierarki så att du snabbt kan se hur sidan är uppbyggd.

NOTE
Innehållsträdet är inte tillgängligt om du redigerar en sida på en mobil enhet (om webbläsarbredden är mindre än 1024px).

Tryck eller klicka på fliken Innehållsträd för att komma åt innehållsträdet.

Knappen Innehållsträd

När den är öppen kan du se en trädvyrepresentation av sidan eller mallen, så att det blir lättare att förstå hur innehållet är hierarkiskt strukturerat. På en komplex sida är det också enklare att hoppa mellan sidans komponenter.

Innehållsträd

En sida kan enkelt bestå av många av samma typ av komponenter, så att innehållsträdet visar beskrivande text (i grått) efter komponenttypens namn (i svart). Den beskrivande texten kommer från vanliga egenskaper för komponenten, till exempel rubrik eller text.

Komponenttyper visas på användarspråket, medan komponentbeskrivningstexten kommer från sidspråket.

Om du klickar på markören bredvid en komponent kommer den nivån att komprimeras eller utökas.

Utökning av krona i innehållsträd

Om du klickar på komponenten markeras komponenten i sidredigeraren. Vilka åtgärder som är tillgängliga beror på sidstatus. Till exempel:

En bassida basic-page

Komponenterna på en bassida har de vanliga alternativen.

Innehållsträdet är markerat

Om komponenten som du klickar på i trädet är redigerbar visas en skiftnyckelsikon till höger om namnet. Om du klickar på den här ikonen öppnas redigeringsdialogrutan för komponenten.

Redigeringsknapp för innehållsträd

En Live-kopia live-copy

En sida som är en del av en livecopy, där komponenter ärvs från en annan sida, har olika alternativ.

Associerad innehållsläsare associated-content-browser

Om sidan innehåller innehållsfragment har du även åtkomst till webbläsaren för associerat innehåll.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab