DIV ベースのレイアウトの設定

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間:1分
  • サイトを作成したら、DIV タグを使用してサイトのレイアウトを変更できます。

    始める前に

    必要なロール: content_admin または admin

    このタスクについて

    多くの Web ページレイアウトでは、一貫したルックアンドフィールのためにテーブルが使用されています。テーブルは数値や統計には効果的ですが、他のタイプの情報を設計する場合には制限される可能性があります。DIV タグは柔軟なブロック要素タグです。レイアウトに DIV タグを使用するには、タグに ID を付け、CSS を使用して属性を割り当てます。

    CSS タグと DIV タグに変更すると、次のように役立ちます。
    • コードの簡素化
    • コード量の削減
    • ページの読み込み速度を上げる
    • プレゼンテーションからコンテンツを分離する
    • ヘルプページはさまざまなデバイスの解像度に適応します
    • 検索エンジンがページをクロールしやすくする
    • 進化する Web ページ設計標準にコードをさらに準拠させる

    CSS 主導の DIV ベースのレイアウトの例として、「 Administration Theme - Charcoal 」という名前のテーマが含まれています。管理テーマ - Charcoal DIV ベースのレイアウトを表示するには、次の手順を実行します。

    手順

    1. 移動先 すべて > コンテンツ管理 > 設計 > レイアウト.
    2. [ アドミン] をクリックします 1 列
    3. コードを確認します。