Blocksammlung

Dies ist eine Sammlung von Bausteinen, die als Teil des AEM-Produkts betrachtet und als Blueprints für Bausteine in Ihrem Projekt empfohlen werden.

Diese Bausteine stammen aus echten AEM-Produktionsprojekten. Um Teil dieser Sammlung zu sein, muss ein Block eine große Anzahl von Projekten umfassen, genügend abstrakte Funktionen bieten und allgemein genug sein, damit er wiederverwendet werden kann, ohne das zugrunde liegende Inhaltsmodell ändern zu müssen.

Wenn sich die Anforderungen und Designs von Websites ändern, ändert sich auch die Blocksammlung. Ergänzungen werden vorgenommen, um neu auftretende Anforderungen von Projekten widerzuspiegeln. Blöcke, die nicht häufig genug verwendet werden, werden jedoch ebenfalls entfernt (veraltet).

Für die Blöcke in der Sammlung gibt es nur wenige technische Prinzipien:

  • Intuitiv: Inhaltsstruktur, die intuitiv und einfach zu erstellen ist
  • Nutzbar: Abhängigkeiten, kompatibel mit Textbaustein
  • Responsiv: Funktioniert bei allen Haltepunkten
  • Kontextsensitiv: übernimmt CSS-Kontext wie Text und Hintergrundfarben.
  • Localizable Kein hartcodierter Inhalt
  • Schnell: Keine negativen Auswirkungen auf die Leistung
  • SEO und A11y: SEO-freundlich und zugänglich

Alle Blöcke können als Grundlage für die eigene Blockentwicklung betrachtet werden. Es ist sehr wahrscheinlich, dass Sie alle .css und .js Code ändern werden, um Ihre eigenen Projektanforderungen zu erfüllen. Der Hauptwert dieser Blöcke ist die Inhaltsstruktur, die sie bereitstellen.

Da der Code des Blocks vollständig an Ihr Projekt angepasst wird, sollen die Blöcke in der Auflistung nicht abwärtskompatibel zu ihren jeweiligen älteren Versionen sein oder sie upgradefähig machen.

Kesselblech

Die am häufigsten verwendeten Bausteine (sowie die Standardinhaltstypen) werden im AEM Boilerplate kuratiert und sind Teil jedes AEM-Projekts. Damit ein Baustein Teil des Textbausteins werden kann, muss er von der überwiegenden Mehrheit aller AEM-Projekte verwendet werden.

Die Code-Basis für alle Blöcke in AEM Boilerplate ist Open-Source-basiert und kann auf GitHub adobe/aem-boilerplate

Blöcke in AEM Boilerplate können mithilfe der Sidekick Library) unten erkannt werden. Verwenden SieSchaltfläche copy , um die entsprechende Inhaltsstruktur in die Zwischenablage zu kopieren und in ein Dokument einzufügen, um die Inhaltsstruktur anzuzeigen.

<h3>Überschriften</h3>

Standardinhalt

Verschiedene Überschriftenebenen bilden das semantische Rückgrat Ihres Dokuments

<h3>Text</h3>

Standardinhalt

Textkörper oder Kopie mit umfangreichen semantischen Formatierungsoptionen

<h3>Bilder</h3>

Standardinhalt

Bilder bringen Ihren Inhalt zum Leben

<h3>Listen</h3>

Standardinhalt

Sortierte und ungeordnete Listen, wo immer sie benötigt werden

<h3>Links</h3>

Standardinhalt

Verweisen auf andere Websites oder eigene Inhalte

<h3>Schaltflächen</h3>

Standardinhalt

Aktionsaufruf-Schaltflächen und mehr

<h3>Code</h3>

Standardinhalt

Hervorheben von vorformatierten Codeausschnitten in Ihrem Inhalt

<h3>Abschnitte</h3>

Standardinhalt

Gruppieren von Inhalten auf der Seite in Abschnitte

<h3>Symbole</h3>

Standardinhalt

Inhalte mit Symbolen interessanter gestalten

<h3>Held</h3>

Block

Hero-Behandlung am Anfang einer Seite

<h3>Spalten</h3>

Block

Flexible Handhabung mehrspaltiger Layouts in responsiver Weise

<h3>Karten</h3>

Block

Liste der Karten mit oder ohne Bilder und Links

<h3>Kopfzeile</h3>

Block

Beispiel für flexible Kopfzeile und Navigation

<h3>Fußzeile</h3>

Block

Einfacher erweiterbarer Fußzeilenblock

<h3>Metadaten</h3>

