この節について
この節では、「第5章 1節 containerを設置してh2セクションを作ろう」の続きを作成していきます。
module-list.htmlに作成しておいたmod-media-0001とmod-media-0002をblog-service-top.htmlに設置して、ページを完成させましょう。
mod-media-0001をおすすめ記事のセクションに設置する
module-list.htmlに予め作成しておいたmod-media-0001を、blog-service-top.htmlのおすすめ記事のセクション内の ここにコンテンツのモジュールが入ります。
としていた箇所にペーストして、以下のようにします。
1 | <!DOCTYPE html> |
mod-media-0002を人気の記事と新着記事のセクションに設置する
module-list.htmlに予め作成しておいたmod-media-0002を、blog-service-top.htmlの人気の記事のセクションと、新着記事のセクション内の ここにコンテンツのモジュールが入ります。
としていた箇所にペーストして、以下のようにします。
1 | <!DOCTYPE html> |
表示確認
public/html/blog-service-top.html
をブラウザで開いて確認してみてください。
この節のおわりに
これでブログサービストップページが完成しました。
次の節では、第5章までのコードについて復習していきましょう。