Webbplatsteman site-themes
Lär dig hur AEM webbplatsteman kan användas för att anpassa webbplatsens stil och design.
Ökning overview
Ett AEM webbplatstema är ett paket som innehåller CSS-, JavaScript- och statiska resurser som definierar formateringen för din AEM 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.
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.
Platstemastruktur structure
Webbplatsteman är helt enkelt paket med en logisk struktur som tydligt återspeglar syftet med paketinnehållet. För ett typiskt frontprojekt rekommenderar Adobe följande struktur för ett webbplatstema:
src/theme.ts: Huvudstartpunkten för JS- och CSS-tematsrc/site: JS- och CSS-filer som gäller för hela platsensrc/components: JS- och CSS-filer som är specifika för AEMsrc/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 tillhandahåller 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.