Sitethema's site-themes

Leer hoe AEM sitethema's kunnen worden gebruikt om de stijl en het ontwerp van uw site aan te passen.

Overzicht overview

Een AEM site-thema 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.

Sites die zijn gemaakt met AEM sitesjablonen maken het eenvoudig downloaden, aanpassen en opnieuw gebruiken van de thema's mogelijk.

NOTE
AEM zouden de plaatsthema's niet met AEM plaatssjablonenmoeten worden verward. AEM sitethema's bevatten alleen de opmaakgegevens voor een AEM site. AEM plaatssjablonen bepalen plaatsstructuur en aanvankelijke inhoud, en bevatten een AEM plaatsthema om voor snelle plaatsverwezenlijkingtoe 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 Plaatsworden 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 de 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 met 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 de AEM is beschikbaar samen met gebruiksdocumentatie op GitHub. Voor het aanpassen van het thema is ontwikkelervaring op de voorgrond vereist.

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