Sections

What are Sections?

Sections build the layout of a web page and are comprised of columns and regions in a variety of configurations. Once a Section layout is chosen, Blocks can be added to each column or region. Multiple Sections can be added to a web page.

Sections are arranged into various layouts of columns and regions including:

  • One column

  • Two columns

  • Three columns

  • Four columns

  • Inverted “L” – left

  • Inverted “L” – right

After a Section layout has been chosen, the Configure section window will appear with the following fields:

Administrative label: this is an optional field if you wish to label the section. This label will not be visible to page visitors.

Column widths: this field determines the percentage of space within the page each column or region will occupy.

Section ID: this is an optional setting that is used to support an anchor link to this block. For example, entering "feature" lets you link directly to this section by adding "#feature" to the end of the URL. IDs should start with a letter, may only contain letters, numbers, underscores, hyphens, and periods, and should be unique on the page.

Style: Sections can be styled to have different widths on a page, which include:

  • Narrow contained width

  • Wide contained width

  • Extra-wide contained width (Default)

  • Full width

The narrow and wide contained width can be used to format web pages to resemble the look of WCMS 2 web pages. Sections will default to one column that is the full width of the page if they are not configured.

How to add a Section

Blocks are added through a page’s Layout tab.

  1. From the administration bar, select Workbench, and then select My Dashboard.

  2. Navigate to the Content list panel and select the content you would like to edit.

  3. Select the Layout tab.

    Screenshot of layout tab

     

  4. Select +Add section.

    Screenshot of add section

How to edit a Section

Sections are configured through a page’s Layout tab.

  1. At the top left of an existing section, select Configure Section.

    • By default, each section is numbered chronologically. If the section has an Administrative label, the text will read Configure Section Name.

    • Example: If the Administrative label is Lorem ipsum, the text will read Configure Lorem ipsum.

  2. Make the desired changes and select Update.

  3. Select Save layout.

How to delete a Section

Sections are deleted through a page’s Layout tab.

  1. Select the X icon to the left of Configure Section.

  2. From the confirmation window, select Remove.

    • Note: This action cannot be undone. If the section should not be deleted, select Cancel.

  3. Select Update.

  4. Select Save layout.