Add a Page Footer
Remarque
Vous souhaitez apprendre en français ? Dans ce badge, les validations de défi pratique Trailhead se font en anglais. Les traductions sont fournies entre parenthèses à titre de référence. Dans votre Trailhead Playground, veillez (1) à définir les États-Unis comme région, (2) à sélectionner l’anglais comme langue, et (3) à copier et coller uniquement les valeurs en anglais. Suivez les instructions ici.
Consultez le badge Trailhead dans votre langue pour découvrir comment profiter de l’expérience Trailhead traduite.
Ce que vous allez faire
- Ajouter un pied de page
Étape 1 : Ajouter un pied de page
Dernière étape, mais pas la moindre, ajoutons un pied de page sous la forme d’un autre composant Grid System (Système de grille).
Insérez le code suivant entre les commentaires <!-- FOOTER --> :
<!-- 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 --> Étape 2 : Prévisualiser
Enregistrez votre page, puis cliquez sur le bouton Preview (Aperçu).
Résumé et étapes suivantes
Vous l'avez fait ! Vous avez créé une page de liste de contacts en utilisant Design System et sans écrire une seule ligne de feuille de style CSS !
Design System propose de nombreux composants que nous n’avons pas abordés dans ce projet. Visitez le site www.lightningdesignsystem.com pour consulter la liste complète des composants et rendre votre liste de contacts encore plus fonctionnelle !
Pour une présentation détaillée de l’utilisation de Design System, suivez notre module Trailhead plus complet.
Si vous avez des commentaires sur cet atelier ou sur n’importe quel aspect de Design System, n’hésitez pas à nous les soumettre.
