Structuur van de AEM-interface structure-of-the-aem-ui

De AEM UI heeft verschillende onderliggende beginselen en bestaat uit verschillende sleutelelementen:

Consoles consoles

Basislay-out en -formaat basic-layout-and-resizing

De interface biedt ruimte voor zowel mobiele apparaten als bureaubladapparaten, in plaats van twee stijlen te maken, AEM gebruikt één stijl die voor alle schermen en apparaten werkt.

Alle modules gebruiken de zelfde basislay-out:

De lay-out volgt een ontvankelijke ontwerpstijl en past zich aan de grootte van het apparaat, of venster, of allebei aan, dat u gebruikt.

Als de resolutie bijvoorbeeld lager is dan 1024 pixels (zoals op een mobiel apparaat), wordt het beeldscherm dienovereenkomstig aangepast:

Koptekstbalk header-bar

De kopbalbar toont globale elementen met inbegrip van:

Werkbalk toolbar

De werkbalk is contextueel ten opzichte van uw locatie en de gereedschappen voor oppervlakken die relevant zijn voor het beheren van de weergave of elementen op de onderstaande pagina. De werkbalk is productspecifiek, maar de elementen hebben een zekere gemeen.

Op de werkbalk ziet u de acties die momenteel beschikbaar zijn.

Ook afhankelijk van of een bron is geselecteerd:

Linkerspoor left-rail

De linkerspoorstaaf kan worden geopend/verborgen zoals vereist om te tonen:

Het gebrek is slechts Inhoud (spoorstaaf verborgen).

Pagina's ontwerpen page-authoring

Bij het ontwerpen van pagina's ziet u de volgende structurele gebieden.

Inhoudskader content-frame

De pagina-inhoud wordt weergegeven in het inhoudskader. Het inhoudskader is onafhankelijk van de editor - om ervoor te zorgen dat er geen conflicten optreden vanwege CSS of JavaScript.

Het inhoudskader bevindt zich in de rechtersectie van het venster, onder de werkbalk.

Editor frame editor-frame

Het editorkader laat de het uitgeven eigenschappen toe.

Het editorframe is een container (abstract) voor alle pagina-ontwerpelementen. Het leeft bovenop het inhoudskader, en omvat:

Zijpaneel side-panel

Bevat drie standaardtabbladen. De Assets en Componenten lusjes laten u dergelijke elementen selecteren en hen slepen van het paneel en hen laten vallen op de pagina. Het lusje van de Boom van de Inhoud laat u de hiërarchie van inhoud op de pagina inspecteren.

Het zijpaneel is standaard verborgen. Als deze optie is geselecteerd, wordt deze links weergegeven of als de vensterbreedte kleiner is dan 1024 pixels, schuift deze over om het hele venster te bedekken, bijvoorbeeld op een mobiel apparaat.

Zijpaneel - Assets side-panel-assets

Op het tabblad Assets kunt u een selectie maken uit het assortiment elementen. U kunt ook filteren op een bepaalde term of een groep selecteren.

Zijpaneel - Elementgroepen side-panel-asset-groups

Op het tabblad Assets vindt u een vervolgkeuzelijst waarmee u de specifieke groepen elementen kunt selecteren.

Zijpaneel - Componenten side-panel-components

Op het tabblad Componenten kunt u een keuze maken uit het bereik van componenten. U kunt ook filteren op een bepaalde term of een groep selecteren.

Zijpaneel - Inhoudsstructuur side-panel-content-tree

Op het tabblad Inhoudsstructuur kunt u de hiërarchie van inhoud op de pagina weergeven. Wanneer u op een item in het tabblad klikt, gaat u naar het item op de pagina in de editor en selecteert u het item.

Bedekkingen overlays

Bedekt het inhoudskader en door de lagengebruikt om de mechanica van te realiseren hoe u met de componenten en hun inhoud transparant kunt in wisselwerking staan.

De overlays bevinden zich in het editorframe (met alle andere pagina-ontwerpelementen), hoewel ze de juiste componenten in het inhoudsframe bedekken.

Laag layer

Een laag is een onafhankelijke bundel van functionaliteit die kan worden geactiveerd aan:

De lagen bieden geavanceerde functionaliteit voor de gehele pagina, in tegenstelling tot specifieke handelingen voor een afzonderlijke component.

AEM wordt geleverd met verschillende lagen die al zijn geïmplementeerd voor het ontwerpen van pagina's, zoals het bewerken, voorvertonen en notities aanbrengen van lagen.

Laagschakelaar layer-switcher

Met de laagschakeloptie kunt u de laag kiezen die u wilt gebruiken. Als u deze optie sluit, wordt de laag weergegeven die momenteel wordt gebruikt.

De laagschakelaar is beschikbaar als drop-down van de toolbar (bij de bovenkant van het venster, binnen het redacteurskader).

Werkbalk Component component-toolbar

Elke instantie van een component toont zijn toolbar wanneer geklikt (of eens of met een langzaam tweemaal klikken). De werkbalk bevat de specifieke handelingen (bijvoorbeeld kopiëren, plakken, open editor) die beschikbaar zijn voor de componentinstantie op de pagina.

Afhankelijk van de beschikbare ruimte, worden de componententoolbars geplaatst bij de bovenkant, of bodem, juiste hoek van de aangewezen component.

Aanvullende informatie further-information

Voor meer technische informatie, zie de JS documentatiereeksvoor de paginaredacteur.

Unified Shell unified-shell

Zie AEM as a Cloud Service op Verenigde Shellals u Verenigde Shell als uw AEM UI gebruikt.

Als u moet maken, of reeds gemaakt, om het even welke aanpassingen maken, verenigd zal kunnen worden onbruikbaar gemaakt: