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.
Example
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:
- Click your current Organisation's name in the top navigation bar.
- Under Swap Organisation, choose the relevant Organisation from the list.
You will be taken to the Organisation view. - Under the Spaces heading, click the name of the relevant Space.
- 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. - Click the Page Sections tab.
Add a Page Section Type
Before adding Page Sections, ensure you have configured the necessary Field Types.
To add a new type of Page Section:
- Click the Add a Page Section Type button.
- Enter a Name for the Page Section type.
- Click the Save button.
- 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.
- 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.
- 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:
- Locate the Page Section in the list.
- Click the arrow in the Actions column to open the Actions dropdown menu.
- Click Delete.
- Confirm you want to delete the Page Section by ticking the confirmation box.
- 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.
Changes to Page Section types are not retroactive. Making a change to a Page Section type in will not affect any instances where the Page Section has already been used in a Page.
Edit HTML Markup
Each Page Section type can have custom HTML markup applied to it, allowing for more finely-tuned styling upon export.
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:
- Locate the Field type in the list.
- Click the arrow in the Actions column to open the Actions dropdown menu.
- Click Edit HTML.
On the next page, add your HTML Markup.
- Finalise the Field type's new HTML layout, then click the Done button.
Rename a Page Section
To rename a Page Section type:
- Locate the Page Section type in the list.
- Click the arrow in the Actions column to open the Actions dropdown menu.
- Click Rename.
- Enter the new name for the Field type.
- 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:
- Locate the Page Section type in the list.
- Click the arrow in the Actions column to open the Actions dropdown menu.
- Click Up or Down.
- The Page Section type will be moved in the list.