Fügen Sie Ihrer Seite bei Bedarf Metadaten hinzu

<h3>Abschnittsmetadaten</h3>

Markieren oder Strukturieren des gesamten Inhalts in einem Abschnitt

Blocksammlung

Die Blocksammlung enthält Blöcke, die häufig verwendet werden, aber nicht so häufig sind, dass sie als Textbaustein betrachtet werden können. Um in die Blocksammlung aufgenommen zu werden, muss ein -Block als Faustregel bei mehr als der Hälfte aller AEM-Projekte verwendet werden.

Die Blocksammlung kann der Eingabepfad in Textbausteincode sein. Ebenso kann ein Block in diese Sammlung verschoben werden, wenn er nicht mehr in dem Textbaustein verwendet wird.

Die Code-Basis für alle Blöcke in der AEM-Blocksammlung ist Open-Source-basiert und befindet sich auf GitHub adobe/aem-block-collection

Blöcke in der AEM-Blocksammlung können mithilfe der Sidekick-Bibliothek unten erkannt werden. Verwenden Sie die Schaltfläche copy , um die entsprechende Inhaltsstruktur in die Zwischenablage zu kopieren und in ein Dokument einzufügen, um die Inhaltsstruktur anzuzeigen.

<h3>Einbetten</h3>

Block

Eine einfache Möglichkeit, Social-Media-Inhalte in AEM-Seiten einzubetten

<h3>Fragment</h3>

Block

Teilen von Inhalten über mehrere Seiten hinweg

<h3>Tabelle</h3>

Block

Eine Möglichkeit, Tabellendaten in Zeilen und Spalten zu organisieren

<h3>Video</h3>

Block

Anzeigen und Wiedergeben von Videos direkt in AEM

<h3>Akkordeon</h3>

Block

Ein Stapel beschreibender Beschriftungen, die umgeschaltet werden können, um den zugehörigen vollständigen Inhalt anzuzeigen

<h3>Breadcrumbs</h3>

Block-Add-on

Eine Liste von Seitentiteln und relevanten Links, die den Speicherort der aktuellen Seite in der Navigationsbaum

<h3>Karussell</h3>

Block

Ein dynamisches Anzeigewerkzeug, das reibungslos durch eine Reihe von Bildern wechselt, mit optionalem Textinhalt

<h3>Modal</h3>

Autoblock

Ein Popup, das über anderen Site-Inhalten angezeigt wird

<h3>Zitat</h3>

Block

Anzeige eines Zitats oder einer Hervorhebung einer bestimmten Passage (oder „Pull-Zitate„) innerhalb eines Dokument

<h3>Suchen</h3>

Block

Ermöglicht Benutzern das Auffinden von Website-Inhalten durch Eingabe eines Suchbegriffs

<h3>Registerkarten</h3>

Block

Segmentieren von Informationen in mehrere Bedienfelder mit Beschriftung (oder Registerkarten)

<h3>Formular</h3>

Block (veraltet)

Ein Satz von Eingabedialogen, die Benutzenden die Übermittlung von Informationen ermöglichen

Die Blockerfassung wird auf der Grundlage des Feedbacks der AEM-Community kontinuierlich weiterentwickelt. Wenn Sie der Meinung sind, dass ein Block in der Blocksammlung enthalten sein sollte, wenden Sie sich an Ihren AEM-Ansprechpartner. Zu den aktuellen Kandidaten für die Aufnahme in die Blocksammlung gehören:

  • Einverständnisbanner

Wenn Sie einen Block unmittelbar benötigen, der noch nicht zur Sammlung gehört, können Sie auf GitHub relativ einfach AEM-Projekte mit Beispielimplementierungen für alle oben genannten Kandidaten finden.

Blockpartei

Die Blockparty ist ein Ort, an dem die AEM-Entwickler-Community präsentieren kann, was sie auf AEM-Sites erstellt haben. Es ermöglicht auch anderen, das Rad nicht neu zu erfinden und diese Blöcke / Code-Snippets / Integrationen, die von der Community erstellt wurden, wiederzuverwenden und den Code nach Bedarf anzupassen, um ihre eigenen Projekte anzupassen. Siehe Blockparty für alles, was es zu bieten hat.

Hinweis: Obwohl wir unsere AEM-Entwickler-Community lieben und unterstützen, ist Adobe nicht für die Pflege oder Aktualisierung des Codes verantwortlich, der in Block Party präsentiert wird. Bitte verwenden Sie den Code nach eigenem Ermessen.

recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec