Configure DIV-based layouts

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：1分

    • After you create your site, you can change the site layout with DIV tags.

    始める前に

    Role required: content_admin or admin

    このタスクについて

    Many web page layouts use tables for a consistent look and feel. Tables are effective for numbers and statistics, but can be limiting for designing other types of information. DIV tags are flexible block-element tags. To use DIV tags for layouts, give the tag an ID and assign attributes using CSS.

    Changing to CSS and DIV tags help in the following ways:
    • simplify code
    • reduce the amount of code
    • increase page load speed
    • separate content from presentation
    • help pages adapt to different device resolutions
    • make pages easier for search engines to crawl
    • make code more compliant with evolving web page design standards

    A theme named Administration Theme - Charcoal is included as an example of CSS-driven, DIV-based layouts. To view the Administration Theme - Charcoal DIV-based layout, complete the following steps.

    手順

    1. Navigate to All > Content Management > Design > Layouts.
    2. Click Admin 1 Column
    3. Review the code.