DocumentatieAEM as a Cloud ServiceHandboek

Sitethema's site-themes

Last update: Tue Oct 14 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Van toepassing op:
  • Experience Manager as a Cloud Service

Gemaakt voor:

  • Beheerder
TIP
hebt u Edge Delivery Services voor AEM overwogen?
U kunt de methoden die in dit document worden beschreven, blijven gebruiken voor bestaande projecten. Nochtans voor nieuwe projecten, adviseert Adobe leveraging ​ Edge Delivery Services.

Leer hoe AEM-sitethema's kunnen worden gebruikt om de stijl en het ontwerp van uw site aan te passen voor traditionele AEM-ontwerpprojecten met publicatieweergave.

Overzicht overview

Een AEM-sitethema is een pakket met de CSS-, JavaScript- en statische bronnen die de opmaak van uw AEM-site definiëren en die voldoet aan de structuur van een AEM-sitethema.

De plaatsen die met de plaatsmalplaatjes van AEM worden gecreeerd staan voor de gemakkelijke download, aanpassing, en herplaatsing van de thema's voor traditionele het auteursprojecten van AEM met ​ toe publiceren levering.

NOTE
De de plaatsthema's van AEM zouden niet met ​ de plaatsmalplaatjes van AEM ​ moeten worden verward. AEM-sitethema's bevatten alleen de opmaakgegevens voor een AEM-site. De plaatsmalplaatjes van AEM bepalen plaatsstructuur en aanvankelijke inhoud, en bevatten een de plaatsthema van AEM om voor ​ snelle plaatsverwezenlijking toe te staan.

Sitethema's gebruiken using-themes

Sitethema's worden op twee verschillende manieren gebruikt:

  • Zij worden gebruikt als deel van een plaatsmalplaatje om het stileren te bepalen wanneer ​ creërend een plaats.
  • Ze worden gedownload nadat een site op basis van een sitesjabloon is gemaakt, zodat een ontwikkelaar aan de voorzijde de opmaak verder kan aanpassen.
TIP
Een beschrijving van begin tot eind van het proces om een plaats van een malplaatje te creëren en zijn thema aan te passen kan in de ​ Snelle Reis van de Aanmaak van de Plaats worden gevonden.

Structuur van sitethema structure

Sitethema's zijn eenvoudig pakketten met een logische structuur die duidelijk het doel van de pakketinhoud weerspiegelt. Voor een typisch front-end project, adviseert Adobe de volgende structuur voor een plaatsthema:

  • src/theme.ts: Het belangrijkste ingangspunt van uw JS & CSS-thema
  • src/site: JS- en CSS-bestanden die van toepassing zijn op de gehele site
  • src/components: JS- en CSS-bestanden die specifiek zijn voor AEM-componenten
  • src/resources: statische bestanden zoals pictogrammen, logo's en lettertypen

Afhankelijk van de specifieke projectbehoeften, kan de themastructuur variëren zolang het hoofdingangspunt, src/theme.ts, behouden blijft.

Standaardsitethema standard-site-theme

Adobe biedt een verwijzingsthema voor tips en trucs dat u kunt gebruiken als basis voor het maken van uw eigen thema. ​ het StandaardThema van de Plaats is beschikbaar op GitHub.

Sitethema's ontwikkelen developing-themes

Adobe biedt een AEM Site Theme Builder als een set scripts voor het maken van nieuwe sitethema's.

​ de Bouwer van het Thema van de Plaats van AEM is beschikbaar samen met gebruiksdocumentatie op GitHub. Voor het aanpassen van het thema is een ontwikkelervaring op de voorgrond vereist.

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