Add a Page Footer
メモ
日本語で受講されている方へ
このバッジの Trailhead ハンズオン Challenge は英語で受講していただく必要があります。英語の意味についてはかっこ内の翻訳をご参照ください。Trailhead Playground では (1) [Locale (地域)] を [United States (米国)] に、[Language (言語)] を [English (英語)] に切り替えて、(2) 英語の値のみをコピーして貼り付けてください。こちらの指示に従ってください。
翻訳版 Trailhead を活用する方法の詳細は、自分の言語の Trailhead バッジを参照してください。
操作内容
- ページにフッターを追加する
ステップ 1: フッターを追加する
最後の重要なステップとして、フッターを別のグリッドシステムコンポーネントとして追加します。
<!-- 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 --> ステップ 2: プレビューする
ページを保存して、[Preview (プレビュー)] ボタンをクリックします。
サマリーと次のステップ
これで完了です。Design System を使用して、CSS を 1 行も記述することなく、取引先責任者リストページを作成しました。
Design System には、このプロジェクトで取り上げたもの以外にも多数のコンポーネントがあります。コンポーネントの一覧を確認し、取引先責任者リストページをさらに改良していく場合は、www.lightningdesignsystem.com をご覧ください。
Design System の使用に関する詳細な説明は、Trailhead の詳しいモジュールを参照してください。
このワークショップやその他 Design System に関するフィードバックをお待ちしております。
