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

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間：1分

    • サイトを作成したら、DIV タグを使用してサイト レイアウトを変更できます。

    始める前に

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

    このタスクについて

    多くの Web ページ レイアウトで、一貫した外観を維持するためにテーブルが使用されます。テーブルは、数値や統計に有効ですが、他のタイプの情報を設計する場合には限界があります。DIV タグは柔軟なブロック要素タグです。レイアウトに DIV タグを使用するには、タグに ID を付与し、CSS を使用して属性を割り当てます。

    CSS と DIV タグに変更すると、以下のことに役立ちます。
    • コードの簡素化
    • コード量の削減
    • ページ読み込み速度の向上
    • プレゼンテーションとコンテンツの分離
    • さまざまなデバイス解像度に対応したヘルプ ページ
    • 検索エンジンによるページのクロールの容易化
    • 進化する Web ページ設計標準に準拠したコードの作成

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

    手順

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