Add a Page Footer
Hinweis
Lernen Sie auf Deutsch? In diesem Badge ist für die praktischen Trailhead-Aufgaben Englisch als Bearbeitungssprache festgelegt. Übersetzungen werden zur Referenz in Klammern angegeben. Vergewissern Sie sich, dass Sie in Ihrem Trailhead-Playground (1) das Gebietsschema auf USA und (2) die Sprache auf Englisch festgelegt haben. (3) Verwenden Sie zum Kopieren und Einfügen nur die englischen Werte. Die zugehörigen Anweisungen finden Sie hier.
Weitere Details dazu, wie Sie die übersetzte Trailhead-Umgebung optimal nutzen können, finden Sie unter dem Badge "Trailhead in Ihrer Sprache".
Ihre Aufgaben
- Hinzufügen einer Fußzeile zu Ihrer Seite
Schritt 1: Hinzufügen einer Fußzeile
Zu guter Letzt soll eine Fußzeile in Form einer weiteren Grid System-Komponente hinzugefügt werden.
Fügen Sie den folgenden Code zwischen den <!-- FOOTER -->-Kommentaren ein:
<!-- FOOTER --> <footer role="contentinfo" class="slds-p-around_large"> <!-- LAYOUT GRID --> <div class="slds-grid slds-grid_align-spread"> <p class="slds-col">Salesforce Lightning Design System Example</p> <p class="slds-col">© Your Name Here</p> </div> <!-- / LAYOUT GRID --> </footer> <!-- / FOOTER --> Schritt 2: Vorschau
Speichern Sie die Seite und klicken Sie auf die Schaltfläche "Preview (Vorschau)".
Zusammenfassung und nächste Schritte
Sie haben es geschafft! Sie haben eine Kontaktlistenseite mit dem Design System erstellt, ohne eine einzige CSS-Zeile schreiben zu müssen!
Das Design System stellt eine Vielzahl von Komponenten zur Verfügung, die nicht in diesem Projekt behandelt werden. Eine vollständige Liste finden Sie unter www.lightningdesignsystem.com. Mit diesen Komponenten können Sie Ihre Kontaktlistenseite noch weiter optimieren!
Eine eingehendere geführte Einführung in das Design System finden Sie im längeren Trailhead-Modul.
Wenn Sie Feedback zu diesem Workshop oder einem Design System-Aspekt haben, teilen Sie es uns bitte mit.
