Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
bgColor#f9f9f1
titleColor#f9f9f1
borderWidth0px
titleBGColor#bc4526
titleOn This Page

Table of Contents


 

The Page Sections Tab

Page Sections are logically arranged groups of Fields.

Page Sections should be configured so that they provide Editors with a clearly structured set of fields, which can can be used to create a certain section of a Page.

 

Space Admins must configure the Page Sections available in the Space before Editors begin to add and edit content in The Page Editor.

When an Editor first edits a blank Page's content, they will need to add a Page Section to the Page.

If no Page Sections have been configured, the Editor will not be able to add any content to the page.

 

Info
titleExample

A magazine publisher uses the Content Editor to produce content for their print magazine and magazine app.

A Space Admin has already set up a number of Field types in the Space administration view, including Fields for Headline, Deck, Byline, Lead paragraph, Body Paragraph, and Caption.

The Space Admin knows that most of the articles in the magazine begin with a hero section that contains a headline, deck, and byline.

They know that Editors will frequently need to add these sections to pages in this particular order.

Therefore, they create a Page Section called Hero, which contains Headline, Deck and Byline fields.

They also create several other Page Sections that commonly occur in their magazine's content.

Editors then add these sections to their Pages, in order to create structured and consistent content.

 

The Page Sections tab contains a list of the Page Sections available within the Space.

Space Admins can add, delete, and manage the Page Sections available within the Space, from within the Page Sections tab.

Accessing the Page Sections Tab

To access the Page Sections tab for a Space:

  1. Click your current Organisation's name in the top navigation bar.
  2. Under Swap Organisation, choose the relevant Organisation from the list.
    You will be taken to the Organisation view.
  3. Under the Spaces heading, click the name of the relevant Space.
  4. Click the Space name in the top navigation bar, then click Administer "Space Name".
    You will be taken to the Overview tab of the Space's administration.
  5. Click the Page Sections tab.

 

Add a Page Section Type

Info

Before adding Page Sections, ensure you have configured the necessary Field Types.

See Space Administration - Field Types.

To add a new type of Page Section:

  1. Click the Add a Page Section Type button.
  2. Enter a Name for the Page Section type.
  3. Click the Save button.
  4. On the next page, add the Fields you wish to contain in the Page Section, in the same way you add fields in The Page Editor.
  5. Once you have added all the relevant fields, you can further edit the Page Section by re-ordering the Fields, and editing the default content.
  6. Finalise the Fields and the default content they contain, then click the Done button.

The Field Type will be created, and will be displayed in the list.


 

Delete a Page Section Type

To delete a Page Section type:

  1. Locate the Page Section in the list.
  2. Click the arrow in the Actions column to open the Actions dropdown menu.
  3. Click Delete.
  4. Confirm you want to delete the Page Section by ticking the confirmation box.
  5. Click the Delete button.

The Page Section will be deleted, and will no longer be available for Editors working within the Space.

Any pre-existing uses of the Page Section will be preserved.


 

Manage Page Section Types

Space Admins can also manage the Page Section types within the Space.

Management functions include editing default content, editing HTML Layout, renaming, and moving Page Section types.

Edit HTML Markup

Each Page Section type can have custom HTML markup applied to it, allowing for more finely-tuned styling upon export.

Note

Editing HTML markup is only recommended for advanced users.

Custom HTML markup overrides the standard Content Editor HTML output.

Entering invalid markup may cause content to display incorrectly, or to not display at all.

For more information on custom HTML markup, see Using Custom HTML Markup.

To add custom HTML markup for a Page Section type:

  1. Locate the Field type in the list.
  2. Click the arrow in the Actions column to open the Actions dropdown menu.
  3. Click Edit HTML.
  4. On the next page, add your HTML Markup.

  5. Finalise the Field type's new HTML layout, then click the Done button.

Rename a Page Section

To rename a Page Section type:

  1. Locate the Page Section type in the list.
  2. Click the arrow in the Actions column to open the Actions dropdown menu.
  3. Click Rename.
  4. Enter the new name for the Field type.
  5. Click the Save button.

The Field type will be renamed.

Pre-existing uses of the Field type, using the old name, will be preserved.

Reorder Page Sections

To move a Page Section type up or down in the Page Section types list:

  1. Locate the Page Section type in the list.
  2. Click the arrow in the Actions column to open the Actions dropdown menu.
  3. Click Up or Down.
  4. The Page Section type will be moved in the list.