静的ページの作成

メディアサイトには、記事以外の静的ページも必要です。ここではテキスト中心の下層ページをまとめて確認します。

ページ構成

いずれも、ページ見出し＋本文というシンプルな構成です。

<main class="u-ptb">
    <div class="l-container-s">
        <h1 class="c-title-level1">武者への道とは</h1>
        <div class="l-page-body">
            <p>...</p>
            <p>...</p>
        </div>
    </div>
</main>

見出し下の余白や本文幅は、レイアウト用クラスで共通管理します。ページごとに大きく作り分ける必要はありません。

スタイリングのポイント

• 本文幅を少し狭くすると読みやすい（l-container-s）
• 見出し階層（h2 / h3）を崩さない
• 会社概要は定義リスト（dl）や表でも整理できる

about の下には c-cta を置くなど、ページの役割に応じて導線を足します。