Einführung in Kernkomponenten

5. Mai 2025

Erstellt für:

  • Entwickler
  • Admin
  • Benutzende

In Adobe Experience Manager sind Komponenten die strukturellen Elemente, aus denen der Inhalt von bearbeiteten Seiten besteht. Komponenten waren immer ein Grundelement des AEM-Erlebnisses, wodurch die Seitenerstellung einfach, aber für den Autor und die Entwicklung von Komponenten flexibel und erweiterbar ist.

Die Kernkomponenten sind eine Reihe standardisierter Web Content Management (WCM) für AEM, um die Entwicklungszeit zu verkürzen und die Wartungskosten Ihrer Websites zu senken.

Ressourcen

  • Komponentenbibliothek: Eine Sammlung von Beispielen zum Anzeigen der Komponenten in ihren verschiedenen Konfigurationen.

  • Komponentendokumentation (dieses Dokument): Für Entwickler und Autoren mit Details zu den einzelnen Komponenten.

  • GitHub-Repository für Kernkomponenten: Für Entwicklerdetails zu den einzelnen Komponenten und Projekt-Download.

  • Erste Schritte:

    • Erfolg mit den Kernkomponenten: Richtlinien, die rechtzeitig vor Beginn eines Projekts zu berücksichtigen sind, bei dem die Kernkomponenten verwendet werden.
    • WKND-Tutorial: Ein zweitägiges Tutorial zum Erstellen einer neuen Website.
    • Summit-Tutorial: Ein zweistündiges Tutorial zum Erstellen einer neuen Website (von einem Lab beim US Summit 2019).
    • Gems-Webinar: Eine Führung durch die Kernkomponenten (aufgenommen am Dezember 2018).

Funktionen

Produktionsbereit
Die Kernkomponenten sind 30 robuste WCM-Komponenten, die gut getestet und weit verbreitet sind und eine gute Leistung erbringen.
Cloud-fähig
Ob in AEM as a Cloud Service, in Adobe Managed Services oder On-Premise - sie funktionieren einfach.
Vielseitig
Die Komponenten stellen allgemeine Konzepte dar, mit denen die Autoren nahezu jedes Layout zusammenstellen können.
Konfigurierbar
Inhaltsrichtlinien auf Vorlagenebene definieren, welche Funktionen die Seitenautoren verwenden dürfen oder nicht.
Alle Kernkomponenten sind so konzipiert, dass sie vollständig responsiv sind und ein nahtloses Erlebnis auf allen Geräten gewährleisten.
Verfolgbar
Die Adobe Client-Datenschicht-Integration ermöglicht die Verfolgung aller Aspekte des Besuchererlebnisses.
Barrierefrei
Sie erfüllen WCAG 2.1-Standards, bieten ARIA-Bezeichnungen und unterstützen die Tastennavigation (bekannte Probleme).
SEO-freundlich
Die HTML-Ausgabe ist schematisch und stellt schema.org-Mikrodatenanmerkungen bereit.
WebApp-fähig
Die optimierte JSON-Ausgabe ermöglicht das Client-seitige Rendern, wobei die kontextbezogene Bearbeitung weiterhin möglich ist.
AMP-Unterstützung
Die Komponenten verfügen über integrierte Unterstützung für den AMP-Standard, wodurch mobile Erlebnisse beschleunigt werden.
Design-Kit
Mit einem Benutzeroberflächen-Kit für Adobe XD können Designer Wireframes erstellen, die sie dann nach Bedarf formatieren können.
Themen-fähig
Die Komponenten implementieren das Stilsystem und das Markup folgt den BEM-CSS-Konventionen.
Anpassbar
Verschiedene Muster ermöglichen eine einfache Anpassung, von der Anpassung des HTML-Codes bis hin zur Wiederverwendung erweiterter Funktionen.
Versionierung
Die Versionierungsrichtlinie stellt sicher, dass die Kernkomponenten Ihre Website nicht beschädigen, wenn Funktionen verbessert werden, die sich auf Sie auswirken könnten.
Lokalisierbar
Mit der intelligenten Referenzauflösung ist es bestimmten Komponenten möglich, entsprechende lokalisierte Inhalte automatisch zu finden und anzuzeigen.
Open Source
Wenn etwas nicht so ist, wie es sein sollte, bringen Sie Ihre Verbesserungen ein!