DokumentationAEM as a Cloud ServiceAnvändarhandbok

Webbplatsteman site-themes

Last update: Tue Jul 15 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Gäller:
  • Experience Manager as a Cloud Service

Skapat för:

  • Administratör
TIP
Har du övervägt Edge Delivery Services för AEM?
Du kan fortsätta använda metoderna som beskrivs i det här dokumentet för befintliga projekt. För nya projekt rekommenderar Adobe att du drar nytta av Edge Delivery Services.

Läs om hur AEM webbplatsteman kan användas för att anpassa webbplatsens stil och design för AEM traditionella projekt med publiceringsleverans.

Ökning overview

Ett AEM-tema är ett paket som innehåller CSS-, JavaScript- och statiska resurser som definierar formateringen för din AEM-webbplats och som följer strukturen för ett AEM-webbplatstema.

Webbplatser som skapats med AEM webbplatsmallar gör det enkelt att hämta, anpassa och omdistribuera teman för AEM traditionella redigeringsprojekt med publiceringsleverans.

NOTE
AEM webbplatsteman ska inte blandas ihop med AEM webbplatsmallar. AEM webbplatsteman innehåller endast formatinformation för en AEM-webbplats. AEM webbplatsmallar definierar webbplatsens struktur och innehåll samt innehåller ett AEM-tema som gör att du kan skapa webbplatser snabbt.

Använda webbplatsteman using-themes

Webbplatsteman används på två olika sätt:

  • De används som en del av en webbplatsmall för att definiera format när en webbplats skapas.
  • De laddas ned när du har skapat en webbplats baserad på en webbplatsmall så att en gränssnittsutvecklare kan anpassa formatet ytterligare.
TIP
En fullständig beskrivning av processen att skapa en webbplats från en mall och anpassa dess tema finns i snabbwebbplatsgenereringsresan.

Platstemastruktur structure

Webbplatsteman är helt enkelt paket med en logisk struktur som tydligt återspeglar syftet med paketinnehållet. Adobe rekommenderar följande struktur för ett tema:

  • src/theme.ts: Huvudstartpunkten för JS- och CSS-temat
  • src/site: JS- och CSS-filer som gäller för hela platsen
  • src/components: JS- och CSS-filer specifika för AEM-komponenter
  • src/resources: Statiska filer som ikoner, logotyper och teckensnitt

Beroende på specifika projektbehov kan temastrukturen variera så länge huvudstartpunkten, src/theme.ts, bevaras.

Standardtema för webbplats standard-site-theme

Adobe har ett referenstema som du kan använda som utgångspunkt för att skapa ett eget tema. Standardwebbplatstemat är tillgängligt på GitHub.

Utveckla webbplatsteman developing-themes

Adobe tillhandahåller en AEM Site Theme Builder som en uppsättning skript för att skapa nya webbplatsteman.

AEM Site Theme Builder är tillgänglig tillsammans med användningsdokumentation för GitHub. Utvecklingsupplevelsen i gränssnittet krävs för att anpassa temat.

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